/* Device accessibility, without disabling browser zoom. */
*{box-sizing:border-box}html{scroll-padding-top:65px}body{overflow-wrap:break-word}button,a,input,select{touch-action:manipulation}button,.text-button,.device-nav a{min-height:44px}input[type=search],select{font-size:16px!important}input[type=checkbox]{width:22px;height:22px;flex-shrink:0}input[type=range]{min-height:28px;cursor:pointer}.switch-row{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #ffdf77!important;outline-offset:3px}header{height:auto;min-height:85px;gap:14px;flex-wrap:wrap}main>*{min-width:0}main{min-height:calc(100vh - 137px)}aside{max-height:calc(100dvh - 137px)}#viewport{height:calc(100vh - 137px);height:calc(100dvh - 137px);min-height:500px}#viewport:focus-visible{outline-offset:-4px!important}.device-nav{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px max(12px,env(safe-area-inset-right));background:#142530;border-bottom:1px solid #30434e;position:sticky;top:0;z-index:20}.device-nav a,.device-nav button{color:#e9f4f4;border:1px solid #405863;border-radius:8px;padding:10px 16px;background:#192e39;font:inherit;text-decoration:none}.device-nav button[aria-pressed=true]{background:#21594f;border-color:#83e3c6}.device-tools{position:absolute;right:14px;top:160px;display:flex;flex-direction:column;gap:8px;z-index:5}.device-tools button{background:#172c39;color:#eef9f6;border:1px solid #66808b;border-radius:10px;width:46px;font:600 1.3rem system-ui}.view-heading{pointer-events:none;max-width:calc(100% - 90px)}.view-tools{max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center;overflow:visible;bottom:64px}.view-tools button{padding:9px 12px}.canvas-footer{gap:8px;min-height:48px;line-height:1.4}.canvas-footer span:first-child{max-width:80%}.orientation{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#deviceHelpDialog{line-height:1.8}#viewport:fullscreen{width:100vw;height:100vh;min-height:0;background:#101c26}#viewport.fullscreen-fallback{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;z-index:100;min-height:0;background:#101c26}.tv-mode{font-size:clamp(18px,1.15vw,30px)}.tv-mode button,.tv-mode .device-nav a{min-height:54px;font-size:1em}.tv-mode main{grid-template-columns:minmax(260px,22%) minmax(0,1fr) minmax(280px,25%)}.tv-mode .muted,.tv-mode small,.tv-mode .small-note,.tv-mode .system-label,.tv-mode .canvas-footer{font-size:.9em}.tv-mode .device-tools button{width:56px}.tv-mode header{padding-inline:3vw}.tv-mode input[type=search],.tv-mode select{font-size:1em!important}.tv-mode .device-tools{top:180px}.tv-mode .view-heading h1{font-size:1.65em}.tv-mode .view-heading p{font-size:.85em}#loading a{color:#aaf0dc}
@media(min-width:2200px){html{font-size:22px}main{grid-template-columns:340px minmax(0,1fr) 390px}header{padding:22px 40px}.view-heading{top:36px;left:40px}.device-tools{top:190px}.view-tools button{font-size:1rem}}
@media(max-width:1150px){main,.tv-mode main{grid-template-columns:240px minmax(0,1fr)}.detail-panel{grid-column:1/-1;max-height:none}aside{padding:20px 16px}.sex-switch button{min-width:75px}.brand{min-width:0}.view-heading{left:18px;top:20px}}
@media(max-width:700px){header{padding:12px;gap:10px;justify-content:space-between}.brand{font-size:14px}.brand small{font-size:9px}.sex-switch{order:3;width:100%;display:flex}.sex-switch button{flex:1;min-width:0;padding:9px}.language{max-width:46%;white-space:normal}.device-nav{gap:5px}.device-nav a,.device-nav button{padding:10px 12px;font-size:14px}main,.tv-mode main{display:flex;flex-direction:column}#viewport{order:-1;width:100%;height:72vh;height:72svh;min-height:430px;max-height:900px}.systems-panel,.detail-panel{width:100%;max-height:none;scroll-margin-top:58px}.detail-panel{display:block}#systems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.view-heading h1{font-size:1.35rem}.view-heading{max-width:calc(100% - 75px)}#coverage{font-size:.78rem}.device-tools{right:10px;top:135px}.view-tools{bottom:66px;gap:5px;width:calc(100% - 16px)}.view-tools button{font-size:.8rem;padding:7px 10px}.canvas-footer{padding:10px;font-size:.7rem}.orientation{display:none}.tv-mode #systems{display:block}.tv-mode .device-tools{top:170px}}
@media(max-width:360px){#systems{grid-template-columns:1fr}.device-nav a,.device-nav button{padding:9px;font-size:13px}.view-tools button{font-size:.75rem;padding:7px}.brand small{display:none}}
@media(max-height:550px) and (orientation:landscape){#viewport{height:100vh;height:100svh;min-height:320px}aside{max-height:none}.view-heading{top:10px}.view-heading h1{font-size:1.1rem;margin:4px 0}#coverage{max-width:75%;font-size:.7rem}.device-tools{top:20px;right:10px;flex-direction:row}.device-tools button{width:44px}.view-tools{bottom:45px}.canvas-footer{min-height:36px}.orientation{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
[dir=rtl] .device-tools{right:auto;left:14px}[dir=rtl] .view-heading{left:auto;right:18px}
.device-nav a{min-width:0;max-width:38%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-nav button{flex-shrink:0}#loading{max-width:90%;text-align:center}#loading p{max-width:36em}#viewport:fullscreen .device-tools,#viewport.fullscreen-fallback .device-tools{z-index:110}
.atlas-unavailable .view-tools,.atlas-unavailable .device-tools,.atlas-unavailable .orientation,.atlas-unavailable .canvas-footer{display:none}.atlas-unavailable #loading{position:relative;inset:auto;transform:none;margin:auto;max-width:calc(100% - 32px);padding:24px;overflow-wrap:anywhere}.atlas-unavailable #viewport{display:flex;align-items:center;justify-content:center}.fallback-study{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #638e81;border-radius:8px;background:#20443f;padding:12px 16px;text-decoration:none;font-size:16px}.atlas-unavailable #loading button{min-height:44px}.atlas-unavailable #loading p{font-size:16px}
.atlas-unavailable .systems-panel,.atlas-unavailable .detail-panel,.atlas-unavailable .device-nav a[href="#layersPanel"],.atlas-unavailable .device-nav a[href="#detailPanel"]{display:none}.atlas-unavailable main{grid-template-columns:minmax(0,1fr)}.atlas-unavailable #viewport{grid-column:1/-1;min-height:430px}.atlas-unavailable .view-heading{position:absolute;top:18px}.atlas-unavailable #loading{margin-top:150px;margin-bottom:32px}