/* Tilgjengelighetserklæringen: en rolig lesespalte. Innholdet er Markdown
   fra innholdsfila, så stilene gjelder elementene (h2, p, ul, a, table),
   ikke klasser. */
.tg {
  background: var(--color-cream);
  color: var(--color-midnight);
  padding: calc(var(--nav-height) + clamp(48px, 9vh, 104px)) 24px clamp(64px, 10vh, 120px);
}
.tg__innhold { max-width: 68ch; margin: 0 auto; }
.tg__tittel {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--text-5xl);
  line-height: var(--linje-display);
  letter-spacing: var(--sperring-tett);
  text-wrap: balance;
  /* «Tilgjengelighetserklæring» er ett ord, bredere enn en mobilskjerm.
     Det deles med bindestrek, og tvinges over om nettleseren ikke kan
     orddele norsk. Før ble det klippet i høyre kant på 320 og 390 px. */
  hyphens: auto;
  overflow-wrap: anywhere;
}
/* Paa de smaleste skjermene faar «Tilgjengelighets-» plass paa én linje. */
@media (max-width: 420px) { .tg__tittel { font-size: var(--text-4xl); } }
.tg__dato {
  margin: 18px 0 0;
  font-size: var(--etikett);
  line-height: var(--linje-etikett);
  letter-spacing: var(--sperring-xs);
  color: var(--tekst-dempet);
}
.tg__tekst {
  margin-top: clamp(32px, 5vh, 56px);
  font-size: var(--brod);
  line-height: var(--linje-brod);
}
.tg__tekst > :first-child { margin-top: 0; }
.tg__tekst h2 {
  margin: 2em 0 .5em;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: var(--text-3xl);
  line-height: var(--linje-tittel);
  text-wrap: balance;
}
.tg__tekst h3 {
  margin: 1.6em 0 .4em;
  font-size: var(--brod);
  font-weight: 700;
  line-height: var(--linje-tittel);
}
.tg__tekst p, .tg__tekst ul, .tg__tekst ol { margin: 0 0 1em; text-wrap: pretty; }
.tg__tekst ul, .tg__tekst ol { padding-left: 1.3em; }
.tg__tekst ul { list-style: disc; }
.tg__tekst ol { list-style: decimal; }
.tg__tekst li::marker { color: var(--aksent-tekst); }
.tg__tekst li + li { margin-top: .35em; }
.tg__tekst a {
  color: var(--aksent-tekst);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .18em;
}
.tg__tekst a:hover { color: var(--color-midnight); }
.tg__tekst a:focus-visible { outline: 2px solid var(--aksent-tekst); outline-offset: 2px; }
.tg__tekst table { width: 100%; border-collapse: collapse; margin: 0 0 1.4em; font-size: var(--brod-kort); }
.tg__tekst th, .tg__tekst td { text-align: left; vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid color-mix(in srgb, var(--color-midnight) 16%, transparent); }
.tg__tekst th { font-weight: 700; }
/* Brede tabeller ruller i seg selv på smal skjerm, ikke hele sida. */
@media (max-width: 719px) { .tg__tekst table { display: block; overflow-x: auto; } }

/* «Kort fortalt» og avviket skal vaere lette aa finne (tilgjengelighetstraaden
   29. sep 2026). Seksjonene lages av src/lib/erklaeringSeksjoner.ts ut fra
   mellomtittelen. Samme tekst, bare en egen form: en lys flate for
   sammendraget, en aksentstrek for det som ikke er godt nok. */
.tg__del--kort,
.tg__del--avvik {
  margin: 2em 0;
  padding: clamp(20px, 3vw, 32px);
  border-radius: 12px;
}
.tg__del--kort {
  background: var(--color-warm-white);
  border: 1px solid var(--color-sand);
}
.tg__del--avvik {
  background: var(--color-warm-white);
  border: 1px solid var(--color-sand);
  border-left: 4px solid var(--aksent-tekst);
}
.tg__del--kort h2,
.tg__del--avvik h2 { margin-top: 0; }
.tg__del--kort > :last-child,
.tg__del--avvik > :last-child { margin-bottom: 0; }