/* Illustrated guide chapters: passages appear in the world, one at a time.
   Semantic articles return to normal flow when the storybook is disabled. */
.guide-beat{max-width:720px;margin:32px auto}
.guide-kicker{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.guide-title{margin:0 0 14px}
.guide-body p{margin:0 0 12px}
.guide-prop{margin-top:18px}
.guide-prop img{display:block;max-width:240px;max-height:180px;object-fit:contain;margin:auto;border-radius:12px}
.guide-note{padding:14px 18px;background:#fff7df;color:#314936;border-left:3px solid #c7a76a;border-radius:2px 12px 12px 2px}
.guide-note strong,.guide-note span,.guide-tiles strong,.guide-tiles span{display:block}
.guide-note span{margin-top:5px;font-size:.9em}
.guide-tiles{display:grid;gap:12px;padding:0;list-style:none;margin:0}
.guide-tiles li{padding-left:14px;border-left:2px solid #ceba80}
.guide-tiles span{margin-top:4px}
.guide-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.guide-topics a{display:flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #cbb77a;border-radius:20px;text-decoration:none}
.story-active .guide-chapter{--scene-shade:linear-gradient(0deg,#112c22f5,#112c22d9 55%,#112c2255);--scene-focus:50% 50%}
.story-active .guide-chapter.safety-guide{--scene-shade:linear-gradient(20deg,#182b28f5,#182b28df 64%,#182b2855);--scene-focus:65% 40%}
.story-active .guide-chapter.about-guide{--scene-shade:linear-gradient(0deg,#382817f5,#382817db 65%,#38281755)}
.story-active .guide-chapter .guide-beat{position:absolute;inset:12% 7% 11%;width:auto;max-width:none;margin:0;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#fff9e9;text-shadow:0 2px 5px #091a15a6;z-index:3}
.story-active .guide-chapter .guide-kicker{margin:0;font-size:10px;color:#f0d99e;line-height:1.3}
.story-active .guide-chapter .guide-title{font:700 clamp(21px,4.8cqw,33px)/1.15 "Roboto Slab",Georgia,serif;margin:0;color:#fff3d3;max-width:none;letter-spacing:-.02em}
.story-active .guide-chapter .guide-body{font-size:clamp(13px,2.65cqw,17px);line-height:1.5}
.story-active .guide-chapter .guide-body p{margin:0 0 10px}
.story-active .guide-chapter .guide-body p:last-child{margin-bottom:0}
.story-active .guide-chapter .guide-prop{margin:2px 0 0;font-size:clamp(12px,2.5cqw,15px)}
.story-active .guide-chapter .guide-prop img{max-height:min(19cqh,135px);max-width:58%;box-shadow:0 6px 20px #071b2244}
.story-active .guide-chapter .guide-note{padding:12px 15px;text-shadow:none;box-shadow:0 5px 18px #091a1530}
.story-active .guide-chapter .guide-note strong{font-family:Georgia,serif;font-size:1.1em}
.story-active .guide-chapter .guide-tiles{gap:12px}
.story-active .guide-chapter .guide-tiles strong{color:#f5deb0}
.story-active .guide-chapter a:not(.btn){color:#fff0ba;text-underline-offset:3px}
.story-active .guide-chapter .guide-topics a:hover,.story-active .guide-chapter .guide-topics a:focus-visible{background:#fff4cf22}
.story-active .guide-chapter .btn{font-size:13px;min-height:44px;padding:10px 16px;text-shadow:none}
.story-active .about-guide .guide-beat,.story-active .neighborhood-guide .guide-beat[data-story="welcome"]{text-align:center}
.story-active .about-guide .guide-tiles{text-align:left}
@container chapter (max-height:470px){
 .story-active .guide-chapter .guide-beat{inset:9% 7% 12%;gap:8px}
 .story-active .guide-chapter .guide-title{font-size:20px}
 .story-active .guide-chapter .guide-body{font-size:12px;line-height:1.4}
 .story-active .guide-chapter .guide-prop img{max-height:65px}
 .story-active .guide-chapter .guide-note{padding:8px 12px}
 .story-active .guide-chapter .guide-tiles{gap:8px}
}
@media print{.story-active .guide-chapter .guide-beat{position:static;display:block;margin:24px 0;color:#24312c;text-shadow:none;break-inside:avoid}.story-active .guide-chapter .guide-title,.story-active .guide-chapter .guide-kicker,.story-active .guide-chapter .guide-tiles strong,.story-active .guide-chapter a:not(.btn){color:#24312c}.story-active .guide-chapter .guide-body{font-size:14px}}