.noscript-dossier {
  width: min(calc(100% - 2rem), 74rem);
  margin-inline: auto;
  padding-block: clamp(2rem, 7vw, 5rem);
  color: #102a36;
  font-family: "Segoe UI", sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.noscript-dossier header,
.noscript-dossier article,
.noscript-dossier section:last-child {
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid #b8d3ce;
  background: rgb(255 255 255 / 0.9);
}

.noscript-dossier section {
  display: grid;
  gap: 1rem;
  margin-top: clamp(2.5rem, 7vw, 5rem);
}

.noscript-dossier h1,
.noscript-dossier h2,
.noscript-dossier h3 { margin-block: 0 0.75rem; line-height: 1.1; }
.noscript-dossier h1 { font-size: clamp(2.8rem, 10vw, 5.6rem); }
.noscript-dossier h2 { font-size: clamp(2rem, 6vw, 3.35rem); }
.noscript-dossier p { max-width: 66ch; color: #45646d; }
.noscript-dossier a { color: #087f72; text-underline-offset: 0.2em; }
.noscript-dossier a:focus-visible { outline: 3px solid #087f72; outline-offset: 4px; }
.noscript-label { color: #087f72 !important; font-family: Consolas, monospace; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.noscript-headline { color: #102a36 !important; font-size: clamp(1.35rem, 4vw, 2.4rem); font-weight: 700; }