/* Shared Shelter presentation, with a narrower measure for reference text. */
.guide-page{max-width:1040px;padding:40px clamp(22px,5vw,64px) 150px;font:16px/1.8 var(--mono,monospace);position:relative;z-index:3}
.guide-page h1,.guide-page h2{font-family:var(--chosen-title,var(--mono));color:var(--ink)}
.guide-page h1{font-size:clamp(32px,4vw,54px);line-height:1.4;max-width:24ch}
.guide-page h2{font-size:clamp(24px,2.7vw,32px);line-height:1.5}
.guide-page p{max-width:70ch}
.guide-page .reading-links{font-size:15px;gap:16px 26px}
.guide-page .reading-links a{min-height:44px;display:inline-flex;align-items:center}
.guide-brand{display:flex;align-items:center;gap:18px;text-decoration:none!important;font-size:13px;letter-spacing:.06em;margin-bottom:24px}
.guide-brand img{width:48px;height:48px}
.guide-page .cultural-note{background:color-mix(in srgb,var(--surface) 80%,transparent);padding:16px 20px;margin:24px 0;border:1px solid var(--line)}
.guide-page summary{cursor:pointer;min-height:32px;color:var(--ink)}
.guide-page .cultural-note[open]>p,.guide-page .epigraph-body{margin-top:20px}
html[data-font="pixel"] .guide-page h1{font-size:clamp(23px,3vw,36px);line-height:1.65}
html[data-font="pixel"] .guide-page h2{font-size:20px;line-height:1.75}
[data-variant="A"] .guide-page{max-width:1180px}
[data-variant="B"] .guide-page{max-width:940px;border-inline:1px solid var(--line)}
[data-variant="B"] .guide-page>section{padding-left:28px;border-left:1px solid var(--line)}
[data-variant="C"] .guide-page>h1{padding-block:14px}
[data-variant="C"] .guide-page>section{margin-left:5%;padding-left:24px}
@media(max-width:650px){.guide-page{padding-top:28px}.guide-page h1{font-size:34px}[data-variant] .guide-page>section{margin-left:0;padding-left:0;border-left:0}.guide-brand{gap:12px;font-size:12px}.guide-page .cultural-note{padding:14px}}