#browse-data { --comp-line:#dce5eb; --comp-muted:#607484; --comp-blue:#205d83; }
#browse-data[data-browse-mode="compendia"] #tabs-level-1,
#browse-data[data-browse-mode="compendia"] #studies-results,
#browse-data[data-browse-mode="studies"] #compendia-navigator,
#browse-data[data-browse-mode="studies"] #compendia-results { display:none; }
.compendia-modes { display:flex; gap:28px; border-bottom:1px solid var(--comp-line); margin-bottom:20px; }
.compendia-modes button { border:0; border-bottom:3px solid transparent; background:none; padding:10px 0; color:var(--comp-muted); font:inherit; }
.compendia-modes button[aria-pressed="true"] { border-bottom-color:var(--comp-blue); color:var(--comp-blue); font-weight:600; }
#compendia-navigator { border:1px solid var(--comp-line); border-radius:10px; padding:16px 20px; margin-bottom:18px; background:#fff; }
.compendia-treehead { display:flex; justify-content:space-between; gap:12px; font-size:12px; color:var(--comp-muted); }
#compendia-tree { position:relative; min-height:260px; }
#compendia-tree svg { position:absolute; width:100%; height:100%; pointer-events:none; }
#compendia-tree svg path { stroke:var(--comp-line); fill:none; stroke-width:1.5; }
#compendia-tree svg path.selected { stroke:var(--comp-blue); }
.compendia-columns { display:flex; gap:26px; align-items:center; min-height:260px; padding:14px 0; }
.compendia-column { flex:1; min-width:0; display:flex; flex-direction:column; gap:8px; position:relative; max-height:365px; overflow-y:auto; padding:3px; }
.compendia-column:last-child:not(:first-child) { flex:1.5; }
.compendia-node { display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; border:1px solid var(--comp-line); background:#fff; border-radius:6px; padding:10px 12px; text-align:left; color:#354b5b; font:inherit; font-size:13px; line-height:1.4; }
.compendia-node[aria-pressed="true"] { border-color:var(--comp-blue); background:#edf5fb; color:var(--comp-blue); }
.compendia-node small { color:var(--comp-muted); font-size:11px; white-space:nowrap; }
.compendia-node:focus-visible, .compendia-modes button:focus-visible, #compendia-modalities button:focus-visible { outline:2px solid var(--comp-blue); outline-offset:2px; }
#compendia-summary { display:flex; justify-content:space-between; gap:12px; border-top:1px solid var(--comp-line); padding-top:12px; color:var(--comp-blue); font-size:13px; }
#compendia-summary span:last-child { color:var(--comp-muted); }
#compendia-modalities { display:flex; flex-wrap:wrap; gap:7px; margin:4px 0 12px; }
#compendia-modalities button { border:1px solid var(--comp-line); border-radius:20px; padding:6px 11px; font:inherit; font-size:12px; background:#f6f8fa; color:#3e5667; }
#compendia-modalities button[aria-pressed="true"] { color:white; background:var(--comp-blue); border-color:var(--comp-blue); }
#compendia-modalities button:disabled { opacity:.45; }
.compendia-count-note { font-size:12px; line-height:1.5; color:var(--comp-muted); max-width:920px; }
#compendia-table { font-size:14px; border-collapse:collapse; }
#compendia-table th { font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--comp-muted); }
#compendia-table td { padding:15px 10px; border-bottom:1px solid var(--comp-line); vertical-align:top; }
#compendia-table th:nth-child(4) { width:50%; }
/* superseded by .compendia-num below; kept out so Species is not right-aligned */
#compendia-table a { color:var(--comp-blue); }
.compendia-dataset-id { display:block; font-size:11px; margin-top:5px; color:var(--comp-muted); }
.compendia-badge { display:inline-block; border-radius:5px; padding:4px 8px; font-size:12px; font-weight:600; white-space:nowrap; background:#edf0f3; color:#425363; }
.compendia-badge--scrnaseq { background:#e5efff; color:#23579a; }
.compendia-badge--rnaseq { background:#e1f3f1; color:#19655c; }
.compendia-badge--proteomics { background:#eee8fa; color:#664594; }
.compendia-badge--lipidomics { background:#fff0d8; color:#805315; }
.compendia-badge--metabolomics { background:#fce5ed; color:#98445d; }
.compendia-badge--spatial-transcriptomics { background:#e8f2dc; color:#4b6824; }
.compendia-badge--spatial-imaging { background:#fce8db; color:#964b25; }
.compendia-table-scroll { overflow-x:auto; }
@media(max-width:800px) {
 .compendia-columns { gap:8px; align-items:stretch; flex-direction:column; }
 .compendia-column { max-height:250px; border-left:2px solid var(--comp-line); padding-left:10px; }
 #compendia-tree svg { display:none; }
 .compendia-treehead, #compendia-summary { flex-direction:column; }
 #compendia-table { min-width:860px; }
 #compendia-navigator { padding:12px; }
}

#compendia-table th:first-child, #compendia-table td:first-child { text-align:left; }

/* Samples is numeric; Other modalities is a wide stack
   of badges. The old rule aligned the fourth column right by position, which
   moved to Species when two columns were inserted. */
#compendia-table .compendia-num { text-align:right; }
#compendia-table th:nth-child(4) { width:38%; }
#compendia-table th { vertical-align:bottom; line-height:1.35; }
.compendia-shared { display:flex; flex-wrap:wrap; gap:4px; width:575px; max-width:575px; }
#compendia-table th:last-child,
#compendia-table td:last-child { width:575px; min-width:575px; }
.compendia-shared a.compendia-badge { text-decoration:none; font-size:11px; padding:3px 7px; }
.compendia-shared a.compendia-badge small { margin-left:5px; opacity:.75; font-weight:400; }
.compendia-shared a.compendia-badge:hover { text-decoration:underline; }
.compendia-none { color:var(--comp-muted); }
.compendia-citations { display:flex; flex-direction:column; gap:4px; min-width:145px; }
.compendia-lungmap { color:var(--comp-muted); white-space:nowrap; }