/* Local Radio Vista shell. The atlas data, masks and rendering are unchanged. */
/* Slice-specific teaching contours remain distinct from the preserved atlas. */
.teaching-row .swatch{background:transparent!important;border:1px dashed var(--swatch)}
.selection-detail .learning-limit{font-size:11px;color:#b9b4a6;line-height:1.55}
.selection-detail .atlas-detail{font-size:10px;color:var(--quiet)}
.teaching-key{color:#d6c39e}
.quiz-image-caption{font-size:10px;color:var(--muted);margin:9px 0 14px;line-height:1.5}
:root{--bg:#101214;--panel:#141719;--panel-raised:#1b2023;--panel-hover:#242a2c;--canvas:#080a0b;--line:#292d30;--line-soft:#252b2e;--text:#e6e8e9;--muted:#90979d;--quiet:#82918d;--mint:#a8c8c3;--mint-bg:#2b4035;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:72px;background:var(--bg)}
.header .brand{display:flex;align-items:center;gap:12px;min-width:0;color:var(--text);font-size:17px;letter-spacing:-.4px;font-weight:550;white-space:nowrap}
.header .brand svg{color:#b6cbc5;flex:none}
.header nav.primary-navigation{display:flex;gap:5px;height:100%;align-items:center;flex:none}
.header nav.primary-navigation a.modality{padding:10px 18px;border-radius:6px;font-size:13px;color:#a8c8c3;white-space:nowrap}
.header nav.primary-navigation a.modality:hover{background:#272e2e}
.header nav.primary-navigation a.active{background:#2b4035;color:#edf4ef}
.header .draft{margin-left:auto;color:var(--muted);font-size:11px;border:1px solid #353a3d;padding:6px 9px;border-radius:4px;white-space:nowrap}
.study-heading h1{font-weight:450;letter-spacing:-.8px}
.study-heading .eyebrow{color:var(--muted);font-weight:600}
.atlas-layout{background:#111416;border-radius:8px}
.structures-panel{background:#191c1e}
.viewer-toolbar,.slice-controls,.image-controls{background:#141719}
.spatial-panel{background:#131719}
.back-library,.site-footer>a{display:inline-flex;align-items:center;gap:5px}
.back-library .icon,.site-footer>a .icon{width:12px;height:12px}
.text-button .icon,.detail-action .icon,.hierarchy-action .icon,.source-card a .icon{width:13px;height:13px;vertical-align:-2px}
.spatial-heading h2:before{content:none}
.spatial-heading h2{display:flex;align-items:center;gap:9px}
.spatial-heading h2 .icon{width:18px;height:18px;color:#a7b7ad}
.selection-status{display:flex;align-items:center;gap:6px}
.selection-status:before{content:"";width:5px;height:5px;border:1px solid currentColor;border-radius:50%;flex:none}
.selection-status[data-visible=true]:before{background:currentColor}
.site-footer .atlas-credit{font-size:10px;color:#9aa6aa}
.source-card a{text-decoration:underline;text-underline-offset:3px}
.source-card .source-links{display:flex;gap:12px;flex-wrap:wrap}
.keyboard-hint kbd .icon{width:12px;height:12px}
@media(max-width:1100px){.header{padding:0 20px;gap:35px}}
@media(max-width:650px){.header{flex-wrap:wrap;gap:14px;padding:0 16px}.header nav.primary-navigation{height:auto;min-height:0;max-width:100%}.header nav.primary-navigation a.modality{font-size:12px;padding:9px 13px}.header .draft{display:none}}
@media(max-width:520px){.header{height:65px;padding:0 14px;gap:10px}.header .brand{font-size:14px;gap:7px}.header .brand svg{width:20px}.header nav.primary-navigation{gap:1px}.header nav.primary-navigation a.modality{font-size:11px;padding:8px 10px}.study-heading h1{font-size:24px}.site-footer{align-items:flex-start;gap:12px}.site-footer .atlas-credit{font-size:9px;text-align:right}}

/* Fill the existing quiz viewport instead of keeping the small native matrix size. */
.quiz-image-wrap canvas{width:100%;height:100%;object-fit:contain}