/* Neverland Chronik · Hell-Ergänzung (0.15.0) – nur im eigenständigen Modus (includes/eigenstaendig.php), nach
   neverland-aldrin/assets/hell-theme.css geladen. Trägt, was die Chronik über das Hell-Theme hinaus vom Block-Theme
   maxim-matthew-block braucht: Lesespalte, Einstiegsabsatz mit Initiale, Listen, Bildunterschrift. Werte 1:1 aus
   maxim-matthew-block/assets/theme.css (Stand 09.10.2026, Zeilen 17, 31, 847–895, 978, 1640–1645). Vorläufig, bis das
   Block-Theme live ist; dann lädt diese Datei nicht mehr. */

:root { --gold-tinte: #8a6631; --wide-block: min(72rem, calc(100vw - 4rem)); }

:where(.ng-eigen) .entry-content { padding-bottom: clamp(5rem, 8vw, 7rem); }
:where(.ng-eigen) .entry-content > p,
:where(.ng-eigen) .entry-content > h2,
:where(.ng-eigen) .entry-content > h3,
:where(.ng-eigen) .entry-content > ul,
:where(.ng-eigen) .entry-content > ol { width: var(--reading); margin-left: auto; margin-right: auto; }
:where(.ng-eigen) .entry-content > p {
  margin-top: 0; margin-bottom: 1.55em; color: var(--ink-dim);
  text-align: justify; text-justify: inter-word;
  -webkit-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 6 3 3; text-wrap: pretty;
}
:where(.ng-eigen) .entry-content > p:first-of-type { margin-bottom: 2.2em; color: var(--ink); font-size: clamp(1.3rem, 2vw, 1.55rem); line-height: 1.5; }
:where(.ng-eigen) .entry-content > p:first-of-type::first-letter { float: left; margin: .06em .12em 0 0; color: var(--gold-bright); font: 400 5.15em/.7 var(--font-author); }
@supports (initial-letter: 3) or (-webkit-initial-letter: 3) {
  :where(.ng-eigen) .entry-content > p:first-of-type::first-letter {
    float: none; margin: 0 .48em 0 0; font-family: var(--font-author); font-size: inherit; line-height: inherit;
    -webkit-initial-letter: 3; initial-letter: 3;
  }
}
:where(.ng-eigen) .entry-content a { color: var(--ink); text-decoration-color: var(--gold-tinte); text-underline-offset: .2em; }
:where(.ng-eigen) .entry-content figcaption { max-width: 60ch; margin: .9rem 0 0; font: 500 12px/1.55 var(--font-ui); letter-spacing: .05em; }
:where(.ng-eigen) .entry-content img { max-width: 100%; height: auto; }
@media (max-width: 500px) {
  :where(.ng-eigen) .entry-content > p:first-of-type { font-size: 1.3125rem; }
  :where(.ng-eigen) .entry-content > p { text-align: start; text-justify: auto; }
}

/* Kopf ohne Bild (theme.css kennt .mm-header-ohne-bild nur über Hintergrund und Höhe) */
:where(.ng-eigen) .mm-header.mm-header-ohne-bild { min-height: var(--kopf-mittel); }

/* Leiste am Telefon: Menü als eine wischbare Zeile unter der Wortmarke. Im Hell-Theme stapeln sich die Punkte sonst
   senkrecht über den Seitentitel (gemessen 09.10.2026 bei 375 px: vier Zeilen über dem h1). */
@media (max-width: 760px) {
  :where(.ng-eigen) .na-leiste { flex-wrap: wrap; align-content: center; row-gap: 0; }
  :where(.ng-eigen) .na-leiste-nav { width: 100%; overflow-x: auto; scrollbar-width: none; }
  :where(.ng-eigen) .na-leiste-menue { flex-wrap: nowrap; white-space: nowrap; }
  :where(.ng-eigen) .na-leiste-marke, :where(.ng-eigen) .na-leiste-menue a { min-height: 36px; }
  :where(.ng-eigen) .mm-header .article-head { padding-top: 3.5rem; }
}