/* Lesepult: die Bedienung um den Text herum (seit 08.11.2026), gleich in den drei Ausgaben.
   Der Satz des Textes bleibt, wie style.css und leser-feinsatz.js ihn setzen. Hier steht nur, was dem
   Leser beim Orientieren und Zitieren hilft. Grundsätze:
   1. Der Text ist die Oberfläche: während des Lesens bleibt eine schmale Leiste, sonst nichts.
   2. Man sieht immer, wo man ist: Band, Seite, Abschnitt.
   3. Jede Stelle ist mit einem Klick zitierbar: Seitenzahl im Rand, im Druckbild auch die Zeilenzahl.
   4. Ein Schalter zeigt seinen Zustand, statt ihn zu benennen.
   5. Wenige Schriftgrade, keine Zierde: Rangfolge durch Größe, Farbe und Einzug. */

/* ── 1. Kopf weicht beim Lesen aus ─────────────────────────────────────── */
.site-header{transition:transform .28s ease}
body.lp-kopf-weg .site-header{transform:translateY(calc(-100% - var(--banner-h, 0px) - 1px))}
.reader-sticky-bar,.reader-sidebar,.reading-progress{transition:top .28s ease}
body.lp-kopf-weg .reader-sticky-bar{top:0}
body.lp-kopf-weg .reading-progress{top:0}
@media (min-width:769px){
  body.lp-kopf-weg .reader-sidebar{top:0;height:100vh}
}
@media (prefers-reduced-motion:reduce){
  .site-header,.reader-sticky-bar,.reader-sidebar,.reading-progress{transition:none}
}

/* ── 2. Leiste: Verzeichnis, Band, Seite, Suche, Ansicht, Einstellungen ── */
.lp-inhalt-knopf{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:1.9rem;padding:0;margin-right:.1rem;
  background:none;border:0;color:var(--text-muted);cursor:pointer;flex:none}
.lp-inhalt-knopf:hover,.lp-inhalt-knopf[aria-expanded="true"]{color:var(--text-ink)}
.lp-inhalt-knopf svg{width:1.05rem;height:1.05rem}
.mobile-toc-toggle{display:none !important}   /* derselbe Knopf steht jetzt in der Leiste */

/* Seitenfeld: zeigt die Seite, auf der man liest */
.lp-seite{display:inline-flex;align-items:baseline;gap:.3rem}
.lp-seite-vor{font-size:.8rem;color:var(--text-muted)}
.reader-toolbar #jump-gw-page{width:3.2rem;text-align:left;font-variant-numeric:lining-nums tabular-nums;color:var(--text-ink)}
.reader-toolbar #jump-gw-page::placeholder{color:var(--text-muted)}

/* Ansicht: zwei Felder, eines gewählt (statt eines Knopfes, der das Ziel nennt) */
.lp-ansicht{display:inline-flex;align-items:stretch;height:1.9rem;border-bottom:1px solid var(--rule)}
.lp-ansicht button{font:inherit;font-size:.82rem;background:none;border:0;padding:0 .55rem;color:var(--text-muted);cursor:pointer;
  border-bottom:1px solid transparent;margin-bottom:-1px}
.lp-ansicht button:hover{color:var(--text-ink)}
.lp-ansicht button[aria-pressed="true"]{color:var(--text-ink);border-bottom-color:var(--accent-gold)}
.reader-toolbar #dipl-toggle{display:none !important}
@media (max-width:1200px){.lp-ansicht{display:none}}

/* ── 3. Verzeichnis: ruhig, Rangfolge durch Einzug und Farbe ───────────── */
.lp-band{margin:0 0 1.3rem;padding:0 0 1rem;border-bottom:1px solid var(--rule)}
.lp-band-sig{display:block;font-size:.72rem;letter-spacing:.12em;font-variant-caps:all-small-caps;color:var(--accent-gold);margin-bottom:.25rem}
.lp-band-titel{display:block;font-family:var(--font-body);font-size:.98rem;line-height:1.35;color:var(--text-ink)}
.reader-sidebar .vz-kopfzeile > .small-caps{font-size:.66rem !important;letter-spacing:.14em !important;color:var(--text-muted) !important;margin-bottom:.6rem !important}
/* Rangfolge und Lesestelle (Goldlinie unter dem Titel) bleiben, wie Fassung 0.8 sie gesetzt hat */

/* Verzeichnis am Schreibtisch einklappen */
@media (min-width:769px){
  body.lp-ohne-inhalt{--sb:0px}
  body.lp-ohne-inhalt .reader-layout{grid-template-columns:0 1fr}
  body.lp-ohne-inhalt .reader-sidebar{visibility:hidden;overflow:hidden;padding:0;border:0}
}

/* ── 4. Stelle zitieren: Seitenzahl im Rand, Zeilenzahl im Druckbild ───── */
#reader-pages .page-sigel{cursor:pointer;user-select:none;-webkit-user-select:none}
#reader-pages .page-sigel:hover,#reader-pages .page-sigel:focus-visible{opacity:1;color:var(--accent-gold)}
body.dipl-mode #reader-pages .dipl-line-no{cursor:pointer}
body.dipl-mode #reader-pages .dipl-line-no:hover{color:var(--accent-gold)}
.lp-stelle{position:fixed;z-index:1100;min-width:13rem;padding:.6rem .7rem .55rem;background:var(--bg-paper);border:1px solid var(--rule);
  border-radius:3px;box-shadow:0 8px 28px var(--shadow-med);font-size:.84rem;color:var(--text-body)}
.lp-stelle[hidden]{display:none}
.lp-stelle-kopf{font-variant-numeric:lining-nums;color:var(--text-ink);font-size:.95rem;margin:0 0 .45rem}
.lp-stelle-wege{display:flex;flex-direction:column;gap:.15rem}
.lp-stelle button{font:inherit;text-align:left;background:none;border:0;padding:.3rem .25rem;margin:0 -.25rem;color:var(--text-body);cursor:pointer;border-radius:2px}
.lp-stelle button:hover,.lp-stelle button:focus-visible{background:var(--bg-subtle);color:var(--text-ink)}
.lp-stelle-art{display:block;font-size:.74rem;color:var(--text-muted)}

/* ── 5. Einstellungen: Schalter mit Zustand, Etiketten in gewöhnlicher Schrift ── */
.einstellungen-panel{min-width:17rem}
.einstellungen-panel .einstellungen-gruppe{font-size:.7rem;letter-spacing:.08em;text-transform:none;font-variant-caps:all-small-caps;color:var(--text-muted)}
.einstellungen-panel .lp-etikett{font-size:.86rem;color:var(--text-body);letter-spacing:0;font-variant-caps:normal}
.einstellungen-panel .einstellungen-zeile{grid-template-columns:minmax(0,1fr) auto;padding:.32rem 0}
.lp-groesse{align-items:center;gap:.25rem}
.lp-groesse .btn-font{min-width:2.1rem}
.lp-groesse-wert{min-width:3.2rem;text-align:center;font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}
.lp-segment{display:inline-flex;border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.lp-segment button{font:inherit;font-size:.78rem;background:none;border:0;padding:.28rem .55rem;color:var(--text-muted);cursor:pointer}
.lp-segment button + button{border-left:1px solid var(--rule)}
.lp-segment button[aria-pressed="true"]{background:var(--bg-subtle);color:var(--text-ink)}
/* Schalter: das Wort „ein/aus“ bleibt für Vorleseprogramme, sichtbar ist die Stellung */
.einstellungen-panel .lp-schalter{position:relative;width:2.4rem !important;min-width:0 !important;height:1.35rem !important;padding:0 !important;
  border:1px solid var(--rule) !important;border-radius:1rem !important;background:var(--bg-subtle) !important;color:transparent !important;
  font-size:0 !important;overflow:hidden;cursor:pointer;justify-self:end}
.einstellungen-panel .lp-schalter::after{content:'';position:absolute;top:2px;left:2px;width:calc(1.35rem - 6px);height:calc(1.35rem - 6px);
  border-radius:50%;background:var(--text-muted);transition:left .15s ease,background .15s ease}
.einstellungen-panel .lp-schalter[aria-pressed="true"]{background:color-mix(in oklab,var(--accent-gold) 28%,var(--bg-subtle)) !important;border-color:var(--accent-gold) !important}
.einstellungen-panel .lp-schalter[aria-pressed="true"]::after{left:calc(100% - 1.35rem + 4px);background:var(--accent-gold)}
.lp-tasten{margin:.7rem 0 .1rem;padding-top:.55rem;border-top:1px solid var(--rule);font-size:.74rem;line-height:1.5;color:var(--text-muted)}
.lp-tasten kbd{font-family:inherit;font-size:.72rem;padding:0 .3rem;border:1px solid var(--rule);border-radius:3px;color:var(--text-body)}
@media (prefers-reduced-motion:reduce){.einstellungen-panel .lp-schalter::after{transition:none}}

/* Die Leiste ist in beiden Ansichten so breit wie das Druckbild: beim Umschalten springt sie nicht mehr,
   und das Suchfeld behält neben „Lesefassung | Druckbild“ seinen Platz */
body.feinsatz .reader-toolbar,body.feinsatz:not(.dipl-mode) .reader-toolbar,body.dipl-mode .reader-toolbar{max-width:42rem}