:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#193047;background:#f3f6fa;font-size:16px;font-synthesis:none;--ink:#193047;--muted:#607286;--line:#dbe3eb;--brain:#28517d;--tabula:#138982}*{box-sizing:border-box}body{margin:0}header{padding:20px 32px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:13px}h1{font-size:23px;letter-spacing:-.7px;margin:0}header p{font-size:14px;margin:3px 0 0;color:var(--muted)}.brandmark{background:#17354f;color:#81eee2;font-weight:800;border-radius:10px;padding:12px 10px}.badge{margin-left:auto;font-size:12px;letter-spacing:1.4px;background:#edf3f8;padding:8px 12px;border-radius:5px;color:#47627b}main{max-width:1700px;margin:auto;padding:24px 32px 35px}.controls{display:grid;grid-template-columns:1.8fr 1fr 1.25fr 1fr;gap:20px;align-items:start}label{font-size:14px;font-weight:650;display:block;margin-bottom:8px}input,select,button{font:inherit}input,select{width:100%;height:43px;border:1px solid #becbd7;border-radius:6px;padding:0 11px;background:#fff;color:var(--ink)}button{cursor:pointer;border:0;background:#193f60;color:#fff;border-radius:6px;padding:10px 15px;font-weight:600;font-size:14px}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5;cursor:wait}input:focus,select:focus,button:focus-visible,canvas:focus-visible,summary:focus-visible{outline:3px solid #54b4cf;outline-offset:2px}.input-row{display:flex;gap:7px}.input-row input{min-width:0}.input-row button{white-space:nowrap}.help{display:block;font-size:12px;color:var(--muted);margin-top:7px}.gene-tabs{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}.gene-tabs button{background:#e6edf4;color:#36516b;padding:6px 14px;border:1px solid transparent}.gene-tabs button[aria-pressed=true]{background:#fff;border-color:#204b70;color:#17354f}.status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px;font-size:14px;color:var(--muted)}.text-button{background:none;color:#345c7c;padding:6px 0;font-size:13px}#error{background:#fff0ee;color:#9b302b;padding:12px;margin-bottom:12px;border-radius:6px}.umap-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:760px}.umap-scroll{overflow-x:auto}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-head{padding:21px 23px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.3px;color:var(--muted)}h2{margin:5px 0 0;font-size:23px;letter-spacing:-.6px}.study-tag{font-size:12px;padding:7px 9px;border-radius:5px;white-space:nowrap}.brain{background:#eef3fa;color:var(--brain)}.peripheral{background:#e9f7f4;color:#176f68}.cohort{padding:0 23px;font-size:13px;margin:8px 0 0;color:var(--muted)}.plot-wrap{height:350px;position:relative;margin:8px 14px 0}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.empty{position:absolute;inset:0;align-content:center;text-align:center;color:var(--muted);pointer-events:none}.panel-foot{display:flex;justify-content:space-between;padding:13px 23px;font-size:12px;border-top:1px solid #edf1f5;color:var(--muted)}.panel-foot span:first-child{color:#29435d;font-weight:600}.legend-area{margin:14px 0 24px;text-align:center}.legend-area p{font-size:12px;color:var(--muted);margin:10px 0 0}#legend{font-size:12px;display:flex;align-items:center;justify-content:center;gap:7px 16px;flex-wrap:wrap;max-height:125px;overflow:auto}.color-ramp{width:200px;height:10px;border-radius:3px;background:linear-gradient(90deg,#d5dfe8,#629fb8,#256990,#36368e,#a32968,#e64442)}.legend-item{display:inline-flex;align-items:center;gap:5px}.legend-item i,.chart-key i{display:inline-block;width:8px;height:8px;border-radius:50%}.expression{padding:23px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.chart-head h2{font-size:22px}.chart-head p{font-size:13px;color:var(--muted);margin:8px 0}.secondary{background:#fff;border:1px solid #c6d3df;color:#294b68}.chart-scroll,.table-scroll{overflow-x:auto}#chart svg{display:block;width:100%;min-width:1100px;height:330px}.chart-key{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding:5px 0 15px}.chart-key span{display:flex;align-items:center;gap:6px}.brain-key{background:var(--brain)}.tabula-key{background:var(--tabula)}details{font-size:14px;color:#52697d}summary{cursor:pointer;font-weight:600;padding:10px 0}details p{line-height:1.65;max-width:1200px}.methods{margin:15px 0}a{color:#206d95}table{border-collapse:collapse;width:100%;font-size:13px;text-align:right}th,td{padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th:first-child,td:first-child,th:nth-child(2),td:nth-child(2){text-align:left}#tooltip{position:fixed;z-index:10;pointer-events:none;background:#132d43;color:white;padding:10px 13px;border-radius:5px;font-size:12px;line-height:1.6;box-shadow:0 3px 12px #0002;max-width:330px;white-space:pre-line}@media(min-width:1500px){.plot-wrap{height:410px}}@media(max-width:1050px){.controls{grid-template-columns:1fr 1fr}.study-tag{display:none}.plot-wrap{height:300px}main{padding:20px}.panel-head{padding:17px 17px 0}.cohort{padding:0 17px}}@media(max-width:600px){header{padding:16px}.badge{font-size:10px;letter-spacing:.5px}h1{font-size:20px}main{padding:14px}.controls{gap:13px;grid-template-columns:1fr 1fr}.controls form{grid-column:1/-1}.controls>div:last-child{grid-column:1/-1}.status-row{align-items:flex-start}.status-row p{margin:10px 0}.chart-head{align-items:flex-start;flex-direction:column}.expression{padding:15px}.umap-grid{gap:12px}.panel-foot{padding:12px;font-size:11px}.help{font-size:12px}}
#chart svg{min-width:1400px}

.study-chart{border-top:1px solid var(--line);padding:18px 16px 8px}.study-chart h3{font-size:17px;margin:0 0 7px}.study-chart p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 8px;min-height:38px}.study-chart-scroll{overflow-x:auto}.study-chart-scroll svg{display:block;width:100%;height:300px}.legend-area{margin:8px 0 18px}
.study-chart-scroll{height:315px}

.combined-plots{margin:20px 0}.combined-plots .study-chart{padding-left:0;padding-right:0}

.umap-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:1080px}.umap-grid .study-tag{display:none}.umap-grid h2{font-size:22px}.umap-grid .cohort{min-height:38px;line-height:1.5}.umap-grid .plot-wrap{height:320px}.umap-grid .panel-head{padding:18px 17px 0}.umap-grid .panel-foot{padding:12px;font-size:11px}.umap-grid .eyebrow{font-size:10px}#waelchli{border-top:3px solid #28517d}#tabula{border-top:3px solid #138982}#barnett{border-top:3px solid #9755b2}.barnett-key{background:#9755b2}.comparison-note{font-size:13px;color:var(--muted);line-height:1.6}.study-chart-scroll{height:325px}.study-chart-scroll svg{height:310px}
.color-ramp{background:linear-gradient(90deg,#2864b4 0%,#d5d8dc 50%,#c72e3d 100%)}

/* Consistent study header rows; original cohort definitions remain explicit. */
.cohort{line-height:1.65;min-height:65px}.cohort-age{color:#425d76}.cohort-status{font-size:12px}

.umap-grid{grid-template-columns:repeat(4,minmax(0,1fr));min-width:1120px;gap:14px}#yang{border-top:3px solid #ce8b28}.yang-key{background:#ce8b28}.umap-grid .cohort{padding:0 14px;min-height:65px;font-size:12px}.umap-grid .eyebrow{font-size:9px}

.umap-grid{grid-template-columns:repeat(5,minmax(0,1fr));min-width:1400px}#sun{border-top:3px solid #568458}.sun-key{background:#568458}

/* Two rows of UMAPs; summaries remain combined below. */
.umap-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:900px;gap:16px}
.umap-row-label{grid-column:1/-1;font-size:12px;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:#536b80;padding:4px 2px 0}
.broad-row-label{margin-top:14px}
.umap-grid .plot-wrap{height:255px}
.umap-grid .panel{display:flex;flex-direction:column}
.umap-grid .panel-foot{margin-top:auto}
.gtex-placeholder{border:1px dashed #becbd6;border-top:3px solid #a3b1be;background:linear-gradient(145deg,#fafcfe,#eef3f7)}
.planned-tag{font-size:11px;padding:5px 9px;border-radius:12px;background:#e5ebf1;color:#64788b}
.placeholder-body{flex:1;min-height:328px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8293a2}
.placeholder-symbol{width:48px;height:48px;border:1px solid #cfdae3;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:300}
.placeholder-body p{font-size:16px;color:#647b8e;margin:16px 0 7px}.placeholder-body>span:last-child{font-size:12px}
@media(min-width:1500px){.umap-grid .plot-wrap{height:300px}.placeholder-body{min-height:373px}}

#gtex{border-top:3px solid #b25b45}.gtex-key{background:#b25b45}#gtex h2 small{font-size:14px;font-weight:500;color:var(--muted)}

.study-link{color:inherit;text-decoration:none}.study-link:hover{text-decoration:underline;text-underline-offset:4px}.study-link:focus-visible{outline:3px solid #54b4cf;outline-offset:4px;border-radius:2px}.external-link{font-size:14px;color:var(--muted);font-weight:400}

/* Main-atlas visual language; scoped to the independent single-cell prototype. */
:root{--ink:#172b2a;--muted:#607170;--paper:#f5f3eb;--card:#fffdf7;--line:#d8ddd5;--teal:#087f78;font-family:Arial,sans-serif;color:var(--ink);background:var(--paper)}
body{background:var(--paper);color:var(--ink)}
.site-header{min-height:72px;padding:12px 4vw;display:flex;align-items:center;gap:24px;background:rgba(255,253,247,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:15px;font-weight:750;margin-right:auto;white-space:nowrap}
.brandmark{display:grid;place-items:center;width:36px;height:36px;padding:0;border-radius:9px;background:var(--teal);color:white;font-size:13px}
.site-header nav{display:flex;align-items:center;gap:21px;flex-wrap:wrap}.site-header nav a{padding:8px 0;color:var(--muted);font-size:13px;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}.site-header nav a:hover{color:var(--teal)}.site-header nav a.active{color:var(--ink);font-weight:700;border-bottom-color:var(--teal)}
.badge{margin-left:0;padding:7px 11px;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--muted);font-size:11px;letter-spacing:0;white-space:nowrap}
.explorer-intro{padding:44px 6vw 32px;text-align:center;background:linear-gradient(145deg,#edf4ef,#f5f3eb 65%)}
.explorer-intro .eyebrow{margin:0 0 16px;color:var(--teal);font-size:11px;letter-spacing:.12em;font-weight:800}
.explorer-intro h1{margin:0 auto;font-family:Georgia,serif;font-size:clamp(34px,4vw,54px);line-height:1.08;font-weight:500;letter-spacing:-.035em;max-width:900px}
.hero-copy{margin:19px auto 22px;color:var(--muted);font-size:15px;line-height:1.7}
.intro-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 30px;font-size:12px;color:var(--muted)}.intro-facts strong{color:var(--teal);font-size:17px;font-weight:600;margin-right:4px}
main{padding:28px 4vw 40px;scroll-margin-top:115px;max-width:1780px}.controls{padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--card);gap:18px;box-shadow:0 3px 12px #172b2a04}
input,select{border-color:#c9d3c9;border-radius:8px;color:var(--ink);background:#fffefa}button{background:var(--teal);border-radius:8px}label{color:var(--ink)}.text-button{background:transparent;color:var(--teal)}.secondary{background:var(--card);color:var(--ink);border-color:var(--line)}
.gene-tabs button{background:#eaf0e8;color:#48625b}.gene-tabs button[aria-pressed=true]{background:var(--card);color:var(--teal);border-color:var(--teal)}
.panel{background:var(--card);border-color:var(--line);border-radius:14px;box-shadow:0 4px 15px #172b2a04}.umap-grid .eyebrow{color:var(--muted)}.umap-grid h2{font-family:Georgia,serif;font-weight:500;font-size:25px;letter-spacing:-.4px}.umap-row-label{color:var(--teal)}
.cohort-age{color:#466159}.panel-foot{border-color:#e4e8df}.panel-foot span:first-child{color:#36534b}.plot-wrap{background:var(--card)}.study-chart{border-color:var(--line)}.study-chart h3,.chart-head h2{color:var(--ink)}.comparison-note,.methods,details{color:var(--muted)}a{color:var(--teal)}.study-link{color:inherit}.status-row{color:var(--muted)}
@media(max-width:1350px){.site-header{gap:12px 20px}.site-header nav{order:3;width:100%;gap:23px}.site-header .badge{margin-left:auto}.explorer-intro{padding-top:32px}}
@media(max-width:600px){.site-header{padding:12px 16px}.site-header nav{flex-wrap:nowrap;overflow-x:auto;gap:20px}.brand{font-size:13px}.controls{padding:15px}.hero-copy br{display:none}.explorer-intro h1 br{display:none}.intro-facts{gap:10px 15px}main{padding:20px 14px}}

.umap-exports{display:flex;align-items:center;justify-content:flex-end;gap:7px;padding:9px 12px;border-top:1px solid var(--line)}.umap-exports span{margin-right:auto;font-size:11px;color:var(--muted)}.umap-exports button{font-size:11px;padding:5px 10px;border-radius:6px}

.filter-label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.tissue-picker{position:relative;color:var(--ink)}.tissue-picker>summary{height:43px;padding:11px;border:1px solid #c9d3c9;border-radius:8px;background:#fffefa;font-weight:400;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tissue-options{position:absolute;top:48px;right:0;min-width:260px;width:100%;max-height:320px;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--card);box-shadow:0 10px 25px #172b2a25;z-index:8}.tissue-options label{display:flex;align-items:center;gap:10px;padding:7px;margin:0;font-size:13px;font-weight:400;cursor:pointer}.tissue-options label:hover{background:#edf4ef}.tissue-options input{width:16px;height:16px;margin:0;accent-color:var(--teal)}.tissue-options>label{border-bottom:1px solid var(--line);font-weight:700}

.reference-subnav{display:flex;align-items:center;gap:9px;padding:12px 4vw;border-bottom:1px solid var(--line);background:#edf2ed}.reference-subnav>span{color:var(--teal);font-size:12px;font-weight:700;margin-right:15px}.reference-subnav button{padding:8px 14px;color:var(--muted);background:transparent;border:1px solid transparent;font-size:13px}.reference-subnav button[aria-pressed=true]{background:var(--card);border-color:var(--line);color:var(--ink);box-shadow:0 2px 7px #172b2a12}.brain-view #tabula,.brain-view #gtex,.brain-view .umap-row-label,.brain-view .chart-key span:has(.tabula-key),.brain-view .chart-key span:has(.gtex-key){display:none}.brain-view .umap-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:650px}.brain-view .controls{grid-template-columns:1.8fr 1fr 1.25fr}.brain-view .plot-wrap{height:320px}

.brain-region-section{display:none;margin-top:20px}.brain-view .brain-region-section{display:block}#region-composition{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:20px}#region-composition h3{font-size:17px;margin:0}#region-composition p{font-size:12px;color:var(--muted)}.region-row{margin:16px 0}.region-row>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.region-track{height:7px;background:#e8ece4;border-radius:3px;margin:6px 0}.region-track i{display:block;height:100%;border-radius:3px}.region-row small{font-size:11px;color:var(--muted)}@media(max-width:1000px){#region-composition{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bar-group-control{max-width:650px;margin-bottom:18px}.bar-group-control select{max-width:430px}.bar-group-control .help{line-height:1.5}

.bar-group-control{display:none}.brain-view .bar-group-control{display:block}

.region-level-control{margin:16px 0}.region-level-control select{max-width:300px}.region-level-control .help{line-height:1.6}

body:not(.brain-view) .brain-only{display:none}#siletti{border-top:3px solid #b54d78}.siletti-key{background:#b54d78}
#region-composition{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-height:620px;overflow:auto;padding-right:8px}

.bar-group-control{display:block}

.umap-grid .panel.unselected-brain{display:none!important}.brain-reference-picker>div{display:flex;gap:16px;margin:10px 0}.brain-reference-picker label{font-size:12px;letter-spacing:0;text-transform:none;flex:1}.brain-reference-picker select{display:block;width:100%;margin-top:5px}.brain-reference-picker small{font-weight:400;letter-spacing:0;text-transform:none}

#garcia{border-top:3px solid #527c98}.garcia-key{background:#527c98}

.composition-study-control{margin-top:16px}.composition-study-control select{max-width:300px}#region-composition{display:block;max-width:850px}#region-composition .region-row>div:first-child>span:last-child{white-space:nowrap}

.human-reference-menu{display:flex;flex-direction:column;gap:4px;color:var(--teal);min-width:190px}.human-reference-menu label{font-size:12px;margin:0}.human-reference-menu select{font-size:13px;padding:7px 10px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:6px}.cancer-landing{margin:0 4vw 40px;padding:24px}.cancer-landing[hidden],#explorer[hidden]{display:none}

/* Match the main atlas nav-menu and nav-dropdown treatment. */
.nav-menu{position:relative}.site-header .nav-menu>button{padding:8px 0;color:var(--ink);background:transparent;font-size:14px;font-weight:700;border-radius:0;border-bottom:2px solid var(--teal);white-space:nowrap}.nav-menu>button span{display:inline-block;margin-left:3px;font-size:13px;transition:transform .18s ease}.nav-menu>button[aria-expanded="true"] span{transform:rotate(180deg)}
.nav-dropdown{position:absolute;top:calc(100% + 12px);right:0;display:grid;width:270px;max-width:90vw;padding:7px;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:0 18px 45px rgba(23,43,42,.16);z-index:20}.nav-dropdown[hidden]{display:none}.nav-dropdown::before{content:"";position:absolute;top:-7px;right:28px;width:12px;height:12px;border-left:1px solid var(--line);border-top:1px solid var(--line);background:var(--card);transform:rotate(45deg)}.nav-dropdown button{position:relative;padding:11px 12px;border-radius:7px;color:var(--muted);background:transparent;text-align:left;font-size:13px;font-weight:400}.nav-dropdown button:hover,.nav-dropdown button.selected,.nav-dropdown button:focus-visible{color:var(--ink);background:#edf4ef;filter:none}.nav-dropdown button.selected{font-weight:750}

#waelchli_gbm,.cancer-context,.cancer-methods{display:none}.cancer-view #waelchli_gbm{display:flex;border-top:3px solid #ac5265}.cancer-view .umap-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:650px}.cancer-view .umap-grid>.panel:not(#waelchli):not(#waelchli_gbm):not(.bejarano-panel),.cancer-view .umap-row-label,.cancer-view .broad-row-label,.cancer-view .methods,.cancer-view .comparison-note{display:none}.cancer-view .controls{grid-template-columns:1.8fr 1fr 1.25fr}.cancer-view .bar-group-control,.cancer-view .cancer-context,.cancer-view .cancer-methods{display:block}.cancer-context{font-size:13px;color:var(--muted);line-height:1.6}.cancer-methods{margin:20px 0}.gbm-key{background:#ac5265}@media(max-width:700px){.cancer-view .controls{grid-template-columns:1fr 1fr}}

.cancer-view .bejarano-panel{display:flex}.cancer-view .chart-key{flex-wrap:wrap}.cancer-view .panel h2{font-size:24px}

.cancer-view .panel{scroll-margin-top:120px}

.disease-state-control{display:none;margin-bottom:18px}.cancer-view .disease-state-control{display:block}.disease-state-control label{display:block;font-weight:600;margin-bottom:8px}.disease-state-control select{width:100%;max-width:430px}.disease-state-control .help{display:block;margin-top:8px}

#disease-state{scroll-margin-top:160px}

.cancer-view .study-chart-scroll{height:455px}.cancer-view .study-chart-scroll svg{height:440px}

/* Keep every prototype summary chart inside its available panel width. */
.study-chart-scroll,.cancer-view .study-chart-scroll{height:auto;min-width:0}
.study-chart-scroll svg,.cancer-view .study-chart-scroll svg{width:100%;min-width:0;height:auto}

.cancer-view .umap-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;gap:16px}
.cancer-view .umap-grid>.panel{min-width:0}
.cancer-matrix-label{grid-column:1/-1;margin:12px 0 0;font-size:14px;color:var(--teal)}
.cancer-matrix-empty{align-self:start;padding:22px 12px;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted);font-size:13px}
.cancer-view .umap-grid .cohort{min-height:76px}
.cancer-view .umap-grid .plot-wrap{height:290px}
.cancer-view .umap-grid .panel-foot{flex-wrap:wrap;gap:5px}

.cancer-view .umap-grid .panel-head{padding:15px 12px 0}.cancer-view .umap-grid h2{font-size:19px}.cancer-view .umap-grid .cohort{padding:0 12px}.cancer-view .umap-grid .plot-wrap{height:255px;margin:8px 8px 0}.cancer-view .umap-grid .panel-foot{font-size:10px}

/* All-tissue overview: same cream, serif and teal language as main AtlasOverview. */
#atlas-overview{max-width:1500px;margin:auto;padding:0 4vw 48px;color:var(--ink)}
#atlas-overview[hidden]{display:none}.overview-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 6px}.overview-actions a,.overview-explorer-link{display:inline-block;background:#267d77;color:#fff;padding:13px 20px;border-radius:7px;text-decoration:none;font-size:14px;font-weight:600}.overview-actions .overview-secondary{background:transparent;border:1px solid #cbd2c9;color:#285a55}
.overview-snapshot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-snapshot h2,#study-directory h2{font-family:Georgia,serif;font-size:29px;font-weight:400}.overview-snapshot p,#study-directory>p,.overview-workspaces p,.overview-studies p,.overview-interpretation p{color:var(--muted);font-size:14px;line-height:1.7}.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.overview-metrics>div{border-left:1px solid var(--line);padding-left:18px}.overview-metrics strong{display:block;font:30px Georgia,serif;color:#214d47}.overview-metrics span{display:block;margin-top:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}
.overview-workspaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.overview-workspaces article,.overview-studies article{padding:25px;border:1px solid var(--line);border-radius:13px;background:#fffdf6}.overview-workspaces article{border-top:3px solid #328781;display:flex;flex-direction:column}.overview-workspaces h3,.overview-studies h3{font:26px Georgia,serif;margin:5px 0}.overview-workspaces a{margin-top:auto;padding-top:15px}.overview-workspaces a,.overview-studies a{color:#267d77;font-size:14px;font-weight:600;text-decoration:none}.overview-workspaces a:hover,.overview-studies a:hover{text-decoration:underline}.overview-interpretation{padding:22px 26px;border-left:3px solid #c69432;background:#eeeee4;margin:20px 0 38px}.overview-interpretation h3{margin:0;font:23px Georgia,serif}.overview-interpretation p:last-child{margin-bottom:0}.overview-studies{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 26px}.overview-studies h3{font-size:23px}.overview-studies .overview-study-count{font-size:12px;color:#285a55}.overview-explorer-link{margin-top:6px}#study-directory,#explorer{scroll-margin-top:90px}
@media(max-width:1050px){.overview-snapshot{align-items:flex-start;flex-direction:column}.overview-studies{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-metrics{width:100%}}@media(max-width:650px){.overview-workspaces,.overview-studies{grid-template-columns:1fr}.overview-metrics{grid-template-columns:repeat(2,1fr);gap:20px}.overview-actions a{width:100%;text-align:center}#atlas-overview{padding:0 20px 30px}}

.overview-actions{justify-content:center}

.reference-nav-group{padding:8px 0;border-bottom:1px solid var(--line);margin-bottom:6px}.reference-nav-group>strong{display:block;padding:8px 15px;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#267d77}.reference-nav-group>button{padding-left:26px!important}.all-tissue-tabs{display:flex;align-items:center;gap:24px;padding:16px 4vw;border-bottom:1px solid var(--line);background:#fffdf6}.all-tissue-tabs>span{font-weight:700;color:#345a54;margin-right:10px}.all-tissue-tabs a{padding:9px 0;color:#62756f;font-size:14px;text-decoration:none;border-bottom:2px solid transparent}.all-tissue-tabs a.selected{color:#267d77;border-bottom-color:#267d77;font-weight:700}#all-tissue-tabs[hidden],#explorer[hidden],.explorer-intro[hidden]{display:none!important}@media(max-width:600px){.all-tissue-tabs{gap:15px;flex-wrap:wrap}.all-tissue-tabs>span{width:100%}}

.reference-nav-subheading{display:block;padding:7px 24px;color:#345a54;font-size:13px;font-weight:600}.reference-nav-subgroup>button,.reference-nav-subgroup>a{padding-left:38px!important}

.bar-choice-list{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0}.bar-choice-list label{display:flex;align-items:center;gap:6px;font-weight:400;margin:0}.bar-choice-list input{width:auto;accent-color:#357f7b}.bar-celltype-control{margin-bottom:18px}.filter-label{font-weight:600}

.cancer-umap-picker{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0}
.umap-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.umap-picker-heading h2{font:23px Georgia,serif;margin:0 0 14px}.umap-picker-heading label{display:flex;align-items:center;gap:8px;white-space:nowrap}.umap-picker-heading input{width:auto;height:auto}
.umap-slot-selectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.umap-slot-selectors select{margin-top:7px;font-size:13px}.umap-slot-selectors[hidden]{display:none}
.cancer-view .umap-grid>.panel.umap-unselected{display:none!important}.cancer-view .umap-grid.four-umaps{grid-template-columns:repeat(3,minmax(0,1fr))}.cancer-view .four-umaps h2{font-size:24px}.cancer-view .four-umaps .plot-wrap{height:330px}
@media(max-width:750px){.umap-slot-selectors{grid-template-columns:1fr}.cancer-view .umap-grid.four-umaps{grid-template-columns:1fr}.umap-picker-heading{align-items:flex-start}}

.standard-umaps>.umap-row-label,.standard-umaps>.broad-row-label{display:none!important}.umap-grid>.panel.umap-unselected{display:none!important}
.umap-grid.standard-umaps{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}.standard-umaps .plot-wrap{height:330px}
#bar-study-picker{margin:12px 0 20px}#bar-study-picker details{border-top:1px solid var(--line)}#bar-study-picker .bar-choice-list{max-height:210px;overflow:auto}
@media(max-width:750px){.umap-grid.standard-umaps{grid-template-columns:1fr}}

.bar-selection-actions{display:flex;gap:8px;margin:5px 0}.bar-selection-actions button{padding:5px 10px;font-size:12px;background:transparent;border:1px solid var(--line);color:var(--ink)}

.annotation-review-note{font-size:12px;line-height:1.6;color:var(--muted);padding:10px 14px;border-left:3px solid var(--teal);background:var(--card)}

/* Shared compact expression-chart toolbar. */
#bar-study-picker.bar-toolbar{display:flex;gap:14px;align-items:end;max-width:none;margin:0 0 10px;position:relative;z-index:4}
.bar-toolbar-field{flex:1;min-width:0}.bar-toolbar-field[hidden]{display:none}.bar-toolbar-label{display:block;font-size:12px;font-weight:650;color:var(--ink);margin:0 0 7px}
#bar-study-picker.bar-toolbar details{position:relative;border:0;margin:0;max-width:none}
.bar-toolbar select,.bar-dropdown>summary{height:43px;width:100%;border:1px solid #c6d1c9;border-radius:6px;background:var(--card);padding:11px 30px 10px 11px;font-size:13px;font-weight:400;color:var(--ink)}
.bar-dropdown>summary{list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.bar-dropdown>summary::-webkit-details-marker{display:none}.bar-dropdown>summary:after{content:'▾';position:absolute;right:12px;top:13px;font-size:11px}
.bar-dropdown[open]>summary{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}
.bar-dropdown-content{position:absolute;left:0;top:49px;width:max(100%,290px);max-width:min(420px,85vw);background:var(--card);border:1px solid var(--line);border-radius:9px;padding:13px;box-shadow:0 10px 28px #172b2a24;z-index:20}
.bar-toolbar-field:last-child .bar-dropdown-content{left:auto;right:0}
#bar-study-picker .bar-dropdown-content .bar-choice-list{display:flex;flex-direction:column;flex-wrap:nowrap;gap:2px;max-height:260px;overflow:auto;margin:5px 0}
#bar-study-picker .bar-dropdown-content label{display:flex;align-items:center;gap:8px;padding:6px 2px;margin:0;font-size:13px;font-weight:400}
#bar-study-picker .bar-dropdown-content input{width:15px;height:15px;padding:0;flex-shrink:0;accent-color:var(--teal)}
.bar-dropdown-content .help{font-size:11px;margin:4px 0 9px;max-width:290px}.bar-toolbar-note{margin:0 0 16px}.bar-toolbar~.chart-key{padding-bottom:9px}
@media(max-width:850px){#bar-study-picker.bar-toolbar{flex-wrap:wrap}.bar-toolbar-field{flex:1 1 calc(33% - 14px)} }
@media(max-width:520px){.bar-toolbar-field{flex:1 1 calc(50% - 14px)}.bar-dropdown-content{max-width:82vw;width:260px}.bar-toolbar-field:nth-child(even) .bar-dropdown-content{left:auto;right:0}}

.bar-study-section{border:0;border-top:1px solid #d7ddd6;margin:8px 0 0;padding:8px 0 0;min-width:0}.bar-study-section legend{font-weight:700;color:#346a68;padding:0 8px 0 0}.bar-study-section label{display:flex;gap:8px;align-items:center;padding:5px 0}

/* Keep UMAP controls next to their plots; scales travel with each card. */
#explorer>.legend-area{display:none}
.umap-local-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 9px;padding:8px 12px;font-size:11px;line-height:1.4;max-height:105px;overflow:auto;border-top:1px solid #e2e6df}
.umap-local-legend strong{width:100%;text-align:center;font-size:11px}
.umap-local-legend .color-ramp{display:inline-block;width:110px;min-width:70px;height:8px;border-radius:3px;background:linear-gradient(90deg,#3268bd,#c9c9c9,#c8323c)}
.umap-local-legend .legend-item{display:inline-flex;align-items:center;gap:4px}
.umap-local-legend .legend-item i{display:inline-block;width:8px;height:8px;border-radius:50%}
#explorer .cancer-umap-picker{padding:12px 16px;margin:8px 0 12px}
#explorer .umap-picker-heading{margin-bottom:8px}
#explorer .umap-picker-heading h2{font-size:19px;margin:0}
#explorer .umap-slot-selectors{margin-top:8px;gap:12px}
#explorer .cancer-umap-picker p.help{margin:6px 0 0;font-size:11px}
#explorer .controls{padding:14px 18px}
#gene-tabs{margin:8px 0}

#explorer .status-row{display:flex;align-items:center;gap:12px;margin:6px 0 8px;min-height:30px}
#explorer .status-row #gene-tabs{margin:0;display:flex;gap:5px;flex-shrink:0}
#explorer .status-row #status{margin:0;flex:1;font-size:12px}
#explorer .status-row #reset{margin-left:auto;white-space:nowrap}
.cell-filter-row{display:flex;gap:6px;align-items:stretch}.cell-filter-row>select{min-width:0;flex:1}
.cell-filter-row details{position:relative;min-width:100px}.cell-filter-row details[hidden]{display:none}
.cell-filter-row summary{border:1px solid #bfcec7;border-radius:5px;padding:12px 8px;cursor:pointer;font-size:12px;white-space:nowrap}
.cell-filter-row .bar-dropdown-content{z-index:30;min-width:300px}
.cell-filter-row .bar-choice-list{max-height:280px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;flex-wrap:nowrap;gap:5px}
.cell-filter-row .bar-choice-list label{display:flex;align-items:center;gap:6px;font-weight:400;font-size:12px;flex-shrink:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:700px){#explorer .status-row{flex-wrap:wrap}.cell-filter-row{flex-wrap:wrap}}
/* Anchor the cell-label popup below its own trigger, including Chromium's details content box. */
#cell-filter-picker{position:relative;overflow:visible}
#cell-filter-picker::details-content{position:absolute;top:calc(100% + 6px);right:0;left:auto;width:300px;max-width:85vw;z-index:40}
#cell-filter-picker .bar-dropdown-content{position:static;width:100%;min-width:0;max-width:none;margin:0}
#cell-filter-picker input[type="checkbox"]{width:15px;height:15px;padding:0;flex-shrink:0}
#cell-filter-picker summary{position:relative}

.umap-local-legend{position:relative;flex-shrink:0;min-height:32px;max-height:140px;overflow-y:auto;overflow-x:hidden;background:var(--card);margin:0;align-content:start}.umap-local-legend .legend-item{max-width:100%;white-space:normal;text-align:left;align-items:flex-start}.umap-local-legend .legend-item i{flex:0 0 8px;margin-top:4px}.umap-local-legend .legend-item span{overflow-wrap:anywhere}

.brain-view .controls{grid-template-columns:1.8fr 1fr 1.25fr 1fr}
#umap-region-control[hidden]{display:none}
#umap-region-picker{position:relative}
#umap-region-picker summary{position:relative}
#umap-region-picker::details-content{position:absolute;top:calc(100% + 6px);right:0;width:320px;max-width:85vw;z-index:45}
#umap-region-picker .bar-dropdown-content{position:static;width:100%;max-width:none}
#umap-region-options{display:flex;flex-direction:column;max-height:280px;overflow:auto;gap:4px}
#umap-region-options label{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:400}
#umap-region-options input{width:15px;height:15px;flex-shrink:0;padding:0}
@media(max-width:1050px){.brain-view .controls{grid-template-columns:1fr 1fr}}

#ad-umap-conditions-picker{position:relative;max-width:420px;border:0;padding:0}
#ad-umap-conditions-picker .bar-dropdown-content{max-height:360px;overflow:auto}
#ad-umap-conditions-picker .bar-choice-list{display:flex;flex-direction:column;gap:8px}

/* Shared four-panel comparison across every explorer. */
.umap-slot-selectors,.umap-grid.standard-umaps,.cancer-view .umap-grid.four-umaps{grid-template-columns:repeat(4,minmax(0,1fr));min-width:0}
.umap-grid.four-umaps h2{font-size:21px}
@media(max-width:950px){.umap-slot-selectors,.umap-grid.standard-umaps,.cancer-view .umap-grid.four-umaps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.umap-slot-selectors,.umap-grid.standard-umaps,.cancer-view .umap-grid.four-umaps{grid-template-columns:1fr}}
@media(min-width:951px){.meninges-view .umap-slot-selectors,.meninges-view .umap-grid.standard-umaps{grid-template-columns:repeat(var(--meninges-columns,3),minmax(0,1fr))}}
.meninges-view .umap-slot-selectors>label[hidden]{display:none!important}

/* Within-study descriptive comparison workspace. */
.comparison-page{max-width:1440px;margin:auto;padding:24px 40px 60px}.compare-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:22px}.compare-toolbar label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600}.compare-toolbar select,.compare-toolbar input{width:100%;min-width:0;height:42px}.compare-toolbar>button{align-self:end;height:42px;background:#287f79;color:white;border:0;border-radius:6px}.compare-context{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px}.compare-context p{font-size:13px;margin:9px 0}.compare-context small{color:var(--muted)}.compare-type-section>h2{display:flex;align-items:center;gap:18px;font:24px Georgia,serif}.compare-type-section>h2 span{flex:1;border-bottom:1px solid var(--line)}.compare-gene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.compare-plot{overflow:hidden}.compare-plot svg{display:block;width:100%;height:auto}.compare-export{display:flex;justify-content:flex-end;gap:7px;padding:10px;border-top:1px solid var(--line)}.compare-export button{padding:5px 12px;background:white;border:1px solid var(--line);border-radius:5px}.nav-dropdown .reference-nav-subgroup>a{display:block;padding:9px 12px;font-size:13px;color:inherit}.comparison-page[hidden]{display:none}
@media(max-width:950px){.compare-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-gene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.comparison-page{padding:16px}.compare-toolbar,.compare-context,.compare-gene-grid{grid-template-columns:1fr}}

.compare-export button{color:#284449}.comparison-page .help{font-size:12px}

.umap-grid > article[hidden]{display:none!important}
.site-header{display:flex;justify-content:flex-start;min-height:0;padding:12px 24px}.site-header .badge{display:none}
@media(max-width:600px){.controls,.brain-view .controls{grid-template-columns:1fr!important}.cell-filter-row select{min-width:150px}}
#source-rights{padding:24px;max-width:1400px;margin:auto;font-size:13px;line-height:1.6}

/* The module navigation is left-aligned inside the atlas shell. */
.site-header nav{overflow:visible}
.references-footer{max-width:1200px;margin:24px auto;padding:0 24px;font-size:14px}
#reference-view-menu{left:0;right:auto;width:270px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 100px);overflow-y:auto}
#reference-view-menu::before{left:28px;right:auto}