:root{--navy:#01017c;--blue:#006fb7;--cyan:#22a9f8;--soft:#edf8ff;--muted:#52677b;--ink:#20364d;--line:#d7e6ef;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:white;color:var(--ink);font:16px/1.55 system-ui,-apple-system,sans-serif}main{max-width:1240px;padding:34px 32px 23px;margin:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:750;color:var(--navy);margin:0 0 12px}header{padding-bottom:32px}h1{font-size:clamp(39px,5vw,65px);line-height:1.03;letter-spacing:-.055em;font-weight:650;color:var(--navy);margin:0 0 24px}.intro{font-size:18px;color:var(--muted);max-width:650px;margin:0}.explorer{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.55fr);gap:38px}.explorer>*{min-width:0}.frontal{padding-top:18px;border-top:1px solid var(--line)}h2{font-size:25px;line-height:1.14;letter-spacing:-.025em;color:var(--navy);margin:0 0 14px}svg{display:block;width:100%;height:auto}.frontal svg{margin:20px 0 10px}.orientation{font-size:13px;color:var(--muted);margin:0 0 20px}.cut-link{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:20px}.cut-link span{color:var(--navy);font-weight:700;font-size:25px;white-space:nowrap}.cut-link p{font-size:13px;color:var(--muted);margin:0}.small{font-size:13px;color:var(--muted);margin:0}.section-heading{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:16px;align-items:start;justify-content:space-between}.section-heading>p{color:var(--muted);font-size:12px;margin:0;text-align:right;max-width:130px}.view-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 16px}button{min-width:0;min-height:48px;border:1px solid #b5cbdc;border-radius:10px;background:white;color:var(--navy);padding:12px;font:600 13px/1.3 system-ui,-apple-system,sans-serif;cursor:pointer}button:hover{background:var(--soft);border-color:var(--navy)}button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.regions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.regions button{min-height:73px;text-align:left;font-size:12px}.regions button span{display:block;font-size:15px;font-weight:700;margin-bottom:6px}.section-frame{position:relative;border:1px solid var(--line);border-radius:22px;background:#f9fcfe;padding:13px}.section-frame svg{max-height:660px}.section-frame[data-view=zoom]{padding-top:127px}.zoom-locator{position:absolute;top:9px;right:15px;width:96px;padding:6px;background:white;border:1px solid var(--line);border-radius:10px}.zoom-locator svg{width:63px;height:65px;margin:auto}.zoom-locator span{display:block;font-size:10px;color:var(--muted);text-align:center;margin-top:3px}.readout{margin-top:22px;border-left:3px solid var(--cyan);padding-left:20px}.readout h2{font-size:29px;margin-bottom:12px}.readout>p:not(.eyebrow):not(.small){font-size:16px;margin:0 0 14px}.model-limit{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin:28px 0 20px}.model-limit strong{color:var(--navy)}[data-region-hit]{cursor:pointer}.text-guide{border-top:1px solid var(--line);padding:13px 0;font-size:14px}.text-guide summary{min-height:44px;padding:10px 0;color:var(--navy);font-weight:650;cursor:pointer}.text-guide dt{font-weight:650;color:var(--navy);margin:20px 0 6px}.text-guide dd{margin:0;color:var(--muted)}.text-guide p{color:var(--muted);margin:20px 0 0}.fallback img{display:block;width:100%;height:auto;max-width:640px;margin:0 auto 25px}.fallback h2{color:var(--navy)}.fallback p{color:var(--muted)}.js .fallback{display:none}footer{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:10px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);white-space:nowrap;border:0;overflow:hidden}@media(max-width:700px){main{padding:25px 16px 20px}header{padding-bottom:24px}h1{font-size:45px}.intro{font-size:16px}.explorer{grid-template-columns:minmax(0,1fr);gap:25px}.frontal h2{font-size:23px}.frontal svg{max-width:370px;margin:14px auto 5px}.frontal .small{display:none}.cut-link{margin-bottom:0}.orientation{font-size:13px;margin-bottom:12px}.section-heading{display:block}.section-heading>p{max-width:none;text-align:left;margin:-3px 0 12px}.section-heading h2{font-size:24px}.regions{gap:6px;margin-bottom:15px}.regions button{font-size:11px;padding:10px 8px;min-height:78px}.regions button span{font-size:13px}.view-controls button{font-size:12px;padding:10px;min-height:54px}.section-frame{padding:7px}.section-frame[data-view=zoom]{padding-top:114px}.zoom-locator{width:89px;right:10px}.readout{padding-left:15px}.readout h2{font-size:27px}.readout>p:not(.eyebrow):not(.small){font-size:15px}.model-limit{font-size:13px}}@media(max-width:350px){h1{font-size:39px}.regions button span{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Camera keeps the same viewport while the viewBox moves. */
.section-frame{width:100%;aspect-ratio:600 / 620;max-height:680px;display:grid;min-height:0}.section-frame #section-svg{width:100%;height:100%;min-height:0;max-height:none}.section-frame[data-view=zoom]{padding:13px}.orientation-locator{width:110px;flex:0 0 110px}.orientation-locator>p{font-size:12px;color:var(--muted);text-align:right;margin:0 0 8px}.zoom-locator{position:static;width:85px;margin-left:auto;padding:4px}.zoom-locator svg{width:54px;height:56px}.zoom-locator span{font-size:10px}.section-heading{min-height:135px}
@media(max-width:700px){.section-heading{display:flex;min-height:135px;gap:12px}.section-heading>div:first-child{min-width:0}.orientation-locator{width:86px;flex-basis:86px}.orientation-locator>p{font-size:11px}.zoom-locator{width:78px}.section-frame[data-view=zoom]{padding:7px}}
