/* Atlas Production — Lesefläche für Impressum, Datenschutz, 404.
   Setzt basis.css voraus (Token, Rücksetzung, CRT-Schicht, Fußzeile).
   Dieselbe Welt wie die Startseite, aber hier wird gelesen: Fließtext läuft
   in Mono auf einer echten Zeilenbreite, nicht in der Pixel-Schrift —
   Press Start 2P ist eine Überschriften-Stimme, keine Absatz-Stimme. */

body {
  font-family: var(--mono);
  min-height: 100vh;   /* Fallback fuer aeltere Safari ohne svh */
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}

/* ---- header: small wordmark, back to the world ---- */

.pagehead {
  padding: clamp(20px, 4vw, 36px) clamp(24px, 5vw, 56px) 0;
}
.pagehead a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6em;
  text-decoration: none;
  font-family: var(--display);
  color: var(--ice);
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  letter-spacing: 0.03em;
  text-shadow: 0 0 14px var(--glanz-ice);
  min-height: 44px;   /* Trefferfläche, nicht Optik */
}
.pagehead a span {
  /* Nicht mehr 0.55em: das ergab bei kleinem Fenster 8,8px in einem Link.
     Unter 11px ist Funktionstext nicht mehr lesbar, sondern Dekoration —
     und dieses Wort gehört zum Namen. 0.7rem ist der harte Boden. */
  font-size: max(0.7rem, 0.6em);
  color: var(--ink-dim);
  letter-spacing: 0.3em;
  text-shadow: none;
}
.pagehead a:hover { color: var(--cyan); }

/* ---- reading column ---- */

.doc {
  flex: 1;
  width: min(680px, 100%);
  margin: 0 auto;
  padding: clamp(32px, 6vh, 64px) clamp(24px, 5vw, 56px) clamp(64px, 10vh, 120px);
}

.doc__kicker {
  font-family: var(--display);
  font-size: clamp(0.7rem, 1.8vw, 0.85rem);
  color: var(--cyan);
  letter-spacing: 0.14em;
  text-shadow: 0 0 12px rgba(70, 240, 216, 0.3);
}
.doc__title {
  margin-top: 0.7em;
  font-family: var(--display);
  font-size: clamp(1.4rem, 5vw, 2.4rem);
  color: var(--ink);
  line-height: 1.3;
}
.doc__updated {
  margin-top: 0.9em;
  font-size: 0.8rem;
  color: var(--ink-dim);
}

.doc section {
  margin-top: clamp(36px, 6vh, 56px);
}
.doc h2 {
  font-family: var(--display);
  /* Vorher 0.78–0.92rem und damit KLEINER als der Fließtext darunter, den es
     überschreibt. Die Farbe trug die Hierarchie allein; jetzt trägt sie auch
     die Größe — mindestens ein Viertel über dem Absatz. */
  font-size: clamp(1.15rem, 2.6vw, 1.25rem);
  color: var(--amber);
  letter-spacing: 0.06em;
  line-height: 1.6;
  margin-bottom: 0.9em;
}
.doc p, .doc address, .doc li {
  max-width: 68ch;
  font-size: clamp(0.92rem, 1.6vw, 1rem);
  color: var(--ink);
  font-style: normal;
}
.doc p + p, .doc address + p, .doc ul + p { margin-top: 1em; }
.doc ul { margin-top: 0.6em; padding-left: 1.4em; }
.doc li { margin-top: 0.5em; }
.doc li::marker { color: var(--cyan); }
.doc a { color: var(--amber); text-decoration: underline; text-underline-offset: 3px; }
.doc a:hover { color: var(--amber-hell); }
.doc strong { color: var(--ink); font-weight: 700; }

.doc address {
  font-style: normal;
  line-height: 1.7;
}

/* Die Fußzeile steht vollständig in basis.css — alle Seiten teilen sie. */