/* ── LESEPROBE-SEITE (Reader) ─────────────────────────────────── */
.lpr-section { background: #110e0b; padding: 4rem 4rem 7rem; }

.lpr-reader {
  --lpr-fs: 1.15rem;
  position: relative; max-width: 1100px; margin: 0 auto;
  background: linear-gradient(180deg, #1d1915 0%, #17140f 100%);
  border: 1px solid rgba(154,124,58,0.22);
  box-shadow: 0 30px 80px rgba(0,0,0,0.45), inset 0 0 140px rgba(0,0,0,0.35);
}
.lpr-reader::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: 0.6; }

/* Toolbar */
.lpr-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.1rem 2rem; border-bottom: 1px solid rgba(154,124,58,0.14); }
.lpr-toc {
  appearance: none; -webkit-appearance: none; max-width: 60%;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%239a7c3a'/%3E%3C/svg%3E") no-repeat right 0.7rem center;
  border: 1px solid rgba(154,124,58,0.3); color: var(--parchment-dark);
  font-family: 'EB Garamond', Georgia, serif; font-size: 0.9rem; letter-spacing: 0.04em;
  padding: 0.45rem 2.2rem 0.45rem 0.85rem; cursor: pointer;
}
.lpr-toc option { background: #1a1612; color: var(--parchment); }
.lpr-tools { display: flex; gap: 0.4rem; }
.lpr-tool { background: none; border: 1px solid rgba(154,124,58,0.25); color: var(--parchment-dark); font-family: 'EB Garamond', Georgia, serif; font-size: 0.85rem; padding: 0.4rem 0.8rem; cursor: pointer; opacity: 0.75; transition: opacity 0.2s, color 0.2s, border-color 0.2s; }
.lpr-tool:hover { opacity: 1; color: var(--gold-light); border-color: var(--gold); }
.lpr-toc:focus-visible, .lpr-tool:focus-visible, .lpr-arrow:focus-visible { outline: 1px solid var(--gold-light); outline-offset: 2px; }

/* Bühne + Seiten */
.lpr-stage { position: relative; padding: 3.5rem 4.5rem 2.5rem; }
.lpr-viewport { position: relative; }
.lpr-reader.is-paged .lpr-viewport { height: min(68vh, 760px); overflow: hidden; }
.lpr-reader.is-paged .lpr-pages { height: 100%; column-fill: auto; }
.lpr-reader.is-paged .lpr-pages h2:not(:first-child) { break-before: column; }
/* Buchfalz bei Doppelseite */
.lpr-reader.is-spread .lpr-stage::after { content: ''; position: absolute; top: 3.5rem; bottom: 2.5rem; left: 50%; width: 1px; background: linear-gradient(180deg, transparent, rgba(154,124,58,0.28), transparent); }

/* Typografie */
.lpr-pages { font-family: 'EB Garamond', Georgia, serif; font-size: var(--lpr-fs); line-height: 1.85; color: var(--parchment-dark); text-align: justify; hyphens: auto; -webkit-hyphens: auto; }
.lpr-pages p { text-indent: 1.6em; opacity: 0.9; orphans: 2; widows: 2; }
.lpr-pages p:first-child, .lpr-pages h2 + p, .lpr-pages hr + p { text-indent: 0; }
.lpr-pages h2 + p::first-letter { float: left; font-family: 'Cormorant Garamond', Georgia, serif; font-size: 3.7em; line-height: 0.8; padding: 0.08em 0.12em 0 0; color: var(--gold-light); }
.lpr-pages h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 300; font-size: 2em; line-height: 1.15; color: var(--parchment); text-align: center; margin: 0 0 1.4em; padding-top: 1em; break-after: avoid; break-inside: avoid; scroll-margin-top: 120px; }
.lpr-pages h2::before { content: '✦'; display: block; font-size: 0.42em; color: var(--gold); opacity: 0.6; margin-bottom: 1em; }
.lpr-pages hr { border: 0; margin: 1.5em 0; text-align: center; break-after: avoid; }
.lpr-pages hr::after { content: '✦  ✦  ✦'; white-space: pre; color: var(--gold); opacity: 0.5; font-size: 0.75em; }
.lpr-pages em { color: var(--parchment); }
.lpr-pages img { max-width: 100%; height: auto; break-inside: avoid; }

/* Navigation */
.lpr-nav { display: flex; align-items: center; gap: 1.2rem; padding: 1.1rem 2rem 1.4rem; border-top: 1px solid rgba(154,124,58,0.14); }
.lpr-arrow { flex-shrink: 0; width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(154,124,58,0.35); background: none; color: var(--gold); font-size: 1.5rem; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s, border-color 0.2s, opacity 0.2s; }
.lpr-arrow:hover { background: rgba(154,124,58,0.1); border-color: var(--gold); }
.lpr-arrow:disabled { opacity: 0.25; cursor: default; background: none; }
.lpr-reader:not(.is-paged) .lpr-arrow { display: none; }
.lpr-reader:not(.is-paged) .lpr-nav { position: sticky; bottom: 0; background: rgba(23,20,15,0.96); backdrop-filter: blur(6px); }
.lpr-progress { flex: 1; height: 2px; background: rgba(154,124,58,0.15); position: relative; }
.lpr-progress-fill { position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: var(--gold); transition: width 0.35s ease; }
.lpr-counter { min-width: 4.5rem; text-align: center; white-space: nowrap; font-size: 0.8rem; letter-spacing: 0.15em; color: var(--muted); }

/* Abschluss */
.lpr-cta { max-width: 640px; margin: 5rem auto 0; text-align: center; }
.lpr-cta-ornament { font-size: 1.3rem; color: var(--gold); opacity: 0.5; margin-bottom: 1.2rem; }
.lpr-cta-title { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 300; font-size: clamp(1.8rem, 3.5vw, 2.6rem); color: var(--parchment); margin-bottom: 1rem; }
.lpr-cta-text { font-style: italic; line-height: 1.8; color: var(--parchment-dark); opacity: 0.7; margin-bottom: 2rem; }

@media (max-width: 900px) {
  .lpr-section { padding: 2rem 0 5rem; }
  .lpr-reader { border-left: 0; border-right: 0; }
  .lpr-stage { padding: 2rem 1.5rem 1.5rem; }
  .lpr-toolbar, .lpr-nav { padding-left: 1.25rem; padding-right: 1.25rem; }
  .lpr-toc { max-width: 52%; }
  .lpr-reader.is-paged .lpr-viewport { height: 62vh; height: 62svh; }
  .lpr-pages { text-align: left; }
  .lpr-cta { padding: 0 1.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  .lpr-progress-fill { transition: none; }
}