/* Base: page, paper, focus, accessibility helpers */
html{overflow-x:clip;scroll-padding-top:calc(env(safe-area-inset-top,0px) + var(--header-h))}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--parchment-100) var(--paper) repeat;background-size:400px 240px;color:var(--sepia-900);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;overflow-x:clip}
img{max-width:100%;display:block}
:focus-visible{outline:3px solid var(--navy-900);outline-offset:3px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:99;background:var(--navy-900);color:#fff;padding:10px 14px;font-family:var(--font-mono)}
.skip:focus{top:calc(env(safe-area-inset-top,0px) + 8px)}

/* Touch screens: no visible scrollbar track/indicator; native scrolling unchanged */
@media (hover:none) and (pointer:coarse){
  html,body,.drawer{scrollbar-width:none;-ms-overflow-style:none}
  html::-webkit-scrollbar,body::-webkit-scrollbar,.drawer::-webkit-scrollbar{display:none;width:0;height:0;background:transparent}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* Cedarville Cursive: a hair of extra ink so the fine strokes hold up on phones */
.scroll p,.receive__hand,.escape__hand,.finale__line,.rd-hand,.ar-lead,.pb-sub,.mk-open__lead,.ab-intro,.ab-sign,.ab-close__line,.wt-sub{-webkit-text-stroke:.3px currentColor;font-weight:400}