/* Reading-first support pages and private guide. Original words/routes retained. */
:root{--bg:#e9eeea;--surface:#f7f6ee;--paper:#f7f6ee;--ink:#293c43;--muted:#40565b;--soft:#40565b;--dim:#53676b;--teal:#365e56;--rule:#c3ceca;--scene:url('people-day.webp')}
:root[data-theme="dark"]{--bg:#192a36;--surface:#263947;--paper:#263947;--ink:#f0eee0;--muted:#d5dfdc;--soft:#d5dfdc;--dim:#b7c7c9;--teal:#adc6bd;--red:#deb092;--gold:#d0b88a;--rule:#587079;--scene:url('people-night.webp')}
body{background:var(--bg) var(--scene) center/cover fixed no-repeat}
body:not([data-design="hhguide"]) .wrap{width:min(740px,calc(100% - 32px));background:var(--surface);padding:36px 28px;margin:24px auto;border-radius:12px}
h1,h2,h3{text-align:center}
.date{text-align:center}
.paper-theme{display:block;margin:0 0 18px auto;width:44px;height:44px;font-size:22px;cursor:pointer}
.back{min-height:44px;display:inline-flex;align-items:center;padding:8px 18px}
body[data-design="hhguide"] .mast{background:var(--paper);padding:28px;border-radius:12px;margin-top:24px;text-align:center}
body[data-design="hhguide"] .mast :is(h1,.lead){margin-inline:auto}
body[data-design="hhguide"] .brand{margin-bottom:28px;flex-wrap:wrap}
body[data-design="hhguide"] h1{font-size:clamp(32px,5vw,58px);line-height:1.08}
body[data-design="hhguide"] .route-nav{gap:12px;background:transparent;border:0}
body[data-design="hhguide"] .route-nav span{color:#4b6269}
body[data-design="hhguide"] .action{min-height:44px}


body[data-design="hhguide"] .route-head{background:var(--paper);padding:24px;border-radius:10px;margin-bottom:18px}
body[data-design="hhguide"] footer{background:var(--paper);border-radius:10px;padding:22px}
body.paper-error>div{background:var(--surface);padding:28px;border-radius:12px}
@media(max-width:600px){body:not([data-design="hhguide"]) .wrap{padding:24px 18px}body[data-design="hhguide"] .wrap{padding-inline:16px}.route-head{grid-template-columns:minmax(0,1fr)!important}.brand{gap:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.pick:hover{transform:none!important}}