/* Comparison is full width on desktop, with measured values below the plot. */
.overview-layout:has(.comparison-root){grid-template-columns:minmax(0,1fr)}
.overview-layout:has(.comparison-root) .latest-panel{margin-top:0}
.overview-layout:has(.comparison-root) #latest-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.comparison-root{min-width:0}.comparison-rows{display:grid;gap:9px;margin:16px 0}.comparison-row{display:flex;align-items:end;gap:12px;border-left:3px solid var(--trace);padding-left:12px}.comparison-row label{flex:1;min-width:0;color:var(--trace);font-size:12px}.comparison-row select{display:block;width:100%;max-width:100%;margin-top:5px;color:#e9f2f7}.comparison-row .button{font-size:11px;min-height:40px;padding:8px 10px}.comparison-tools{display:flex;flex-wrap:wrap;gap:8px}.comparison-tools .button{font-size:12px;padding:8px 12px;min-height:38px}.comparison-range{font-size:12px;color:#c0d2de;margin:18px 0 8px;font-variant-numeric:tabular-nums}.comparison-plot{min-width:0;min-height:300px}.comparison-plot svg{display:block;width:100%;touch-action:pan-y;cursor:crosshair}.comparison-plot svg:focus-visible{outline:2px solid #ffcb39;outline-offset:3px}.comparison-plot text{font:11px system-ui;fill:#afc4d1}.comparison-plot .comparison-axis text{fill:inherit}.comparison-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:100px}.comparison-cursor{grid-column:1/-1;margin:3px 0;font-size:12px;color:#afc4d1}.comparison-value{border-top:2px solid var(--trace);padding:9px 0;display:grid;gap:4px;font-size:12px}.comparison-value strong{color:var(--trace);font-weight:600}.comparison-value small,.comparison-value span{color:#b4c8d5}.comparison-hint{margin-top:8px}.comparison-root .table-scroll{max-height:340px}.comparison-root .data-details{margin-top:12px}
@media(max-width:600px){.comparison-values{grid-template-columns:1fr;gap:3px;min-height:100px}.comparison-value{padding:7px 0}.comparison-row{gap:6px;padding-left:8px}.comparison-row .button{max-width:70px}.comparison-tools{gap:6px}.comparison-tools .button{font-size:11px;padding:7px 9px}.comparison-plot text{font-size:10px}}

.comparison-device{display:block;color:#b4c8d5;margin-top:5px;font-size:11px;overflow-wrap:anywhere}
@media(max-width:600px){.comparison-values:empty{min-height:25px}.comparison-row .button{align-self:center;max-width:none;white-space:normal}}