.comparative-hero-card{align-self:end;padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}
.comparative-hero-card p{margin:.55rem 0 0;color:var(--muted)}
.comparative-shell{align-items:start}.comparative-plots{grid-template-columns:repeat(2,minmax(0,1fr))}.comparative-plots svg{width:100%;min-width:0;height:auto}
.compare-fixed{fill:color-mix(in srgb,var(--accent) 18%,transparent);stroke:var(--accent);stroke-width:3}.compare-center{fill:var(--accent-2)}.compare-tube{fill:none;stroke:var(--accent);stroke-width:2;opacity:.28}.compare-tube.is-final{opacity:.9;stroke-width:3}.compare-centerline{fill:none;stroke:var(--accent-2);stroke-width:2.2;stroke-dasharray:7 7}.compare-label{fill:var(--muted);font:700 13px ui-monospace,monospace}
.comparative-metrics strong{font-size:1.15rem}.comparison-scroll-hint{display:none;margin:1rem 0 .45rem;color:var(--muted);font-size:.76rem}.comparison-table-wrap{margin-top:1.5rem;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);scrollbar-gutter:stable}.comparison-table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.comparison-table{width:100%;min-width:760px;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:.8rem .9rem;border-bottom:1px solid var(--line);text-align:left;font-size:.82rem}.comparison-table th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.comparison-table tr:last-child td{border-bottom:0}.comparison-table tr.is-selected{background:var(--bg-soft)}.comparison-table code{color:var(--accent)}
.nav-global-labs{display:grid;gap:.35rem;padding:.55rem 0 .8rem;border-bottom:1px solid var(--line);margin-bottom:.35rem}.nav-global-labs a{display:block;padding:.62rem .72rem;border-radius:9px;text-decoration:none;color:var(--muted);font-size:.8rem}.nav-global-labs a:hover,.nav-global-labs a.is-current{color:var(--text);background:var(--bg-soft)}
.global-lab-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.4rem}.global-lab-card{padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--panel-gradient-end))}.global-lab-card>div{display:flex;justify-content:space-between;gap:1rem}.global-lab-card h3{margin:.8rem 0 .35rem}.global-lab-card p{color:var(--muted);max-width:820px}.global-lab-card .button{display:inline-flex;margin-top:.4rem}
@media(max-width:980px){.comparative-plots{grid-template-columns:1fr}}
@media(max-width:620px){.comparative-shell{display:block}.comparative-shell .control-panel{margin-top:1rem}.comparative-plots .plot-card{overflow:hidden}.comparative-plots svg{width:100%;min-width:0;aspect-ratio:1/1}.comparison-scroll-hint{display:block}.comparison-table-wrap{margin-top:.45rem;margin-inline:0;-webkit-overflow-scrolling:touch}}
/* A10 control/axis additions on top of the shared chapter/lab contract. */
.comparative-page .axis-line{stroke:var(--line-strong);stroke-width:1.5}
.comparative-page .control select{width:100%;margin-top:.55rem;padding:.55rem;border:1px solid var(--line);border-radius:8px;background:var(--bg-soft);color:var(--text)}
.comparative-page .control output{color:var(--text);font-weight:750}