:root { --type-section: clamp(1.9rem, 3vw, 3rem); --type-emphasis: clamp(1.5rem, 2.75vw, 2.45rem); --type-closing: clamp(1.65rem, 3vw, 2.65rem); }
html, body { max-width: 100%; overflow-x: hidden; }
.site-header { min-width: 0px; }
body .site-header nav { min-width: 0px; max-width: 78vw; overflow: auto hidden; flex-wrap: nowrap; scrollbar-width: none; }
body .site-header nav::-webkit-scrollbar { display: none; }
body .site-header nav a { flex: 0 0 auto; }
body::before { content: "Soft-opening preview"; position: fixed; top: 4.75rem; right: 0.8rem; z-index: 40; padding: 0.38rem 0.62rem; color: rgb(246, 241, 231); background: rgba(9, 24, 39, 0.9); border: 1px solid rgba(215, 176, 116, 0.72); border-radius: 999px; box-shadow: rgba(5, 16, 29, 0.2) 0px 0.45rem 1.2rem; font-family: Arial, Helvetica, sans-serif; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.12em; line-height: 1; text-transform: uppercase; pointer-events: none; }
.chapter-page h2 { font-size: var(--type-section); }
.chapter-page blockquote { font-size: var(--type-emphasis); }
.chapter-page .closing-line { font-size: var(--type-closing); }
.zoom-link { display: block; cursor: zoom-in; }
.zoom-link:focus-visible { outline: .2rem solid var(--bronze); outline-offset: 0.25rem; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
@media (max-width: 620px) {
  body .site-header nav { max-width: 58vw; }
  body::before { top: 4.45rem; right: 0.5rem; font-size: 0.55rem; }
}
@media print {
  body::before { display: none; }
}