/* Live coaching and expanded timing. Loaded after the shared dashboard styles. */
.header-inner { gap: 32px; }
.primary-nav { gap: 22px; }
.nav-demo { align-self: center; display: inline-flex; align-items: center; height: 20px; padding: 3px 6px; border: 1px solid color-mix(in srgb, var(--accent) 25%, var(--line)); border-radius: 4px; background: var(--accent-dim); color: var(--accent); font-size: 8px; font-weight: 750; letter-spacing: .05em; }
.header-actions .demo-badge { padding: 5px 7px; font-size: 8px; }
.shell { padding-top: 20px; }
.session-header { margin-bottom: 16px; }
.demo-banner { margin-bottom: 16px; }
.metrics-grid { margin-bottom: 18px; }
.metric-card { padding-top: 11px; padding-bottom: 11px; }
.workspace-top { padding-top: 15px; padding-bottom: 12px; }
.toolbar { padding-bottom: 14px; }
.speed-mode-bar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin: 0 0 17px; }
.speed-mode-bar .segmented { padding: 3px; border-radius: 8px; }
.speed-mode-bar .segmented button { min-height: 31px; padding: 6px 13px; border-radius: 5px; font-size: 11px; }
.speed-mode-bar .segmented button.active { color: var(--accent); background: var(--accent-dim); }
.speed-mode-bar > p, .speed-mode-bar > span { color: var(--muted); font-size: 11px; }
#live-coaching-view, #historical-comparison-view { min-width: 0; scroll-margin-top: 80px; }
.coaching-intro { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 5px 16px; margin-bottom: 14px; }
.coaching-intro h3 { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.coaching-intro p { max-width: 680px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.coaching-controls { display: grid; grid-template-columns: minmax(350px, 440px) minmax(0, 1fr); align-items: start; gap: 14px; margin-bottom: 17px; }
.baseline-control, .live-car-chooser { min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); }
.baseline-heading { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 10px; font-size: 11px; font-weight: 600; }
.baseline-heading h4, .live-car-chooser h4 { margin: 0; font-size: 11px; font-weight: 650; }
.baseline-heading > span:last-child { font-size: 9px; color: var(--muted); font-weight: 450; }
.baseline-select-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.baseline-select-row label { display: flex; flex-direction: column; gap: 5px; min-width: 0; color: var(--muted); font-size: 10px; }
.baseline-select-row select, .baseline-control > select { width: 100%; min-width: 0; max-width: none; min-height: 35px; padding: 8px 27px 8px 9px; color: var(--text); border: 1px solid var(--line); border-radius: 6px; background: var(--surface); font-size: 11px; }
.baseline-control > p { color: var(--muted); font-size: 10px; line-height: 1.6; margin-top: 9px; }
.baseline-control select option { background: var(--surface); color: var(--text); }
.baseline-tag { display: inline-flex; align-items: center; gap: 5px; padding: 3px 6px; border: 1px solid color-mix(in srgb, var(--accent) 27%, var(--line)); border-radius: 4px; background: var(--accent-dim); color: var(--accent); font-size: 8px; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; white-space: nowrap; }
.live-car-chooser > p { margin: 4px 0 10px; color: var(--muted); font-size: 10px; }
.live-car-chooser { padding: 0; }
.live-car-chooser > summary { display: flex; align-items: center; gap: 10px; min-height: 63px; padding: 12px 15px; list-style: none; cursor: pointer; }
.live-car-chooser > summary::-webkit-details-marker { display: none; }
.live-car-chooser > summary > span:first-child { flex: 1; min-width: 0; }
.live-car-chooser > summary strong { display: block; color: var(--text); font-size: 12px; font-weight: 600; }
.live-car-chooser > summary .muted { display: block; margin-top: 3px; font-size: 10px; font-weight: 450; }
.live-car-chooser > summary::after { content: "⌄"; color: var(--muted); font-size: 17px; line-height: 1; }
.live-car-chooser[open] > summary::after { transform: rotate(180deg); }
.live-selection-count { flex-shrink: 0; padding: 4px 6px; border: 1px solid var(--line); border-radius: 5px; color: var(--accent); background: var(--surface); font-size: 9px; font-variant-numeric: tabular-nums; }
.live-car-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; max-height: 144px; overflow-y: auto; padding: 1px 4px 1px 1px; scrollbar-width: thin; scrollbar-color: var(--subtle) var(--surface-soft); }
.live-car-chooser .live-car-options { padding: 1px 12px 12px; max-height: 224px; }
.live-car-chooser:not([open]) .live-car-options { display: none; }
.live-car-chip { display: flex; align-items: center; gap: 7px; min-width: 0; min-height: 39px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); color: var(--muted); cursor: pointer; font-size: 10px; transition: background .15s, border-color .15s; }
.live-car-chip:hover { border-color: var(--subtle); color: var(--text); }
.live-car-chip:has(input:checked), .live-car-chip.selected { border-color: color-mix(in srgb, var(--series-color, var(--accent)) 50%, var(--line)); background: color-mix(in srgb, var(--series-color, var(--accent)) 7%, var(--surface)); color: var(--text); }
.live-car-chip:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
.live-car-chip input { flex: 0 0 13px; width: 13px; height: 13px; margin: 0; accent-color: var(--series-color, var(--accent)); }
.live-car-chip strong { color: var(--text); font-size: 11px; font-weight: 650; white-space: nowrap; font-variant-numeric: tabular-nums; }
.live-car-chip .series-dot { margin-right: 0; }
.live-car-chip .chip-team, .live-car-team { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.live-car-chip .status-badge { margin-left: auto; font-size: 8px; }
.live-car-chip > span { display: block; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; }
.live-car-chip > span small { display: block; margin-top: 2px; font-size: 9px; color: var(--muted); }
.coaching-layout { display: grid; grid-template-areas: "chart map" "cards map"; grid-template-columns: minmax(0, 2fr) minmax(300px, 1fr); align-items: start; gap: 16px; }
.coaching-layout > * { min-width: 0; }
.coaching-layout > .live-chart-panel { grid-area: chart; }
.coaching-layout > .coaching-map-panel { grid-area: map; }
.coaching-layout > .live-speed-cards { grid-area: cards; margin-top: 0; }
.live-chart-panel, .coaching-map-panel { min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); overflow: hidden; }
.live-chart-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px 14px; padding: 17px 18px 10px; }
.live-chart-header h3, .coaching-map-panel h3 { margin: 0; font-size: 14px; font-weight: 600; letter-spacing: -.015em; }
.live-chart-header p { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.6; }
.live-chart-header .feed-status { font-size: 9px; }
.live-chart-legend { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 15px; padding: 0 18px 10px; color: var(--muted); font-size: 10px; }
.live-chart-legend > span { display: inline-flex; align-items: center; gap: 5px; }
.live-chart-legend strong { font-size: 10px; color: var(--text); font-weight: 600; }
.live-chart-legend .line-swatch { width: 17px; height: 2px; }
.live-chart { position: relative; width: 100%; min-width: 0; height: 330px; padding: 0 8px; overflow: hidden; }
.live-chart svg { display: block; width: 100%; height: 100%; }
.live-chart .chart-axis { font-size: 10px; }
.live-chart-controls { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 9px 14px; padding: 11px 18px; border-top: 1px solid var(--line-soft); background: var(--surface-soft); color: var(--muted); font-size: 10px; }
.live-chart-controls label { display: inline-flex; align-items: center; gap: 7px; min-width: 0; }
.live-chart-controls select { min-height: 30px; max-width: 180px; padding: 5px 22px 5px 8px; border: 1px solid var(--line); border-radius: 5px; background: var(--surface); color: var(--text); font-size: 10px; }
.live-chart-controls input[type="range"] { min-width: 70px; max-width: 200px; accent-color: var(--accent); }
.live-chart-header .live-chart-controls { padding: 0; border: 0; background: transparent; gap: 7px; }
.baseline-swatch { display: inline-block; width: 20px; border-top: 2px dashed var(--muted); }
.stale-legend { opacity: .65; }
.live-speed-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 11px; margin-top: 15px; }
.live-speed-card { min-width: 0; padding: 13px 15px; border: 1px solid var(--line); border-left: 3px solid var(--series-color, var(--accent)); border-radius: 9px; background: var(--surface); }
.live-card-title { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 6px 9px; color: var(--text); font-size: 11px; font-weight: 600; }
.live-card-title > span:first-child { min-width: 0; }
.live-card-title strong { font-weight: 650; }
.live-card-title .class-badge { font-size: 8px; }
.live-card-speed { display: flex; align-items: baseline; gap: 6px; margin-top: 10px; color: var(--text); font-size: 29px; font-weight: 600; line-height: 1.1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.live-card-speed strong { font-size: inherit; font-weight: inherit; }
.live-card-speed small, .live-card-speed .unit { color: var(--muted); font-size: 11px; font-weight: 450; letter-spacing: 0; }
.live-card-speed > span { color: var(--muted); font-size: 11px; font-weight: 450; letter-spacing: 0; }
.live-card-speed > small { margin-left: auto; font-size: 9px; }
.live-card-deltas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 13px; }
.live-card-deltas > span, .live-card-deltas > div { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: var(--muted); font-size: 9px; }
.live-card-deltas strong { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.live-card-deltas > div:last-child { grid-column: 1 / -1; flex-direction: row; align-items: baseline; justify-content: space-between; gap: 10px; padding-top: 8px; border-top: 1px solid var(--line-soft); }
.live-card-deltas > div:last-child strong { font-size: 12px; }
.gain { color: var(--zp2); }
.loss { color: var(--zr3); }
.live-card-progress { height: 4px; margin-top: 13px; border-radius: 3px; background: var(--surface-hover); overflow: hidden; }
.live-card-progress i { display: block; height: 100%; border-radius: inherit; background: var(--series-color, var(--accent)); }
.live-card-status { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 5px 9px; margin-top: 7px; color: var(--muted); font-size: 9px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.live-card-position { margin-top: 7px; color: var(--muted); font-size: 9px; font-variant-numeric: tabular-nums; }
.coaching-note { margin-top: 13px; padding: 11px 14px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--surface-soft); color: var(--muted); font-size: 10px; line-height: 1.7; }
.coaching-note strong { color: var(--text); font-weight: 550; }
.live-chart-panel > .coaching-note { margin: 0; padding: 10px 18px; border: 0; border-top: 1px solid var(--line-soft); border-radius: 0; }
.coaching-map-panel > [data-lc="map"] > .trackmap { border: 0; border-top: 1px solid var(--line); border-radius: 0; }
#map-view { padding: 6px 23px 23px; min-width: 0; scroll-margin-top: 80px; }
.map-view-heading { margin-bottom: 16px; }
.map-view-heading h3 { font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.map-view-heading p { margin-top: 5px; color: var(--muted); font-size: 11px; line-height: 1.6; }
.table-options { flex-wrap: wrap; gap: 8px 14px; }
.table-display-control { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.table-display-control .segmented button { padding: 5px 10px; font-size: 10px; }
.timing-scroll-hint { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 15px; padding: 8px 23px; color: var(--muted); font-size: 10px; background: var(--surface-soft); border-top: 1px solid var(--line-soft); }
.timing-scroll-hint .icon { width: 14px; height: 14px; }
.table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scrollbar-color: var(--subtle) var(--surface-soft); border-top: 1px solid var(--line); }
.table-wrap::-webkit-scrollbar { height: 10px; }
.table-wrap::-webkit-scrollbar-track { background: var(--surface-soft); }
.table-wrap::-webkit-scrollbar-thumb { border: 2px solid var(--surface-soft); border-radius: 6px; background: var(--subtle); }
.timing-table { isolation: isolate; border-spacing: 0; }
.timing-table.full-timing { min-width: 1740px; }
.timing-table.essentials { min-width: 1180px; }
.timing-table.full-timing.essentials { min-width: 1180px; }
.timing-table th, .timing-table td { padding-left: 11px; padding-right: 11px; font-size: 11.5px; }
.timing-table th { height: 43px; font-size: 11px; letter-spacing: .025em; }
.timing-table td { height: 60px; }
.timing-table.full-timing .col-analysis { display: table-cell; }
.timing-table.essentials .col-analysis, .timing-table.full-timing.essentials .col-analysis { display: none; }
.timing-table th.col-interval, .timing-table td.col-interval { display: table-cell !important; }
.timing-table .col-favorite, .timing-table .col-position, .timing-table .col-car { position: sticky; z-index: 2; background: var(--surface); }
.timing-table .col-favorite { left: 0; width: 36px; min-width: 36px; max-width: 36px; }
.timing-table th.col-favorite, .timing-table td.col-favorite { padding-left: 4px; padding-right: 4px; }
.timing-table .col-position { left: 36px; width: 46px; min-width: 46px; max-width: 46px; }
.timing-table th.col-position, .timing-table td.col-position { padding-left: 7px; padding-right: 7px; }
.timing-table .col-car { left: 82px; width: 215px; min-width: 215px; max-width: 215px; box-shadow: 9px 0 12px -11px #000a; }
.timing-table thead .col-favorite, .timing-table thead .col-position, .timing-table thead .col-car { z-index: 4; background: var(--surface-soft); }
.timing-table tr:hover .col-favorite, .timing-table tr:hover .col-position, .timing-table tr:hover .col-car { background: var(--surface-hover); }
.timing-table tr.is-followed .col-favorite, .timing-table tr.is-followed .col-position, .timing-table tr.is-followed .col-car { background: color-mix(in srgb, var(--accent) 3%, var(--surface)); }
.timing-table .col-favorite .favorite-btn { width: 28px; height: 28px; }
.timing-table .col-car .car-button { gap: 9px; }
.timing-table .col-car .car-button > span:last-child { flex: 1; min-width: 0; }
.timing-table .col-car .car-number { min-width: 33px; height: 31px; font-size: 13px; }
.timing-table .col-car .car-name { font-size: 11.5px; line-height: 1.3; white-space: normal; }
.timing-table .col-car .driver-name { font-size: 10.5px; white-space: normal; }
.timing-table .position { font-size: 14px; }
.timing-table .th-hint { font-size: 10px; }
.timing-small { display: block; margin-top: 3px; color: var(--muted); font-size: 9px; line-height: 1.35; white-space: normal; font-weight: 450; }
.timing-small .icon { width: 11px; height: 11px; }
.timing-data-detail, .data-detail { color: var(--muted); font-size: 10px; line-height: 1.5; }
.mobile-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px 10px; padding-left: 0; margin-top: 14px; }
.mobile-metric { min-width: 0; }
.mobile-metric small { font-size: 9px; color: var(--muted); }
.mobile-metric strong { font-size: 13px; }
.mobile-metrics .mobile-metric strong > span { color: inherit; font: inherit; letter-spacing: inherit; text-transform: none; }
.mobile-extra { margin-top: 14px; border-top: 1px solid var(--line-soft); }
.mobile-extra > summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px 0 0; list-style: none; color: var(--muted); font-size: 10px; cursor: pointer; }
.mobile-extra > summary::-webkit-details-marker { display: none; }
.mobile-extra > summary::after { content: "+"; color: var(--accent); font-size: 15px; line-height: 1; }
.mobile-extra[open] > summary::after { content: "−"; }
.mobile-extra-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px 10px; margin-top: 13px; }
.mobile-extra-grid > div, .mobile-extra-grid > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; color: var(--muted); font-size: 9px; }
.mobile-extra-grid strong { color: var(--text); font-size: 12px; font-weight: 550; font-variant-numeric: tabular-nums; }
.mobile-sectors { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 13px; }
.mobile-sectors > div, .mobile-sectors > span { min-width: 0; padding: 9px; border: 1px solid var(--line); border-radius: 6px; background: var(--surface-soft); }
.mobile-sectors small { display: block; color: var(--muted); font-size: 8px; }
.mobile-sectors strong { display: block; margin-top: 4px; font-size: 12px; font-weight: 550; font-variant-numeric: tabular-nums; }
.drawer-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 17px 0 23px; }
.drawer-actions .btn { width: 100%; min-width: 0; padding: 9px; font-size: 10px; line-height: 1.4; }
.drawer-actions .btn .icon { width: 15px; height: 15px; }
.drawer-actions .drawer-compare .icon:last-child { margin-left: 0; }
.drawer-compare + .drawer-compare { margin-top: 9px; }
.drawer-actions .drawer-compare + .drawer-compare { margin-top: 0; }
@media (max-width: 1190px) {
  .header-inner { gap: 25px; }
  .primary-nav { gap: 18px; }
  .coaching-controls { grid-template-columns: minmax(320px, 390px) minmax(0, 1fr); gap: 11px; }
  .coaching-layout { grid-template-columns: minmax(0, 1.65fr) minmax(285px, 1fr); gap: 12px; }
  .baseline-control { padding: 12px; }
  .live-car-options { grid-template-columns: repeat(auto-fill, minmax(135px, 1fr)); }
  .live-chart-header { padding: 15px 15px 10px; }
  .live-chart-legend, .live-chart-controls { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 1010px) {
  .nav-optional { display: none; }
  .coaching-layout { grid-template-areas: "chart" "map" "cards"; grid-template-columns: minmax(0, 1fr); }
  .coaching-map-panel { min-height: 320px; }
  .live-chart { height: 330px; }
  .table-display-control > .segmented, .timing-scroll-hint { display: none; }
  .table-wrap { display: none; }
  .mobile-car-meta { padding-left: 0; }
  .live-speed-cards { grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); }
}
@media (max-width: 760px) {
  .header-inner { gap: 0; min-height: 99px; padding-top: 11px; }
  .primary-nav { order: 3; width: 100%; height: 41px; margin-top: 7px; gap: 20px; }
  .nav-btn { gap: 6px; min-height: 41px; }
  .header-actions { gap: 6px; }
  .header-actions .demo-badge { font-size: 7px; padding: 4px 5px; }
  .coaching-controls { grid-template-columns: minmax(0, 1fr); }
  .baseline-select-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .baseline-select-row select { font-size: 10px; }
  .live-car-options { grid-template-columns: repeat(auto-fill, minmax(145px, 1fr)); max-height: 135px; }
  .coaching-intro { margin-bottom: 12px; }
  .coaching-intro h3 { font-size: 16px; }
  .coaching-intro p { font-size: 10px; }
  .speed-mode-bar { gap: 8px; margin-bottom: 14px; }
  .speed-mode-bar > p, .speed-mode-bar > span { font-size: 10px; }
  .live-card-speed { font-size: 26px; }
  .live-speed-card { padding: 12px; }
  #map-view { padding: 6px 16px 16px; }
  .map-view-heading p { font-size: 10px; }
}
@media (max-width: 560px) {
  .header-inner { min-height: 99px; gap: 0; padding-top: 11px; }
  .primary-nav { height: 41px; margin-top: 7px; gap: 18px; }
  .nav-btn { min-height: 41px; font-size: 11px; }
  .header-actions { gap: 5px; }
  .header-actions .demo-badge { font-size: 7px; letter-spacing: .035em; }
  .shell { padding-top: 19px; }
  .session-header { margin-bottom: 14px; }
  .demo-banner { margin-bottom: 14px; }
  .metrics-grid { margin-bottom: 15px; }
  .metric-card { min-height: 83px; padding-top: 10px; padding-bottom: 10px; }
  .workspace-top { padding-top: 16px; padding-bottom: 13px; }
  .speed-mode-bar .segmented { width: 100%; }
  .speed-mode-bar .segmented button { flex: 1; padding: 6px 8px; font-size: 10px; }
  .coaching-intro { display: block; }
  .coaching-intro p { margin-top: 5px; }
  .coaching-controls { margin-bottom: 13px; gap: 10px; }
  .baseline-control { padding: 11px 12px; border-radius: 9px; }
  .live-car-chooser { border-radius: 9px; }
  .live-car-chooser > summary { min-height: 59px; padding: 10px 12px; }
  .live-car-chooser > summary strong { font-size: 11px; }
  .live-car-chooser > summary .muted { font-size: 9px; }
  .live-selection-count { font-size: 8px; }
  .baseline-select-row { gap: 7px; }
  .baseline-select-row select { min-height: 34px; padding-left: 7px; padding-right: 20px; font-size: 10px; }
  .live-car-options { grid-template-columns: repeat(2, minmax(0, 1fr)); max-height: 135px; gap: 6px; padding-right: 2px; }
  .live-car-chip { min-height: 39px; padding: 6px 7px; gap: 5px; }
  .live-car-chip .status-badge { font-size: 7px; }
  .live-car-chip strong { font-size: 10px; }
  .live-car-chip .chip-team, .live-car-team { font-size: 9px; }
  .coaching-layout { gap: 13px; }
  .live-chart-header { padding: 13px 13px 9px; }
  .live-chart-header h3 { font-size: 13px; }
  .live-chart-legend { gap: 6px 12px; padding: 0 13px 8px; font-size: 9px; }
  .live-chart-legend strong { font-size: 9px; }
  .live-chart { height: 270px; padding: 0 3px; }
  .live-chart-controls { padding: 10px 13px; font-size: 9px; }
  .live-speed-cards { grid-template-columns: minmax(0, 1fr); margin-top: 12px; gap: 9px; }
  .live-speed-card { padding: 12px 13px; }
  .live-card-speed { font-size: 27px; }
  .coaching-note { padding: 10px 12px; font-size: 9px; }
  .mobile-metrics { gap: 13px 9px; margin-top: 14px; }
  .mobile-metric small { font-size: 9px; }
  .mobile-extra-grid { gap: 11px 8px; }
}
@media (max-width: 360px) {
  .primary-nav { gap: 12px; }
  .nav-demo { font-size: 7px; padding: 3px 5px; }
  .nav-btn { font-size: 10px; gap: 5px; }
  .nav-btn .icon { width: 15px; height: 15px; }
  .header-actions .demo-badge { display: none; }
  .baseline-select-row { grid-template-columns: minmax(0, 1fr); }
  .live-car-options { grid-template-columns: minmax(0, 1fr); }
  .live-car-chip .chip-team, .live-car-team { font-size: 10px; }
}