/* read.lionsberg.world — the library's own layer over andante (loaded after andante.css).
   One family with the door at lionsberg.world: Cormorant Garamond for the display, EB Garamond for the running text;
   the mark as a quiet band; a measure a reader can hold on a phone; nothing that shouts. */
:root {
  --display: 'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --serif: 'EB Garamond', 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fs-base: 1.125rem;      /* 18px */
  --lh-base: 1.6;
  --measure: 38rem;         /* ~65ch */
  --accent: #6e4a1c;        /* the door's gold, darkened for ink */
  --accent-soft: #9a7a44;
  --accent-pale: #f4ecda;
  --selection: #efe0b8;
}
@media (prefers-color-scheme: dark) {
  :root { --accent: #d4a94e; --accent-soft: #efd9a0; --accent-pale: #2a2416; --selection: #3a3020; }
}
.prose { font-family: var(--serif); font-size: var(--fs-base); line-height: var(--lh-base); }
.prose h1, .prose h2, .prose h3 { font-family: var(--display); font-weight: 500; letter-spacing: 0.005em; text-wrap: balance; }
.prose h1 { font-size: clamp(2rem, 5vw, 3rem); line-height: 1.1; margin-block: 0.4em 0.5em; }
.prose h2 { font-size: clamp(1.5rem, 3.4vw, 2rem); line-height: 1.15; margin-top: 2.2em; }
.prose h3 { font-size: 1.25rem; margin-top: 1.8em; }
.prose h1 + p > em:only-child, .prose h1 + p em:first-child { font-size: 1.15em; color: var(--ink-soft); }
.prose p { margin-block: 0 1.1em; }
.prose blockquote { border-left: 2px solid var(--accent-soft); padding-left: 1rem; color: var(--ink-soft); font-style: italic; }
.prose table { font-size: 0.95em; }
.prose strong { font-weight: 600; }
.prose a { text-decoration-color: var(--accent-soft); text-underline-offset: 0.15em; }
.prose hr { border: 0; border-top: 1px solid var(--rule); margin: 2.5em auto; width: 6rem; }
.nav__brand { font-family: var(--display); font-weight: 500; letter-spacing: 0.06em; font-size: 1.15rem; }
.footer { font-family: var(--serif); }
.footer .mark { display: block; margin: 0 auto 0.75rem; max-width: var(--measure); font-style: italic; color: var(--ink-faint); font-size: 0.9rem; line-height: 1.5; letter-spacing: 0.01em; }
.footer .mark b { font-style: normal; font-weight: 500; color: var(--ink-soft); }
@media (max-width: 480px) { :root { --fs-base: 1.0625rem; } .prose table { display: block; overflow-x: auto; } }