.comparison-workspace { color:var(--text); font-size:1rem; display:grid; gap:1.25rem; }
.comparison-workspace h2 { font-size:1.65rem; font-weight:800; }
.comparison-workspace h3 { font-size:1.1rem; font-weight:750; margin-bottom:.6rem; }
.comparison-workspace h4, .comparison-workspace figcaption { font-weight:700; margin:.6rem 0; }
.comparison-workspace p { color:var(--muted); line-height:1.55; margin:.35rem 0; }
.comparison-workspace button,.comparison-workspace select { border:1px solid var(--border); border-radius:.5rem; background:var(--surface-2); color:var(--text); font-size:.875rem; padding:.7rem; min-height:44px; max-width:100%; }
.comparison-workspace button:disabled,.comparison-workspace select:disabled { opacity:.6; }
.comparison-workspace button:focus-visible,.comparison-workspace select:focus-visible,.comparison-workspace canvas:focus-visible { outline:3px solid var(--focus-ring); outline-offset:2px; }
.comparison-workspace label { display:grid; gap:.4rem; font-size:.875rem; min-width:0; }
.comparison-workspace select { width:100%; text-overflow:ellipsis; }
.compare-heading,.compare-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; justify-content:space-between; }
.compare-toolbar { justify-content:flex-start; }
.compare-participants { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.compare-participant { background:var(--surface); border:1px solid var(--border); border-top:3px solid var(--lap-0); border-radius:.75rem; padding:1.25rem; display:grid; gap:1rem; min-width:0; }
.compare-participant[data-side="1"] { border-top-color:var(--lap-1); }
.compare-lap-control { display:flex; align-items:end; gap:.6rem; }
.compare-lap-control label { flex:1; }
.compare-identity { overflow-wrap:anywhere; font-size:.875rem; color:var(--muted); line-height:1.5; }
#comparisonResults > section { background:var(--surface); border:1px solid var(--border); border-radius:.75rem; padding:1.25rem; margin-top:1rem; min-width:0; }
.compare-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.compare-notice { padding:.7rem 1rem; border-left:3px solid var(--amber); background:var(--surface-2); }
.compare-table-wrap { overflow-x:auto; max-width:100%; }
.comparison-workspace table { width:100%; border-collapse:collapse; font-size:.875rem; table-layout:fixed; }
.comparison-workspace th,.comparison-workspace td { text-align:left; padding:.65rem; border-bottom:1px solid var(--border); vertical-align:top; overflow-wrap:anywhere; }
.comparison-workspace th { font-weight:650; }
.compare-charts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.comparison-workspace canvas { display:block; width:100%; height:210px; background:var(--chart-background); touch-action:none; border-radius:.5rem; }
.compare-cursor { font-size:.875rem; padding:.8rem; line-height:1.6; border:1px solid var(--border); margin:.7rem 0; border-radius:.5rem; }
#comparisonDistance { width:100%; min-height:36px; }
#comparisonMap { height:330px; border-radius:.5rem; margin-top:1rem; }
.compare-map-marker { display:grid; place-items:center; width:26px; height:26px; border:2px solid white; border-radius:50%; color:#111; font-weight:800; }
.comparison-workspace [hidden] { display:none !important; }
@media(max-width:720px) { .compare-participants,.compare-charts,.compare-metrics { grid-template-columns:1fr; } .compare-toolbar { align-items:stretch; } .compare-toolbar label { width:100%; } .comparison-workspace th,.comparison-workspace td { padding:.4rem; } #comparisonResults > section,.compare-participant { padding:.85rem; } }

/* V116 extends the existing Map & Strategy surface. */
.overlay-workspace { margin-bottom:1rem; padding:1.1rem; font-size:1rem; color:var(--text); }
.overlay-heading,.overlay-actions,.overlay-shortcuts { display:flex; flex-wrap:wrap; align-items:center; gap:.65rem; }
.overlay-heading { justify-content:space-between; }
.overlay-heading h2 { font-size:1.2rem; font-weight:750; }
.overlay-heading p,.overlay-notice { color:var(--muted); line-height:1.5; margin:.5rem 0; }
.overlay-workspace label { display:block; font-size:.875rem; }
.overlay-workspace select { width:100%; min-height:2.5rem; margin:.25rem 0 .7rem; background:var(--surface-2); color:var(--text); border:1px solid var(--border); border-radius:.4rem; padding:.5rem; }
.overlay-workspace button { font-size:.875rem; padding:.5rem .7rem; min-height:2.5rem; border:1px solid var(--border); border-radius:.4rem; background:var(--surface-2); color:var(--text); }
.overlay-workspace button:hover { background:var(--surface-3); }
.overlay-participants,.overlay-selected { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.overlay-participants>section,.overlay-selected>section { min-width:0; border:1px solid var(--border); border-radius:.5rem; padding:.8rem; }
.overlay-participants h3,.overlay-selected h4 { font-size:.875rem; font-weight:750; margin-bottom:.7rem; }
.overlay-lap-list { max-height:16rem; overflow:auto; margin-top:.75rem; }
.overlay-lap-list label { display:flex; gap:.5rem; align-items:center; margin:.2rem 0; padding:.45rem .5rem; border:1px solid transparent; border-radius:.4rem; }
.overlay-lap-list label:has(input:checked) { border-color:var(--trace-color,var(--border-strong)); background:color-mix(in srgb,var(--trace-color,var(--teal)) 12%,transparent); }
.overlay-lap-list input { width:1.1rem; height:1.1rem; flex-shrink:0; accent-color:var(--trace-color,var(--teal)); }
.overlay-trace-row { display:flex; align-items:center; flex-wrap:wrap; gap:.4rem; padding:.5rem 0; font-size:.875rem; }
.overlay-trace-row>span:nth-child(2) { flex:1 1 9rem; }
.overlay-trace-row small { display:block; color:var(--muted); }
.overlay-trace-code { border:2px solid var(--trace-color); border-radius:.3rem; font-weight:800; padding:.2rem; }
.overlay-table-wrap { max-width:100%; overflow:auto; margin:.75rem 0; }
.overlay-table-wrap table { width:100%; font-size:.875rem; border-collapse:collapse; }
.overlay-table-wrap th,.overlay-table-wrap td { text-align:left; padding:.55rem; border-bottom:1px solid var(--border); }
#overlayCursor { display:block; width:100%; min-height:2.5rem; }
.overlay-map-marker { display:grid; place-items:center; min-width:27px; height:27px; padding:0 3px; border:2px solid white; border-radius:50%; color:#111; font-weight:800; }
.overlay-map-marker[hidden] { display:none; }
.cross-profile-overlay-active .track-notes-card,.cross-profile-overlay-active .circuit-jump-bar,.cross-profile-overlay-active #mapLapControls,.cross-profile-overlay-active #telemetryLapControls,.cross-profile-overlay-active #circuitDetectionPanel,.cross-profile-overlay-active .telemetry-scrub-hint,.cross-profile-overlay-active .map-control-grid>label:nth-child(1),.cross-profile-overlay-active .map-control-grid>label:nth-child(3) { display:none!important; }
.cross-profile-overlay-active .track-studio-layout { grid-template-columns:minmax(0,1fr); }
.cross-profile-overlay-active .telemetry-delta-legend { display:flex; flex-wrap:wrap; gap:.6rem; font-size:.875rem; }
@media(max-width:720px) { .overlay-participants,.overlay-selected { grid-template-columns:1fr; } .overlay-heading>label { width:100%; } .overlay-workspace { padding:.8rem; } }

/* V134: keep long provenance/session labels inside the existing responsive columns. */
.compare-participant,.overlay-participants>section{min-width:0;}
.compare-participant select,.overlay-participants select{max-width:100%;width:100%;text-overflow:ellipsis;}
#comparisonMapReason,#comparisonConfounds{overflow-wrap:anywhere;}
#comparisonDifferencesOnly{width:auto;min-height:1.25rem;}
