:root{--navy:#01017c;--cyan:#22a9f8;--blue:#006fb7;--ink:#20364d;--muted:#52677b;--line:#d7e6ef;--soft:#edf8ff;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;margin:auto;padding:36px 32px 22px}header{max-width:840px;padding-bottom:27px}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:750;color:var(--navy);margin:0 0 12px}h1{font-size:clamp(35px,4.8vw,62px);line-height:1.05;letter-spacing:-.055em;color:var(--navy);font-weight:650;margin:0 0 22px}.intro{font-size:18px;color:var(--muted);max-width:620px;margin:0}p{margin:0 0 15px}.task-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 29px}button{min-width:0;min-height:61px;border:1px solid #b5cbdc;border-radius:12px;background:white;color:var(--navy);font:600 15px/1.2 system-ui,-apple-system,sans-serif;cursor:pointer;padding:12px 15px;text-align:left;display:flex;align-items:center;gap:14px}.button-number{font-size:11px;font-weight:600;color:var(--muted)}button:hover{border-color:var(--navy);background:var(--soft)}button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}button[aria-pressed=true] .button-number{color:white}button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.experience{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr);gap:28px 35px}.experience>*{min-width:0}.scene-label{display:flex;gap:12px;justify-content:space-between;align-items:start;margin-bottom:16px}.scene-label h2{font-size:16px;color:var(--navy);margin:0}.scene-label>span{font-size:12px;color:var(--muted);white-space:nowrap}svg{width:100%;height:auto;display:block}.scene-key{font-size:12px;display:flex;align-items:center;gap:10px;color:var(--muted);margin:13px 0 9px}.scene-key>span{flex:0 0 26px;border-top:2px dashed var(--blue)}.small{font-size:13px;color:var(--muted);margin:0 0 13px}.lens-detail{padding-left:29px;border-left:1px solid var(--line)}.lens-detail h2{font-size:27px;line-height:1.12;letter-spacing:-.025em;color:var(--navy);margin:0 0 10px}.lens-detail svg{max-width:360px;margin:auto}.map-key{font-size:13px;color:var(--navy);display:flex;align-items:start;gap:9px;margin:3px 0 14px}.dot{flex:0 0 12px;width:12px;height:12px;margin-top:4px;border-radius:50%;border:3px solid var(--blue);background:white}.periphery-note{display:flex;align-items:start;gap:9px;font-size:12px;color:var(--muted);padding-top:13px;border-top:1px solid var(--line);margin:0}.hatch{flex:0 0 20px;width:20px;height:23px;border:1px solid #a7bfd2;border-radius:3px;background:repeating-linear-gradient(-45deg,white,white 5px,#bad0df 5px,#bad0df 6px)}.task-reading{border-top:1px solid var(--line);padding-top:25px}.task-reading h2{font-size:31px;line-height:1.15;color:var(--navy);letter-spacing:-.03em;margin:0 0 14px}.task-reading p:not(.eyebrow){font-size:16px}.task-reading .task-note{font-size:13px!important;color:var(--muted);margin:0}.consult-question{background:var(--soft);border-radius:15px;padding:22px}.consult-question h2{font-size:21px;line-height:1.3;color:var(--navy);letter-spacing:-.02em;margin:0 0 14px}.consult-question p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.model-limit{border-top:1px solid var(--line);padding-top:20px;margin:28px 0 24px;font-size:13px;color:var(--muted)}.model-limit strong{color:var(--navy)}.text-guide{border-top:1px solid var(--line);padding:17px 0;font-size:14px}.text-guide summary{min-height:44px;display:list-item;padding:10px 0;color:var(--navy);font-weight:650;cursor:pointer}.text-guide dt{font-weight:650;color:var(--navy);margin:17px 0 5px}.text-guide dd{margin:0;color:var(--muted)}.text-guide p{color:var(--muted);margin:17px 0 0}footer{border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:var(--muted)}[data-task-hit]{cursor:pointer}.static-fallback img{display:block;width:100%;max-width:640px;height:auto;margin:auto auto 23px}.static-fallback p{font-size:15px;color:var(--muted)}.js .static-fallback{display:none}[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:26px 16px 18px}header{padding-bottom:23px}h1{font-size:41px}.intro{font-size:16px}.task-buttons{gap:7px;margin-bottom:24px}button{padding:11px 8px;min-height:70px;font-size:13px;display:block}.button-number{display:block;margin-bottom:6px}.experience{grid-template-columns:minmax(0,1fr);gap:22px}.scene{grid-row:1}.task-reading{grid-row:2;padding-top:18px}.lens-detail{grid-row:3;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.consult-question{grid-row:4}.scene-label{display:block}.scene-label h2{font-size:15px}.scene-label>span{display:block;margin-top:4px}.scene-explanation{font-size:12px}.lens-detail h2{font-size:26px}.lens-detail h2 br{display:none}.lens-detail svg{max-width:300px}.task-reading h2{font-size:28px}.task-reading p:not(.eyebrow){font-size:15px}.task-reading .task-note{font-size:13px!important}.consult-question h2{font-size:21px}.periphery-note{font-size:13px}.model-limit{margin-top:23px}.small{font-size:13px}}@media(max-width:350px){h1{font-size:35px}button{font-size:12px}.task-buttons{gap:6px}.lens-detail svg{max-width:260px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* One set of controls: above the pair on desktop, between both views on mobile. */
.task-buttons{grid-column:1 / -1;grid-row:1;margin-bottom:0}.scene{grid-column:1;grid-row:2}.lens-detail{grid-column:2;grid-row:2}.task-reading{grid-column:1;grid-row:3}.consult-question{grid-column:2;grid-row:3}
@media(max-width:700px){.scene{grid-column:1;grid-row:1}.task-buttons{grid-column:1;grid-row:2;margin-bottom:0}.lens-detail{grid-column:1;grid-row:3}.task-reading{grid-column:1;grid-row:4}.consult-question{grid-column:1;grid-row:5}}