/* ===========================================================
   Print stylesheet — readable chapter pages on paper.
   Drops the dark theme, hides interactive chrome, keeps the
   verse + commentary structure intact.
   =========================================================== */

@media print {
  :root {
    --bg-deep:#fff; --bg-mid:#fff; --bg-warm:#fff;
    --parchment:#111; --parchment-dim:#222;
    --ink:#111; --ink-soft:#444;
    --gold:#7a5a14; --gold-bright:#7a5a14; --gold-deep:#7a5a14;
    --crimson:#5a1414; --crimson-soft:#7a3030;
  }

  body {
    background: #fff !important;
    color: #111 !important;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 11.5pt;
    line-height: 1.5;
  }

  body::before, body::after { display: none !important; }

  .progress, .home-btn, .skip-link, .site-footer nav,
  .testament-tabs, .return-btn, .chapter-nav, .nav-btn,
  button { display: none !important; }

  .stage, .stage.wide { max-width: none !important; padding: 0 !important; margin: 0 !important; }
  .screen { position: static !important; min-height: 0 !important; }

  a { color: #111 !important; text-decoration: none !important; }
  a[href]::after { content: ""; }

  h1, h2, h3, h4 { color: #111 !important; page-break-after: avoid; }
  h1.title { font-size: 22pt; margin-bottom: .5rem; }

  .crumbs, .eyebrow { font-size: 9pt; letter-spacing: .15em; text-transform: uppercase; color: #555 !important; }

  .annot-label {
    font-size: 9pt; letter-spacing: .25em; text-transform: uppercase;
    color: #444 !important; border-top: 1px solid #ccc; padding-top: .4rem; margin-top: 1rem;
  }

  .verse-block { page-break-inside: avoid; margin-bottom: .8rem; }
  .verse-num { font-weight: 700; }
  .verse-text { font-style: italic; }
  .verse-note { margin: .15rem 0; }

  .cross-refs { font-size: 9.5pt; color: #444 !important; margin-top: .25rem; }
  .cr-ref, .cr-link { color: #444 !important; text-decoration: none !important; }

  .doctrine-block { page-break-inside: avoid; }
  .key-verse { font-size: 13pt; }

  .site-footer p.footer-verse { font-style: italic; color: #555 !important; font-size: 9.5pt; margin-top: 1rem; }
}

/* ============== a11y primitives also used at screen ============== */

.skip-link {
  position: absolute;
  top: 0; left: 0;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  clip-path: inset(50%);
  white-space: nowrap;
  background: var(--gold); color: var(--bg-deep);
  font-family: 'Inter', sans-serif; font-weight: 600;
  text-decoration: none;
  border: 0;
}
.skip-link:focus, .skip-link:focus-visible {
  position: absolute;
  top: 0; left: 0;
  width: auto; height: auto;
  padding: .6rem 1rem; margin: 0;
  overflow: visible;
  clip: auto;
  clip-path: none;
  z-index: 10000;
  border-radius: 0 0 6px 0;
  outline: 2px solid var(--gold-bright);
  text-decoration: none;
}

:focus-visible {
  outline: 2px solid var(--gold-bright);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ============== Site footer (screen) ============== */

.site-footer {
  margin-top: 4rem;
  padding: 2rem 1.5rem 3rem;
  border-top: 1px solid rgba(201,162,74,.18);
  text-align: center;
  font-family: 'Inter', sans-serif;
  font-size: .85rem;
  color: var(--parchment-dim);
}
.site-footer nav {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: 1.5rem; margin-bottom: 1.2rem;
}
.site-footer nav a {
  color: var(--parchment-dim);
  text-decoration: none;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
}
.site-footer nav a:hover { color: var(--gold-bright); }
.site-footer .footer-verse {
  font-family: 'Cormorant Garamond', serif;
  font-style: italic;
  font-size: 1rem;
  color: var(--parchment-dim);
  opacity: .65;
  max-width: 32rem;
  margin: 0 auto;
}

/* ============== Static (trust) pages ============== */

.page-static .stage {
  max-width: 44rem;
  text-align: left;
}
.page-static h2 {
  font-family: 'Cormorant Garamond', serif;
  color: var(--gold);
  font-weight: 500;
  margin-top: 2.4rem;
  margin-bottom: .8rem;
  font-size: 1.6rem;
}
.page-static p, .page-static li {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  line-height: 1.7;
  margin-bottom: 1rem;
  color: var(--parchment);
}
.page-static ul.prose-list { padding-left: 1.4rem; }
.page-static a {
  color: var(--gold-bright);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.page-static .muted { opacity: .6; font-size: .95rem; }