/* A single public benchmark cohort. */
.benchmark-top { gap:18px; flex-wrap:wrap; }
.benchmark-dataset { margin-left:auto; text-align:right; }
.benchmark-dataset strong { display:block; font:500 12px var(--display); color:var(--ink); }
.benchmark-dataset span { display:block; font:9px var(--mono); color:var(--muted); margin-top:5px; }
/* Dense sequence excerpts remain readable as sequences. */
.ds-residue { font:500 16px var(--mono); }
.ds-output-index { font:9px var(--mono); }
.ds-shared-tag { font:8px var(--mono); letter-spacing:.2px; }
.sharing-inspector { display:flex; flex-wrap:wrap; gap:7px; margin-top:20px; }
.sharing-inspector>span { width:100%; font:10px/1.6 var(--mono); color:#657c90; margin-bottom:5px; }
.sharing-inspector button { padding:8px 10px; border:1px solid #cbd9e5; border-radius:4px; background:transparent; font:11px 'DM Sans',sans-serif; color:#647c93; }
.sharing-inspector button[aria-pressed=true] { color:#326ca3; background:#e6f0fa; border-color:#7ca7cf; }
.sharing-inspector button:nth-of-type(2)[aria-pressed=true] { color:#b75b35; background:#fff0e5; border-color:#d49b7e; }
.reading-tiles.reading-residue-output { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px; }
.reading-residue-output>span { min-width:0; padding:5px 0; font-size:12px; border-radius:3px; }
.reading-shared p { padding:12px; border-radius:5px; border:1px solid #b5cfe4; background:#eaf3fb; font-size:12px; margin:0 0 10px; }
.reading-shared p.is-protein { background:#fff0e7; border-color:#e8c2a9; }
.reading-shared strong { font-weight:500; }.reading-shared small { font:10px/1.7 var(--mono); color:#788b9e; }
/* Full-corpus coverage is independent of the stratified map sample. */
.atlas-coverage-story { display:grid; grid-template-columns:.85fr 1.3fr; gap:24px 65px; padding:38px 42px 22px; margin-top:35px; background:linear-gradient(115deg,#fff4eb 0%,#f4f7fa 45%,#edf4fb 100%); border:1px solid #dbe4ec; border-radius:12px; }
.coverage-stat { padding-top:8px; }
.coverage-stat>.micro,.coverage-expansion>.micro { font-size:9px; letter-spacing:1px; color:#7a8c9b; }
.coverage-stat>strong { display:block; font:500 clamp(60px,6vw,88px)/1.08 var(--display); letter-spacing:-4px; color:#c3683c; margin-top:20px; }
.coverage-stat>strong small { font:400 34px var(--display); margin-left:5px; letter-spacing:-1px; }
.coverage-stat>p { font:500 18px/1.5 var(--display); color:#5f7387; margin:13px 0; }
.coverage-stat>span:last-child { font:10px/1.7 var(--mono); color:#8c8e8c; display:block; }
.coverage-expansion h3 { font:500 35px/1.12 var(--display); letter-spacing:-1.2px; margin:12px 0 15px; }
.coverage-expansion h3 em { font-style:normal; color:#397cbb; }
.coverage-expansion>p { font-size:14px; color:#667e91; line-height:1.8; max-width:540px; }
.coverage-expansion>p strong { color:#3c6d98; font-weight:500; }
.coverage-comparison { margin-top:23px; }
.coverage-comparison>div { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:16px; font-size:10px; color:#647b8f; }
.coverage-comparison b { font:10px var(--mono); font-weight:400; }
.coverage-comparison i { display:block; grid-column:1/-1; height:8px; background:#dce5ec; border-radius:2px; overflow:hidden; }
.coverage-comparison i>span { display:block; height:100%; background:#cb7b49; }
.coverage-comparison>div:nth-child(2) i>span { background:linear-gradient(90deg,#91b7d8,#4386bf); }
.coverage-method { grid-column:1/-1; border-top:1px solid #d5dfe8; padding-top:17px; color:#7a8c9b; font-size:10px; line-height:1.75; margin:0; }
.coverage-method a { color:#4a7b9e; white-space:nowrap; margin-left:8px; }
.atlas-layers { display:flex; flex-wrap:wrap; gap:4px; }
.atlas-layers button { font-size:10px; }
.atlas-dot.description { background:#397cbb; }
.atlas-map[data-layer=descriptions] .atlas-map-label small { color:#397cbb; }
.atlas-map-caption>span { line-height:1.8; }
.atlas-map-caption .atlas-dot { flex-shrink:0; }
@media(max-width:1100px) { .atlas-coverage-story { gap:25px; padding:28px; }.coverage-expansion h3 { font-size:29px; }.coverage-stat>strong { font-size:65px; }.atlas-map-toolbar { flex-wrap:wrap; } }
@media(max-height:800px) and (min-width:1101px) { .sharing-inspector { margin-top:12px; }.sharing-inspector>span { font-size:9px; }.story-beat h3 { font-size:30px; }.sharing-inspector button { padding:6px 8px; } }
@media(max-width:780px) { .atlas-coverage-story { grid-template-columns:1fr; gap:28px; padding:25px 22px 20px; }.coverage-stat>strong { font-size:72px; }.coverage-stat>p { font-size:17px; }.coverage-expansion { border-top:1px solid #d5dfe8; padding-top:24px; }.coverage-expansion h3 { font-size:32px; }.coverage-expansion>p { font-size:13px; }.coverage-method { font-size:9px; }.benchmark-dataset { width:100%; margin-left:0; text-align:left; padding-top:12px; border-top:1px solid var(--line); }.atlas-map-toolbar>.micro { display:none; }.atlas-layers { gap:2px; }.atlas-layers button { font-size:9px; padding:8px 6px; }.reading-tiles.reading-residue-output { gap:3px; }.reading-residue-output>span { font-size:11px; } }