/* Diese Stile werden ÜBER /css/style.css der Seite geladen — hier nur das,
   was im allgemeinen Design fehlt: Buchtext, Anmerkungen, Katalog-Akkordeon. */

:root {
  --reader-accent: #8a3324;
  --reader-muted: #7a7469;
  --reader-line: #ddd6c8;
}

/* --- Buchtext --- */
#reader-content.poem .stanza { text-align: center; margin-bottom: 1.8rem; font-size: 1.05rem; }
#reader-content.prose p { text-indent: 1.5em; margin: 0 0 .9em; text-align: justify; hyphens: auto; }

.book-author-link { margin: -.5rem 0 1.2rem; }
.book-author-link a { color: var(--reader-accent); text-decoration: none; font-size: .95rem; }
.book-author-link a:hover { text-decoration: underline; }

.genre { color: var(--reader-muted); font-style: italic; font-size: .95rem; margin: -.8rem 0 1.5rem; }

.footnote-ref a { color: var(--reader-accent); text-decoration: none; font-weight: 600; padding: 0 2px; }
.footnotes-block { margin-top: 3rem; padding-top: 1.2rem; border-top: 1px solid var(--reader-line); font-size: .92rem; color: var(--reader-muted); }
.footnotes-block h2 { font-size: .8rem; text-transform: uppercase; letter-spacing: .08em; }
.footnotes { padding-left: 1.3rem; }
.footnotes li { margin-bottom: .6rem; }
.footnote-back { color: var(--reader-accent); text-decoration: none; margin-left: .3rem; }

:target, .search-highlight { background: #fff1c2; transition: background 2s ease; }

/* --- Kapitelüberschriften im Buch (aus dem EPUB) --- */
#reader-content h2, #reader-content h3, #reader-content h4,
#reader-content h5, #reader-content h6 { text-align: center; line-height: 1.3; margin: 2.2rem 0 1rem; }
#reader-content h2 { font-size: 1.45rem; }
#reader-content h3 { font-size: 1.25rem; }
#reader-content h4, #reader-content h5, #reader-content h6 { font-size: 1.05rem; }
#reader-content.prose h2 + p, #reader-content.prose h3 + p, #reader-content.prose h4 + p { text-indent: 0; }

/* --- Bilder aus dem EPUB --- */
#reader-content img { max-width: 100%; height: auto; }
#reader-content.prose p.figure { text-indent: 0; text-align: center; margin: 1.5rem 0; }
#reader-content.prose p.figure img { display: block; margin: 0 auto; }
#reader-content.prose p.caption { text-indent: 0; text-align: center; font-size: .9rem;
  color: var(--reader-muted); margin: -.8rem 0 1.5rem; }

/* --- Katalog (Autorenseite) --- */
.subtitle { color: var(--reader-muted); font-size: .9rem; }
.author-page-list, .catalog-list { list-style: none; padding: 0; }
.author-page-list li, .catalog-list li { padding: .5rem 0; border-bottom: 1px solid var(--reader-line); font-size: .95rem; }
.cat-genre { color: var(--reader-muted); font-size: .9rem; }

/* --- Katalog-Akkordeon (index.html) --- */
.author-list { list-style: none; padding: 0; }
.author-block { border-bottom: 1px solid var(--reader-line); padding: .8rem 0; }
.author-toggle { display: inline-block; text-decoration: none; font-weight: 600;
  font-size: 1rem; cursor: pointer; position: relative; padding-left: 1.1rem; }
.author-toggle::before { content: "▸"; position: absolute; left: 0; color: var(--reader-accent); font-size: .75em; }
.author-block.expanded > .author-toggle::before { content: "▾"; }
.author-toggle.no-toggle { cursor: default; color: var(--reader-muted); font-weight: 400; padding-left: 0; }
.author-toggle.no-toggle::before { content: none; }
.author-works { list-style: none; padding: 0; margin: 0; max-height: 0; overflow: hidden; }
.author-block.expanded .author-works { max-height: none; margin-top: .6rem; }
.author-works li { padding: .35rem 0 .35rem 1.1rem; font-size: .92rem; }