body{background:#23282a url('/images/bg-world.webp') center top/cover fixed!important}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(18,25,29,.24),rgba(18,25,29,.75));pointer-events:none;z-index:-1}.masthead{background:rgba(255,249,250,.9)!important;backdrop-filter:blur(18px)!important}.page-panel{max-width:1200px;background:rgba(255,251,253,.94)!important;border-radius:20px!important;box-shadow:0 24px 70px #101b2645!important;padding:38px!important}main>.wrap{width:min(1280px,calc(100% - 48px))}.game-hero{display:grid;grid-template-columns: .9fr 1.1fr;gap:36px;align-items:center}.game-intro h1{font-size:clamp(32px,3.5vw,50px)!important;max-width:17ch}.game-intro .answer{font-size:17px!important;max-width:40ch}.play-link{display:inline-flex;gap:28px;align-items:center;background:#993e62;color:white!important;font-size:15px;font-weight:700;padding:15px 20px;border-radius:8px;text-decoration:none;box-shadow:0 8px 22px #94365724}.play-link:hover{background:#79304d}.game-preview{margin:0!important;position:relative;overflow:hidden;border-radius:14px;background:#263832;box-shadow:0 18px 40px #1d283b30}.game-preview img{width:100%;aspect-ratio:1.25;object-fit:cover;display:block;border-radius:0!important;transform:none!important}.game-preview figcaption{position:absolute;bottom:0;inset-inline:0;padding:26px 16px 13px;color:white;background:linear-gradient(transparent,#13202ccc);font-size:12px}.game-intro .quick{margin-top:20px!important}.guide-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.guide-paths a{display:block;overflow:hidden;border-radius:10px;background:#f6ecf0;text-decoration:none;color:#342933;transition:transform .2s}.guide-paths a:hover{transform:translateY(-3px)}.guide-paths img{width:100%;aspect-ratio:2.1;object-fit:cover;display:block}.guide-paths span{display:block;padding:14px 16px}.guide-paths b{display:block;font-size:18px}.guide-paths small{display:block;color:#7d5365;font-size:12px;margin-top:4px}.verification-note{margin:20px 0!important;font-size:12px}.verification-note summary{cursor:pointer}.site-footer{background:rgba(245,235,241,.95)!important}@media(max-width:700px){main>.wrap{width:calc(100% - 20px)}.page-panel{padding:20px!important;border-radius:16px!important}.game-hero{display:flex;flex-direction:column;gap:18px}.game-intro h1{font-size:30px!important;max-width:20ch}.game-intro .answer{font-size:14px!important}.play-link{padding:12px 16px;font-size:13px}.game-preview{width:100%}.game-preview img{aspect-ratio:1.9}.guide-paths{grid-template-columns:1fr;gap:12px;margin-top:22px}.guide-paths a{display:grid;grid-template-columns:110px 1fr;align-items:center}.guide-paths img{height:100%;aspect-ratio:1.2}.guide-paths b{font-size:16px}.guide-paths span{padding:12px}.game-intro .quick li{font-size:11px!important;padding-block:8px!important}.game-intro .quick .n{top:8px!important}}

.illustrated-steps{max-width:100%;margin-top:12px}.illustrated-steps>li{padding:22px 0 26px 42px!important}.illustrated-steps figure{margin:16px 0 0!important}.illustrated-steps figure img{width:100%;max-height:520px;object-fit:contain;background:#242632}.illustrated-steps p{max-width:65ch}.illustrated-steps h3{margin-top:0}main .hero+.illustrated-steps{margin-top:0}@media(max-width:600px){.illustrated-steps>li{padding:16px 0 20px!important}.illustrated-steps>li:before{position:static!important;margin-bottom:10px;display:inline-grid!important}.illustrated-steps figure{margin-top:12px!important}.illustrated-steps figure img{max-height:none}.hero:has(+h2)+h2{margin-top:20px!important}}

.quick li{display:block!important;position:relative!important;padding-left:44px!important}.quick .n{position:absolute!important;left:0!important;top:12px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;margin:0!important;font:600 12px/1 var(--font-body)!important;font-variant-numeric:tabular-nums;border-radius:7px!important;background:#f0dce6!important;color:#84314f!important;box-sizing:border-box}.quick li b{display:block!important;margin:0 0 3px!important}.steps{counter-reset:step}.steps>li{position:relative!important;padding:24px 0 28px!important;list-style:none}.steps>li:before,.illustrated-steps>li:before{position:static!important;display:inline-grid!important;place-items:center!important;width:32px!important;height:32px!important;margin:0 10px 12px 0!important;border-radius:8px!important;font:600 13px/1 var(--font-body)!important;font-variant-numeric:tabular-nums;background:#f0dce6!important;color:#84314f!important;vertical-align:middle;box-sizing:border-box}.steps>li>h3{display:inline!important;vertical-align:middle!important;line-height:1.5!important}.steps>li>p{margin-top:12px}.mobile-nav-grid small{font-variant-numeric:tabular-nums;line-height:1.3!important}.steps>li figure{clear:both}@media(max-width:600px){.quick li{padding-left:39px!important;min-height:46px!important}.quick .n{top:10px!important;width:26px!important;height:26px!important}.steps>li>h3{font-size:18px!important}.steps>li:before{width:29px!important;height:29px!important}.illustrated-steps>li{padding-top:18px!important}}

.steps>li,.illustrated-steps>li{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;column-gap:12px!important;align-items:start!important}.steps>li:before,.illustrated-steps>li:before{grid-column:1;grid-row:1;margin:0!important;position:static!important}.steps>li>h3{grid-column:2;grid-row:1;display:block!important;margin:1px 0 0!important;line-height:1.4!important}.steps>li>p,.steps>li>figure,.steps>li>ul,.steps>li>ol{grid-column:1/-1}.steps>li>figure{width:100%;min-width:0}@media(max-width:600px){.steps>li,.illustrated-steps>li{grid-template-columns:29px minmax(0,1fr)!important;column-gap:10px!important}}

/* Align article media with its container, not the prose measure. */
.page-panel>figure,.page-panel>section>figure,.page-panel article>figure{width:100%!important;max-width:none!important;margin-inline:0!important;box-sizing:border-box}.page-panel figure img{display:block;width:100%!important;max-width:100%!important;height:auto!important;box-sizing:border-box}.page-panel figure figcaption{max-width:none;padding:10px 2px!important;line-height:1.6!important}.page-panel>.table-wrap,.page-panel article>.table-wrap{width:100%;box-sizing:border-box}.page-panel>.table-wrap>table,.page-panel article>.table-wrap>table{width:100%}.page-panel article>p{margin-block:16px}.game-preview figcaption{padding:26px 16px 13px!important}.page-panel{overflow:hidden}.game-preview img{height:100%!important;object-fit:cover}.illustrated-steps figure img{height:auto!important}

.page-panel figure:hover img{transform:none!important;filter:none!important}.page-panel .game-preview figcaption{padding:26px 16px 13px!important}
.page-panel .steps{max-width:none!important;width:100%!important;box-sizing:border-box}.page-panel .steps figure{max-width:none!important;width:100%!important}

/* Native 100% browser scale: readable desktop controls, wider large-screen composition. */
@media(min-width:1000px){.site-nav a{font-size:14px!important}.quick li{font-size:14px!important}.quick li b{font-size:15px!important}.page-panel p{font-size:16px}.statusbar{font-size:11px!important}}
@media(min-width:1700px){main>.wrap{width:min(1440px,calc(100% - 80px))}.page-panel{max-width:1320px!important;padding:44px!important}.masthead>.wrap{width:min(1320px,calc(100% - 80px))}.game-hero{gap:44px}.game-intro h1{font-size:52px!important}.game-intro .answer{font-size:19px!important}.game-intro .quick li{font-size:15px!important}.game-intro .quick li b{font-size:16px!important}.guide-paths b{font-size:20px}}

/* Content groups use the width they claim; prose and imagery share a reading scene. */
.visual-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:36px;align-items:start;padding:30px 0;border-top:1px solid #ded5dd;margin-top:26px}.visual-story .story-copy{min-width:0}.visual-story h2{margin-top:0!important}.visual-story p{max-width:none!important;margin:14px 0!important}.visual-story .story-image{position:sticky;top:24px;width:100%;max-width:none;margin:6px 0 0!important}.visual-story .story-image img{width:100%;height:auto;box-shadow:0 12px 30px #30293e18}.visual-story:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.reading-section{margin-top:32px;padding-top:4px;border-top:1px solid #ded5dd}.page-panel>p{max-width:none!important}.page-panel>h2{margin-top:36px!important}.page-panel>.verification-note{margin-bottom:26px!important}@media(max-width:850px){.visual-story,.visual-story:nth-of-type(even){grid-template-columns:1fr;gap:12px;padding-top:24px}.visual-story .story-image{position:static;grid-row:1}.visual-story p{font-size:15px}.visual-story .story-copy h2{margin-top:8px!important}}

.page-panel .faq,.page-panel .next,.page-panel .calc,.page-panel .update-list{width:100%!important;max-width:none!important;box-sizing:border-box}.page-panel .faq .a p{max-width:none!important}.page-panel .faq summary{max-width:none!important}
.page-panel .faq .a,.page-panel .grid-2{max-width:none!important;width:100%!important;box-sizing:border-box}

.masthead{position:sticky!important;top:0;z-index:100!important}.page-jumps{margin:20px 0 26px;border-block:1px solid #d9cbd4;padding:12px 0}.page-jumps summary,.reference-fold>summary{font-weight:600;cursor:pointer;color:#853652;font-size:14px}.page-jumps details>div{display:flex;flex-wrap:wrap;gap:8px 18px;padding-top:14px}.page-jumps a{font-size:13px}.reference-fold{margin:18px 0;padding:14px 0;border-block:1px solid #ded5dd}.reference-links{font-size:13px;line-height:1.8;display:flex;flex-wrap:wrap;gap:8px 14px;padding:14px 0}.next-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}h2[id]{scroll-margin-top:140px}.mobile-nav{max-height:calc(100dvh - 100px);overflow:auto}@media(max-width:700px){.next-grid{grid-template-columns:1fr!important}h2[id]{scroll-margin-top:100px}.page-jumps{margin:12px 0 18px}.page-jumps details>div{flex-direction:column;gap:10px}}
.menu-open{overscroll-behavior:none}
/* Lock the root scroller: body overflow:hidden breaks its sticky header after scrolling. */
body.menu-open{overflow:visible}
html:has(body.menu-open){overflow:hidden}