/* Shared reading details and navigation across the public site. */
.nav__logo,.nav__cta { flex-shrink:0; }
.nav__links a,.nav__admin,.nav__cta .btn { white-space:nowrap; }
.nav__inner { gap:clamp(1rem,2vw,2rem); }
.nav__links { gap:clamp(.8rem,1.5vw,1.7rem); }
.nav__admin { min-height:44px; }
.prose .article-section { margin-top:3.4rem; padding-top:1.4rem; border-top:1px solid var(--hairline-dark); }
.prose .accent-text { color:var(--gold-deep); font-weight:600; }
.prose .narrative-prose { margin-bottom:2rem; }
.prose .narrative-prose > p:first-child::first-letter { float:left; margin:.08em .12em 0 0; font-size:4.5em; line-height:.72; color:var(--gold-deep); }
.prose .article-insight::before { content:none; }
.prose .scripture-callout strong { font-weight:500; }
.prose .scripture-ref { white-space:normal; }
.prose .numbered-point { margin:2rem 0; padding:0 0 .5rem 1.4rem; border-left:1px solid var(--gold); }
.prose .numbered-point h3 { font-family:var(--font-display); font-size:1.35rem; }
.prose .comparison-list { margin:2rem 0; padding:1rem 1.5rem; background:var(--ink-1); border-block:1px solid var(--hairline-dark); }
.prose .comparison-item { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; padding:.75rem 0; }
.prose .comparison-item + .comparison-item { border-top:1px solid var(--hairline-dark); }
.prose .comparison-item .arrow { color:var(--gold-deep); }
.prose .comparison-item > :last-child { text-align:right; }
.prose .article-footer { margin-top:2.5rem; padding-top:1.5rem; border-top:1px solid var(--hairline-dark); }
.prose .article-footer p { font-size:.95rem; color:var(--text-dark-lo); }
.prose .whisper { font-style:italic; color:var(--gold-deep); }
@media(max-width:1080px) {
  .nav__cta .btn { display:inline-flex; }
  .nav__cta .nav__admin { display:flex; }
  .nav__cta { gap:.75rem; }
  .nav__cta .btn { min-height:44px; }
}
@media(max-width:600px) {
  .site-light .nav__logo img { width:65px; height:35px; }
  .nav__inner { width:94vw; gap:.4rem; padding-block:.65rem; }
  .nav__cta { gap:.35rem; }
  .nav__cta .btn { padding:.65rem .7rem; font-size:.65rem; letter-spacing:.02em; }
  .nav__cta .nav__admin { padding:.4rem .1rem; font-size:.57rem; letter-spacing:.02em; gap:.2rem; }
  .nav__admin svg { width:.7rem; height:.7rem; }
  .prose .comparison-list { padding:.75rem 1rem; }
  .prose .comparison-item { gap:.6rem; font-size:1rem; }
}
