:root{--brand:#22a9f8;--deep:#01017c;--soft:#edf8ff;--line:#dce7ee;--muted:#52677b;--ink:#162e44;--white:#fff;--radius:24px;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--white);font-family:var(--font);color:var(--ink);line-height:1.5}.wall-atlas{max-width:1200px;margin:auto;padding:35px 34px 24px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:10px;font-weight:750;letter-spacing:2px;color:var(--muted);margin:0 0 16px}.eyebrow>span{width:7px;height:7px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 4px var(--soft)}h1{font-size:clamp(27px,3.7vw,43px);line-height:1.13;font-weight:730;letter-spacing:-1.5px;color:var(--deep);margin:0}h1>span{font-weight:440}.intro-copy{font-size:14px;color:var(--muted);line-height:1.75;max-width:700px;margin:16px 0 27px}.visual-plate{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:23px 24px 22px;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(ellipse at 62% 38%,var(--white),var(--soft));align-items:center}.visual-plate>*{min-width:0}.visual-plate h2{font-size:11px;color:var(--muted);font-weight:650;display:flex;gap:8px;align-items:center;margin:0}.visual-plate h2>span{font-size:9px;color:var(--brand);font-weight:750}.overview svg,.zoom svg{display:block;width:100%;height:auto}.overview svg{margin:20px 0 0}.overview-copy{font-size:10px;color:var(--muted);line-height:1.7;max-width:300px;margin:12px 0 0}.orientation{display:flex;justify-content:space-between;margin-top:-5px;max-width:90%;font-size:9px;color:var(--muted)}.zoom{padding-left:20px;border-left:1px solid var(--line)}.zoom svg{margin:6px 0 0}.separation-control{max-width:420px;margin:0 auto}.separation-control>label{font-size:11px;font-weight:650;color:var(--deep)}input[type=range]{display:block;width:100%;height:44px;accent-color:var(--deep);cursor:pointer;margin:1px 0}.separation-control>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:-5px}.explore-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.explore-row>p{font-size:10px;color:var(--muted);margin:0}.explore-row>p strong{font-weight:650}.layer-buttons{display:flex;gap:7px;flex-wrap:wrap}.layer-buttons>button{display:flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);background:var(--white);color:var(--muted);padding:9px 13px;border-radius:30px;font:600 11px var(--font);cursor:pointer}.layer-buttons>button>span{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--soft);font-size:9px;color:var(--deep);font-weight:750}.layer-buttons>button[aria-pressed=true]{border-color:var(--deep);background:var(--deep);color:var(--white)}.layer-buttons>button[aria-pressed=true]>span{background:var(--white)}.readout{display:flex;gap:22px;align-items:flex-start;padding:22px 0 0;min-height:175px}.readout-number{font-size:40px;line-height:1;letter-spacing:-2px;font-weight:420;color:var(--brand);min-width:48px;margin-top:4px}.part-position{font-size:8px;letter-spacing:1.8px;color:var(--muted);font-weight:750;margin:0 0 6px}.readout h2{font-size:26px;line-height:1.15;letter-spacing:-.6px;margin:0 0 9px;color:var(--deep)}.readout p:not(.part-position){font-size:12px;color:var(--muted);max-width:850px;line-height:1.75;margin:0}.readout p.clinical-note{font-size:11px;margin-top:8px;color:var(--ink)}.text-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;border-top:1px solid var(--line);padding-top:18px;margin:15px 0 0}.text-guide>*{min-width:0}.text-guide dt{font-size:11px;color:var(--deep);font-weight:650}.text-guide dd{font-size:10px;color:var(--muted);line-height:1.6;margin:3px 0 0}footer{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;color:var(--muted);margin-top:18px}footer>p{font-size:9px;line-height:1.7;max-width:800px;margin:0}footer>span{font-size:8px;letter-spacing:1px;font-weight:700;color:var(--deep);white-space:nowrap;padding-top:4px}footer b{color:var(--brand);padding:0 3px}.static-figure{margin:0}.static-figure>img{max-width:100%;height:auto;display:block;margin:auto}.static-figure>figcaption{font-size:12px;color:var(--muted)}button:focus-visible,input:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
@media(max-width:680px){.wall-atlas{padding:25px 16px 22px}h1{font-size:29px;letter-spacing:-1.1px}.eyebrow{font-size:8px;letter-spacing:1.7px}.intro-copy{font-size:13px;margin:15px 0 23px}.visual-plate{grid-template-columns:minmax(0,1fr);gap:23px;padding:19px 14px 21px}.visual-plate h2{font-size:10px}.overview{max-width:310px;width:100%;margin:auto}.overview svg{max-width:280px;margin:16px auto 0}.overview-copy{font-size:10px;margin-top:9px}.orientation{margin-top:-3px}.zoom{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.zoom svg{margin-top:15px}.separation-control>label{font-size:11px}.separation-control>div{font-size:9px}.explore-row{display:block;padding:17px 0 20px}.explore-row>p{font-size:10px;margin-bottom:12px}.layer-buttons{gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.layer-buttons>*{min-width:0}.layer-buttons>button{font-size:9px;padding:8px 5px;justify-content:center;gap:4px;min-height:46px;border-radius:12px;flex-direction:column}.layer-buttons>button>span{width:17px;height:17px;font-size:8px}.readout{gap:14px;min-height:235px;padding-top:22px}.readout-number{font-size:34px;min-width:37px}.readout h2{font-size:25px}.readout p:not(.part-position){font-size:12px}.readout p.clinical-note{font-size:11px;line-height:1.7;margin-top:10px}.part-position{font-size:7px;letter-spacing:1.2px}.text-guide{gap:12px;padding-top:16px}.text-guide dt{font-size:10px}.text-guide dd{font-size:9px}footer{display:block;margin-top:18px}footer>p{font-size:9px}footer>span{display:block;margin-top:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.depth-context{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0 15px;margin:0 0 25px}.depth-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.depth-heading h2{font-size:15px;color:var(--deep);letter-spacing:-.2px;margin:0;font-weight:700}.depth-heading>span{font-size:10px;color:var(--muted)}.depth-order{list-style:none;padding:0;margin:15px 0 10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}.depth-order>*{min-width:0}.depth-order>li{position:relative;padding:9px 10px;border-left:2px solid var(--line)}.depth-order>li:not(:last-child)::after{content:'→';position:absolute;right:-14px;top:9px;font-size:14px;color:var(--muted)}.depth-order>li.is-selected{border-left-color:var(--brand);background:var(--soft);border-radius:0 8px 8px 0}.depth-order span{font-size:12px;font-weight:650;color:var(--deep);display:block}.depth-order small{font-size:10px;line-height:1.4;color:var(--muted);display:block;margin-top:4px}.depth-order .inner-choroid{border-left-color:#7b3faa}.depth-order .inner-retina{border-left-color:#2a6bc0}.depth-context>p{font-size:10px;line-height:1.6;color:var(--muted);margin:0;max-width:720px}.zoom-depth{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted);margin-top:14px}.zoom-depth>span:nth-child(2){color:var(--brand);font-size:16px}.zoom-depth>span:last-child{margin-left:auto}.zoom-connection{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0;max-width:310px}#surface-model [data-layer] *{pointer-events:none}#surface-model [data-layer] [data-hitplane]{pointer-events:all;cursor:pointer}#surface-model [data-surface-tag],.inner-labels{pointer-events:none}#surface-model [data-layer].is-selected [data-exposed-edge]{stroke:var(--brand);stroke-width:2}.text-guide{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:680px){.depth-context{margin-bottom:23px;padding-top:16px}.depth-heading{display:block}.depth-heading>span{display:block;margin-top:5px;font-size:10px}.depth-order{grid-template-columns:minmax(0,1fr);gap:0;margin:13px 0 12px}.depth-order>li{display:flex;align-items:baseline;gap:12px;padding:8px 11px;min-height:37px}.depth-order>li:not(:last-child)::after{content:'↓';left:0;right:auto;top:auto;bottom:-8px;z-index:1;font-size:11px}.depth-order span{font-size:11px;flex-shrink:0}.depth-order small{font-size:9px;line-height:1.4;margin:0}.depth-context>p{font-size:10px}.zoom-depth{font-size:9px;gap:5px;align-items:center;max-width:300px}.zoom-depth>span:first-child,.zoom-depth>span:last-child{max-width:112px}.text-guide{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:14px}}