.layer-switch { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:46rem; border-radius:1rem; }
.layer-switch a { padding:.7rem .4rem; }
.comparison-card { margin-top:1rem; }
.comparison-card h2 { margin:.4rem 0 1rem; font-size:clamp(1.8rem,4vw,2.8rem); }
.comparison-card .comparison-copy { max-width:42rem; margin:.75rem 0; font-size:1rem; line-height:1.6; color:var(--cream); }
.comparison-controls { display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin:1.25rem 0; }
.comparison-controls select { padding:.65rem; color:var(--cream); background:var(--dusk); border:1px solid #b9ddd5; border-radius:.5rem; font:inherit; }
.comparison-legend { display:flex; flex-wrap:wrap; gap:1rem; margin:1rem 0; font-size:1rem; }
.comparison-legend span { display:flex; align-items:center; gap:.5rem; }
.comparison-legend i { display:block; width:1.75rem; border-top:3px solid var(--series-color); }
.comparison-legend [data-kind="air"] i { border-top-style:dashed; }
.comparison-legend [data-kind="bottom"] i { border-top-style:dotted; }
.comparison-plot { border:1px solid #786a80; border-radius:1rem; padding:.5rem; margin:1rem 0; }
.comparison-plot svg { display:block; width:100%; height:300px; }
.comparison-plot [hidden] { display:none!important; }
.comparison-plot text { fill:var(--cream); font:700 14px var(--sans); }
.comparison-card output { display:block; min-height:3em; font-size:1rem; color:#b9ddd5; }
.comparison-card input[type="range"] { width:100%; min-height:44px; accent-color:#b9ddd5; }
.comparison-card .comparison-note { font-size:.9rem; line-height:1.6; }
.comparison-readings { max-height:20rem; overflow:auto; }
.comparison-readings table { width:100%; border-collapse:collapse; font-size:.9rem; }
.comparison-readings th,.comparison-readings td { padding:.5rem; text-align:left; border-bottom:1px solid #786a80; }
.comparison-card summary { padding:1rem 0; cursor:pointer; }
.comparison-empty { padding:2rem .5rem; line-height:1.6; }
@media(max-width:36rem){.layer-switch a{font-size:.875rem;letter-spacing:0}.comparison-plot svg{height:260px}.comparison-readings th,.comparison-readings td{padding:.5rem .25rem}}