/* Braking simulator adaptation to the approved TyreLoop shell */
.main-tabs.tl-flow{--tl-step-count:4;counter-reset:none;position:relative;top:auto;z-index:6}
.main-tabs.tl-flow .tl-flow-item{box-sizing:border-box;width:auto;height:41px;min-height:41px;margin:0;padding:9px 10px;display:flex;align-items:center;justify-content:center;gap:8px;appearance:none;border:0;border-radius:9px;background:transparent;color:#95aac0;font:800 11px/1.25 Inter,Arial,sans-serif;text-align:center;cursor:pointer}
.main-tabs.tl-flow .tl-flow-item[aria-selected="true"]{background:linear-gradient(145deg,rgba(12,73,119,.96),rgba(5,37,68,.98));color:#fff;box-shadow:inset 0 0 0 1px #2d81c5}
.main-tabs.tl-flow .tl-flow-item[aria-selected="true"] .tl-flow-no{background:#2c8dff;color:#fff;box-shadow:0 0 12px rgba(85,221,255,.38)}
.main-tabs.tl-flow .tl-hidden-help-tab{display:none!important}
.tl-guide-launch .tl-guide-button{width:199px;min-width:199px}.sim-app{max-width:none;margin:0;padding:20px;background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #99bad7;border-radius:18px;box-shadow:0 18px 38px rgba(31,76,118,.14);color:#17304a}
.workspace-heading{color:#17304a}.workspace-heading p,.workspace-heading .quiet{color:#5c7088}
.visual-card{background:#edf3fb;border-color:#163b65}
.tl-guide-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;color:#60778f;font-size:11px}
.tl-btn{appearance:none;border:1px solid #9fb8d3;background:#fff;border-radius:8px;padding:9px 13px;font-weight:800;font-size:12px;color:#244866;cursor:pointer}
.tl-btn:hover{border-color:#0877f9}
.guide-intro.tl-guide-hero{box-sizing:border-box;margin-bottom:13px;padding:34px 36px;background:linear-gradient(120deg,#180d2c,#10183b);border:1px solid #664486;color:#fff}
.guide-intro.tl-guide-hero h2{position:relative;z-index:1;margin:8px 0 10px;font-size:clamp(38px,5vw,60px);line-height:.96;letter-spacing:-.04em;color:#fff}
.guide-intro.tl-guide-hero p,.guide-intro.tl-guide-hero .tl-eyebrow{position:relative;z-index:1}.guide-intro.tl-guide-hero p{color:#c9bddd}
.tl-help-end{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #bfd0e2;border-radius:13px;padding:14px;margin-top:14px;color:#17304a}
.tl-help-end p{margin:0;color:#5c7088;font-size:12px}
html[data-theme="light"] .sim-app{background:linear-gradient(145deg,#fff,#f7fbff);border-color:#99bad7;color:#17304a}
html[data-theme="light"] .workspace-heading,html[data-theme="light"] .workspace-heading h2{color:#17304a}
html[data-theme="light"] .workspace-heading p,html[data-theme="light"] .compare-note{color:#5c7088}
html[data-theme="dark"] body{--ink:#edf4ff;--muted:#9fb1c7;--line:#304d6d;--paper:#090e19;--navy:#070c16;--blue:#1681f2;--amber:#ffd37a}
html[data-theme="dark"] .sim-app{background:linear-gradient(145deg,#091829,#07111f);border-color:#315b80;color:#edf4ff;box-shadow:0 20px 46px rgba(0,0,0,.3)}
html[data-theme="dark"] .workspace-heading,html[data-theme="dark"] .workspace-heading h2,html[data-theme="dark"] .workspace-heading strong{color:#edf4ff}
html[data-theme="dark"] .workspace-heading p,html[data-theme="dark"] .workspace-heading .quiet,html[data-theme="dark"] .compare-note,html[data-theme="dark"] .notes,html[data-theme="dark"] .save-row{color:#9fb1c7}
html[data-theme="dark"] .shared,html[data-theme="dark"] .representative-defaults,html[data-theme="dark"] .conditions-switch,html[data-theme="dark"] .different-conditions,html[data-theme="dark"] .car-card,html[data-theme="dark"] .visual-card,html[data-theme="dark"] .conditions-page,html[data-theme="dark"] .guide-section,html[data-theme="dark"] .guide-feature,html[data-theme="dark"] .guide-cards article,html[data-theme="dark"] .formula-card,html[data-theme="dark"] .formula-live,html[data-theme="dark"] .guide-settings-grid>div{background:#121f34;color:#edf4ff;border-color:#304d6d}
html[data-theme="dark"] .visual-heading,html[data-theme="dark"] .result-grid,html[data-theme="dark"] .replay-bar,html[data-theme="dark"] .replay-extras,html[data-theme="dark"] .model-review{background:#0e192a;color:#edf4ff;border-color:#304d6d}
html[data-theme="dark"] .visual-heading p,html[data-theme="dark"] .model-review,html[data-theme="dark"] .replay-extras{color:#9fb1c7}
html[data-theme="dark"] .weather-card{background:#12243b;border-color:#365a7c;color:#edf4ff}
html[data-theme="dark"] .weather-card[data-mode="imported"]{background:#153040;border-color:#5599aa}
html[data-theme="dark"] .field select,html[data-theme="dark"] .field input:not([type="range"]),html[data-theme="dark"] .input-unit,html[data-theme="dark"] .town-row input,html[data-theme="dark"] .replay-speed select{background:#0b1728;color:#edf4ff;border-color:#3b5b7b}
html[data-theme="dark"] .input-unit input{color:#edf4ff}html[data-theme="dark"] option{background:#0b1728;color:#edf4ff}
html[data-theme="dark"] .btn{background:#15253a;color:#e8f2ff;border-color:#426383}html[data-theme="dark"] .btn.primary{background:#1681f2;color:#fff;border-color:#1681f2}
html[data-theme="dark"] .segmented{background:#0b1728;border-color:#304d6d}
html[data-theme="dark"] .segmented button{color:#9fb1c7}html[data-theme="dark"] .segmented button[aria-pressed="true"],html[data-theme="dark"] .segmented button[aria-selected="true"]{background:#17304d;color:#fff}
html[data-theme="dark"] .car-letter{background:#123e68;color:#fff}html[data-theme="dark"] .b .car-letter{background:#392c12;color:#ffd37a}
html[data-theme="dark"] .distance-track{background:#273a51}html[data-theme="dark"] .gap-result{border-color:#304d6d}
html[data-theme="dark"] .weather-facts{background:#10233a}html[data-theme="dark"] .first-stop-insight{background:#392c12;border-color:#9a7330;color:#ffd37a}
html[data-theme="dark"] dialog{background:#121f34;color:#edf4ff;border-color:#304d6d}html[data-theme="dark"] .modal-head{border-color:#304d6d}html[data-theme="dark"] .modal-head button{background:#15253a;color:#fff;border-color:#426383}
html[data-theme="dark"] .guide-jumps .btn,html[data-theme="dark"] .shortcuts button{background:#15253a;color:#dceaff;border-color:#426383}
html[data-theme="dark"] .guide-shot,html[data-theme="dark"] .report-link{background:#0e192a;border-color:#304d6d;color:#edf4ff}
html[data-theme="dark"] .guide-shot figcaption,html[data-theme="dark"] .guide-shot small,html[data-theme="dark"] .report-link span,html[data-theme="dark"] .guide-source-note{color:#9fb1c7}
html[data-theme="dark"] .tl-guide-toolbar{color:#9fb1c7}html[data-theme="dark"] .tl-btn{background:#0e192a;border-color:#49647f;color:#edf4ff}
html[data-theme="dark"] .tl-help-end{background:#121f34;border-color:#304d6d;color:#edf4ff}html[data-theme="dark"] .tl-help-end p{color:#9fb1c7}
html[data-theme="dark"] .main-tabs.tl-flow .tl-flow-item[aria-selected="true"]{background:linear-gradient(145deg,#4e2675,#24133e);box-shadow:inset 0 0 0 1px #8f4dc2}
html[data-theme="dark"] .main-tabs.tl-flow .tl-flow-item[aria-selected="true"] .tl-flow-no{background:#c564ff;box-shadow:0 0 12px rgba(197,100,255,.35)}
html.embed-mode .sim-app{margin:0;border-radius:12px}
@media(max-width:650px){
 .main-tabs.tl-flow{grid-template-columns:repeat(4,minmax(76px,1fr))}
 .tl-guide-toolbar,.tl-help-end{align-items:stretch;flex-direction:column}.tl-guide-toolbar .tl-btn,.tl-help-end .tl-primary{width:100%}
 .sim-app{padding:11px;border-radius:14px}.guide-intro.tl-guide-hero{min-height:260px;padding:28px 22px}.guide-intro.tl-guide-hero h2{max-width:86%;font-size:38px}
}

/* COMPLETE SIMULATOR SURFACE THEME — approved shell mapping */
html[data-theme="light"] .sim-app{--ink:#17304a;--muted:#536b83;--line:#c7d7e7;--blue:#0058dc;--amber:#955500}
html[data-theme="light"] .sim-app :is(.workspace-heading,.workspace-heading h2,.workspace-heading strong,.shared,.representative-defaults,.conditions-switch,.car-card,.visual-card,.conditions-page,.guide-section,.guide-cards article,.guide-field-card,.guide-index a,.formula-card,.formula-live,.save-options,.tl-help-end){color:#17304a}
html[data-theme="light"] .sim-app :is(.workspace-heading p,.compare-note,.representative-defaults p,.conditions-switch p,.condition-card>small,.car-name small,.vehicle-look label span,.visual-heading p,.scale-strip span,.model-review,.notes,.save-row,.step-content>p,.step-content .field>small,.guide-section p,.guide-feature p,.guide-shot small,.guide-source-note,.report-link span,.tl-help-end p){color:#536b83}
html[data-theme="light"] .sim-app .btn.text{color:#0058dc}
html[data-theme="light"] .sim-app .model-review{color:#53667d}
html[data-theme="light"] .sim-app .guide-shot figcaption small{color:#526983}
html[data-theme="light"] .sim-app .step-number{color:#0057d9;background:#e4efff}
html[data-theme="light"] .sim-app .camera-view-buttons button[aria-pressed="true"]{background:#0563f9;border-color:#9bcaff}
html[data-theme="light"] .sim-app .scenery-options button[aria-pressed="true"],html[data-theme="light"] .sim-app .conditions-mode-buttons button[aria-pressed="true"]{background:#0563f9;border-color:#0563f9}
html[data-theme="light"] .sim-app #scenery-note{color:#4e6780}
html[data-theme="dark"] .sim-app{--ink:#edf4ff;--muted:#afc0d5;--line:#304d6d;--blue:#64aaff;--amber:#ffd37a}
html[data-theme="dark"] .sim-app :is(h2,h3,h4,strong,summary,label,.field-label,.gap-description){color:#edf4ff}
html[data-theme="dark"] .sim-app :is(p,small,.quiet,.compare-note,.notes,.save-row,.timeline-labels,.replay-speed,.model-review,.continuous-note,.vehicle-look label span,.condition-card>small,.step-content>p,.step-content .field>small,.guide-source-note){color:#afc0d5}
html[data-theme="dark"] .sim-app :is(.shared,.representative-defaults,.conditions-switch,.condition-card,.car-card,.visual-card,.conditions-page,.guide-section,.guide-cards article,.guide-field-card,.guide-index a,.formula-card,.formula-live,.save-options,.tl-help-end,.weather-card){background:#121f34;color:#edf4ff;border-color:#304d6d}
html[data-theme="dark"] .sim-app :is(.visual-heading,.result-grid,.replay-bar,.replay-extras,.view-options,.options-content,.scale-strip,.model-review,.scenery-controls,.settings-group-title,.guide-shot,.report-link){background:#0e192a;color:#edf4ff;border-color:#304d6d}
html[data-theme="dark"] .sim-app .different-conditions{color:#edf4ff}
html[data-theme="dark"] .sim-app .condition-card.b{background:#171f2e;border-color:#6f5630;border-top-color:#d99a31}
html[data-theme="dark"] .sim-app .representative-defaults{border-left-color:#4b9cff}
html[data-theme="dark"] .sim-app :is(.representative-defaults p,.conditions-switch p,#conditions-switch-note,.visual-heading p,.scale-strip span,.model-review,.save-row,#save-status,.notes,.weather-card p,.weather-card small,.step-content>p,.step-content .field>small,.weather-message,.guide-section p,.guide-feature p,.guide-shot figcaption,.guide-shot small,.report-link span,.guide-source-note,.tl-help-end p){color:#afc0d5}
html[data-theme="dark"] .sim-app :is(.field select,.field input:not([type="range"]),.input-unit,.town-row input,.replay-speed select,.vehicle-look select){background:#0b1728;color:#edf4ff;border-color:#3b5b7b}
html[data-theme="dark"] .sim-app .input-unit input{background:transparent;color:#edf4ff}
html[data-theme="dark"] .sim-app option{background:#0b1728;color:#edf4ff}
html[data-theme="dark"] .sim-app .btn{background:#15253a;color:#e8f2ff;border-color:#426383}
html[data-theme="dark"] .sim-app .btn:hover{background:#1b3049;border-color:#5d7e9f}
html[data-theme="dark"] .sim-app .btn.primary{background:#0563f9;color:#fff;border-color:#0563f9}
html[data-theme="dark"] .sim-app .btn.text{background:transparent;color:#74b2ff;border-color:transparent}
html[data-theme="dark"] .sim-app :is(.segmented,.conditions-mode-buttons){background:#0b1728;border-color:#304d6d}
html[data-theme="dark"] .sim-app :is(.segmented button,.conditions-mode-buttons button){color:#afc0d5}
html[data-theme="dark"] .sim-app .segmented button[aria-pressed="true"],html[data-theme="dark"] .sim-app .segmented button[aria-selected="true"],html[data-theme="dark"] .sim-app .conditions-mode-buttons button[aria-pressed="true"]{background:#4e2675;color:#fff;box-shadow:inset 0 0 0 1px #9c5ad0}
html[data-theme="dark"] .sim-app .example{background:#15253a;color:#dceaff;border-color:#426383}
html[data-theme="dark"] .sim-app .example[aria-pressed="true"]{background:#4e2675;color:#fff;border-color:#9c5ad0}
html[data-theme="dark"] .sim-app .scenery-options button{background:#15253a;color:#dceaff;border-color:#426383}
html[data-theme="dark"] .sim-app .scenery-options button[aria-pressed="true"]{background:#4e2675;color:#fff;border-color:#9c5ad0}
html[data-theme="dark"] .sim-app .weather-card[data-mode="imported"]{background:#153040;border-color:#5599aa}
html[data-theme="dark"] .sim-app .weather-facts{background:#10233a;color:#edf4ff}
html[data-theme="dark"] .sim-app .distance-track{background:#273a51}
html[data-theme="dark"] .sim-app .gap-result{border-color:#304d6d}
html[data-theme="dark"] .sim-app .first-stop-insight{background:#392c12;border-color:#9a7330;color:#ffd37a}
html[data-theme="dark"] .sim-app .engine-badge{background:#15253a;color:#cfe0f2;border-color:#426383}
html[data-theme="dark"] .sim-app .view-options>summary{color:#b9cee3}
html[data-theme="dark"] .sim-app .replay-extras{color:#afc0d5}
html[data-theme="dark"] .sim-app .review-note{background:#392c12;color:#ffe2a6;border-color:#ba8730}
html[data-theme="dark"] .sim-app .review-note strong{color:#ffe2a6}
html[data-theme="dark"] .sim-app .guide-feature{background:#132a43;border-color:#365f8a}
html[data-theme="dark"] .sim-app .guide-shot button{background:#0a1525}
html[data-theme="dark"] .sim-app .guide-shot figcaption strong{color:#edf4ff}
html[data-theme="dark"] .sim-app .guide-index a{color:#8fc3ff}
html[data-theme="dark"] .sim-app .guide-empty{color:#afc0d5}
html[data-theme="dark"] .sim-app .settings-group-title{background:#182b45}
html[data-theme="dark"] .sim-app .formula-live :is(th,td),html[data-theme="dark"] .sim-app .physics-table :is(th,td){border-color:#304d6d}
html[data-theme="dark"] .sim-app dialog{background:#121f34;color:#edf4ff;border-color:#304d6d}
html[data-theme="dark"] .sim-app .modal-head,html[data-theme="dark"] .sim-app .modal-footer{background:#0e192a;border-color:#304d6d}
html[data-theme="dark"] .sim-app .modal-head button{background:#15253a;color:#fff;border-color:#426383}
html[data-theme="dark"] .sim-app .detail-fields .field{border-color:#304d6d}
html[data-theme="dark"] .sim-app .shortcuts button,html[data-theme="dark"] .sim-app .guide-jumps .btn{background:#15253a;color:#dceaff;border-color:#426383}
html[data-theme="dark"] .sim-app #scenery-note{color:#afc0d5}
.sim-app .scene :is(.hud-pill,.key-item){color:#213a55}
.sim-app .scene .scene-bottom-note{color:#fff;background:#172d47ed;border-color:#7085a5}
.sim-app .scene[data-light="night"] :is(.hud-pill,.key-item){color:#eaf3ff;background:#13253de8;border-color:#5a7392}
/* Final contrast alignment for dark visual headings, replay controls and guide accents */
html[data-theme="light"] .sim-app .visual-heading,html[data-theme="dark"] .sim-app .visual-heading{background:#10253e;color:#fff;border-color:#31506f}
html[data-theme="light"] .sim-app .visual-heading :is(h2,.stage-kicker),html[data-theme="dark"] .sim-app .visual-heading :is(h2,.stage-kicker){color:#fff}
html[data-theme="light"] .sim-app .visual-heading p,html[data-theme="dark"] .sim-app .visual-heading p{color:#c6d8eb}
html[data-theme="light"] .sim-app .visual-heading .btn.text,html[data-theme="dark"] .sim-app .visual-heading .btn.text{color:#8fc8ff}
html[data-theme="light"] .sim-app .camera-view-buttons button[aria-pressed="true"],html[data-theme="dark"] .sim-app .camera-view-buttons button[aria-pressed="true"]{background:#0563f9;border-color:#9bcaff;color:#fff}
html[data-theme="dark"] .sim-app #replay-hint{color:#afc0d5}
html[data-theme="dark"] .sim-app .step-number{background:#21466d;color:#fff}
html[data-theme="dark"] .sim-app :is(.formula,.guide-kicker){color:#8fc3ff}
html[data-theme="dark"] .sim-app .scene .key-item strong{color:#213a55}
html[data-theme="dark"] .sim-app .scene .key-item.b strong{color:#704000}
html[data-theme="dark"] .sim-app .scene[data-light="night"] .key-item strong{color:#eaf3ff}
html[data-theme="light"] .sim-app #same-road-summary,html[data-theme="dark"] .sim-app #same-road-summary{color:#c6d8eb!important}
html[data-theme="dark"] .sim-app .scene .profile-row.b strong{color:#6e4107}
/* GROUPED VISUAL WORKSPACE — framed road and clear section spacing */
.sim-app .visual-card{padding-bottom:12px;background:#edf3fb}
.sim-app .stage-camera-bar{margin:12px 12px 0;border:1px solid #31506f;border-radius:11px 11px 0 0}
.sim-app .scenery-controls{margin:0 12px;border:1px solid #abc3de;border-top:0;border-radius:0 0 11px 11px}
.sim-app .replay-bar{margin:10px 12px 0;border:1px solid #c4d4e5;border-radius:10px}
.sim-app .view-options{margin:8px 12px 0;border:1px solid #c4d4e5;border-radius:10px;overflow:hidden}
.sim-app .scale-strip{margin:10px 12px 0;border:1px solid #9fb8d2;border-radius:11px 11px 0 0}
.sim-app .scene{width:auto;margin:0 12px;border:1px solid #6f91b3;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 9px 22px rgba(24,58,91,.16)}
.sim-app .manual-drive-deck{margin:10px 12px 0;border:1px solid #31506f;border-radius:11px}
.sim-app .first-stop-insight{margin:8px 12px 0;border:1px solid #e1bd72;border-radius:9px}
.sim-app .result-grid{margin:10px 12px 0;border:1px solid #c4d4e5;border-radius:11px;background:#fff}
.sim-app .model-review{margin:8px 12px 0;border:1px solid #c4d4e5;border-radius:9px}
html[data-theme="dark"] .sim-app .visual-card{background:#091727}
html[data-theme="dark"] .sim-app :is(.replay-bar,.view-options,.scale-strip,.result-grid,.model-review){border-color:#304d6d}
html[data-theme="dark"] .sim-app .scene{border-color:#41678b;box-shadow:0 10px 25px rgba(0,0,0,.28)}
html[data-theme="dark"] .sim-app .scenery-controls{border-color:#304d6d}
@media(max-width:650px){
 .sim-app .visual-card{padding-bottom:8px}
 .sim-app .stage-camera-bar{margin:8px 8px 0}
 .sim-app .scenery-controls{margin:0 8px}
 .sim-app .replay-bar,.sim-app .view-options,.sim-app .scale-strip,.sim-app .manual-drive-deck,.sim-app .first-stop-insight,.sim-app .result-grid,.sim-app .model-review{margin-left:8px;margin-right:8px}
 .sim-app .scene{margin-left:8px;margin-right:8px}
}
/* APPROVED MAJOR SECTION GROUPING - divide tasks, not every control row */
.sim-app{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.setup-section,.aftercare-section{margin:0 0 14px;padding:18px;background:#fff;border:1px solid #99bad7;border-radius:15px;box-shadow:0 10px 24px rgba(31,76,118,.12)}
.setup-section .workspace-heading{margin:0 0 14px;padding:0 0 14px;background:transparent;border:0;border-bottom:1px solid #c8d8e8;border-radius:0;box-shadow:none}
.setup-section .weather-card{margin:0 0 10px}
.setup-section .representative-defaults{margin:0 0 12px}
.setup-section .examples.compare-only{margin:0;padding:12px 0 0;background:transparent;border:0;border-top:1px solid #d2dfec;border-radius:0;box-shadow:none}
.setup-section .conditions-switch{margin:12px 0 0;box-shadow:none}
.setup-section .shared{margin:10px 0 0;box-shadow:none}
.setup-section .different-conditions{margin:10px 0 0;box-shadow:none}
.cars-section{margin:0 0 14px}
.cars-section .car-pair{margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;gap:14px}
.cars-section .car-pair::after{display:none!important}
.cars-section .car-card{border-color:#99bad7;box-shadow:0 10px 24px rgba(31,76,118,.12)}
.cars-section .car-card .car-heading{background:#edf5ff;border-bottom:1px solid #bfd2e5}
.cars-section .car-card.b .car-heading{background:#fff7e8;border-bottom-color:#ead2a8}
.cars-section .vehicle-main{margin:0;padding:0 17px 12px;background:transparent;border:0;border-radius:0}
.cars-section .vehicle-look{margin:0 0 13px;padding:0 17px 14px;background:transparent;border:0;border-bottom:1px solid #dce5f1;border-radius:0}
.cars-section .quick-fields{margin:0;padding:0 17px 15px;background:transparent;border:0;border-radius:0}
.cars-section .vehicle-look:has([id^="trailer-look-"]:not([hidden])){background:#f9fbff}
.cars-section .compare-note{margin:10px 0 0;padding:10px 12px;background:#fff;border:1px solid #bdd0e3;border-radius:10px;box-shadow:0 5px 14px rgba(31,76,118,.08);color:#536b83}
.cars-section .compare-note .btn.text{color:#075fcf}
.sim-app .visual-card{margin:0 0 14px;border-color:#99bad7;box-shadow:0 12px 28px rgba(31,76,118,.13)}
.aftercare-section .save-options{margin:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.aftercare-section .notes{margin:10px 0 0;padding:12px 0 0;background:transparent;border:0;border-top:1px solid #d2dfec;border-radius:0;color:#536b83}
html[data-theme="dark"] .setup-section,html[data-theme="dark"] .aftercare-section{background:#121f34;border-color:#304d6d;box-shadow:0 12px 28px rgba(0,0,0,.26)}
html[data-theme="dark"] .setup-section .workspace-heading,html[data-theme="dark"] .setup-section .examples.compare-only,html[data-theme="dark"] .aftercare-section .notes{border-color:#304d6d}
html[data-theme="dark"] .cars-section .car-card{border-color:#315b80;box-shadow:0 12px 28px rgba(0,0,0,.26)}
html[data-theme="dark"] .cars-section .car-card .car-heading{background:#132a43;border-bottom-color:#365b7d}
html[data-theme="dark"] .cars-section .car-card.b .car-heading{background:#272317;border-bottom-color:#6d5932}
html[data-theme="dark"] .cars-section .vehicle-look:has([id^="trailer-look-"]:not([hidden])){background:#122238}
html[data-theme="dark"] .cars-section .compare-note{background:#121f34;color:#afc0d5;border-color:#304d6d;box-shadow:0 6px 18px rgba(0,0,0,.2)}
html[data-theme="dark"] .cars-section .compare-note .btn.text{color:#8fc8ff}
@media(max-width:650px){
 .setup-section,.aftercare-section{margin-bottom:10px;padding:12px}
 .cars-section,.sim-app .visual-card{margin-bottom:10px}
 .cars-section .car-pair{gap:10px}
 .cars-section .vehicle-main{padding:0 12px 12px}
 .cars-section .vehicle-look{padding:0 12px 12px}
 .cars-section .quick-fields{padding:0 12px 12px}
}

/* TYRELOOP COMPARISON PALETTE - Car A blue, Car B approved purple */
.sim-app{--comparison-purple:#c564ff;--comparison-purple-ink:#76269d;--comparison-purple-soft:#f7edff}
.sim-app .car-card.b{border-top-color:var(--comparison-purple)}
.sim-app .b .car-letter{background:var(--comparison-purple);color:#17071f}
.sim-app .b .car-heading .btn,.sim-app .b-result .result-heading,.sim-app .gap-result[data-longer="B"] .gap-number{color:var(--comparison-purple-ink)}
.sim-app .key-item.b{border-left-color:var(--comparison-purple)}
.sim-app .road-label.b{background:var(--comparison-purple);color:#17071f;border-color:#edc9ff}
.sim-app .b-result .distance-bar{background:var(--comparison-purple)}
.sim-app .condition-card.b{background:var(--comparison-purple-soft);border-color:#dcb6f4;border-top-color:var(--comparison-purple)}
.sim-app .condition-card.b .car-letter{background:var(--comparison-purple);color:#17071f}
.sim-app .environment-key .b{background:#f6eafff0;color:#74269a;border-color:#dcb6f4}
.sim-app .profile-row.b span{background:#f6eaffdb}
.cars-section .car-card.b .car-heading{background:var(--comparison-purple-soft);border-bottom-color:#dcb6f4}
html[data-theme="dark"] .sim-app{--comparison-purple-ink:#d991ff;--comparison-purple-soft:#251735}
html[data-theme="dark"] .cars-section .car-card.b .car-heading{background:var(--comparison-purple-soft);border-bottom-color:#70408c}
html[data-theme="dark"] .sim-app .condition-card.b{background:#251735;border-color:#70408c;border-top-color:var(--comparison-purple)}
html[data-theme="dark"] .sim-app .environment-key .b{background:#251735f0;color:#e2b1ff;border-color:#70408c}
html[data-theme="dark"] .sim-app .profile-row.b span{background:#251735db}
html[data-theme="dark"] .sim-app .cars-section .car-card.b{border-top-color:#c564ff}
html[data-theme="dark"] .sim-app .b .car-letter{background:#c564ff;color:#17071f}
html[data-theme="dark"] .sim-app .scene .profile-row.b strong{color:#d991ff}

/* TYRELOOP COMPARISON BLUE - Car A uses the approved loop blue */
.sim-app{--comparison-blue:#0877f9}
.sim-app .car-card.a{border-top-color:var(--comparison-blue)}
.sim-app .a .car-letter{background:var(--comparison-blue);color:#fff}
.sim-app .a .car-heading .btn,.sim-app .a-result .result-heading,.sim-app .gap-result[data-longer="A"] .gap-number{color:#075fcf}
.sim-app .key-item.a{border-left-color:var(--comparison-blue)}
.sim-app .road-label.a{background:var(--comparison-blue);color:#fff;border-color:#b8d8ff}
.sim-app .a-result .distance-bar{background:var(--comparison-blue)}
.sim-app .condition-card.a{border-top-color:var(--comparison-blue)}
html[data-theme="dark"] .sim-app{--comparison-blue:#1681f2}
html[data-theme="dark"] .sim-app .cars-section .car-card.a{border-top-color:var(--comparison-blue)}
html[data-theme="dark"] .sim-app .a .car-letter{background:var(--comparison-blue);color:#fff}
html[data-theme="dark"] .sim-app .a .car-heading .btn,html[data-theme="dark"] .sim-app .a-result .result-heading,html[data-theme="dark"] .sim-app .gap-result[data-longer="A"] .gap-number{color:#64b7ff}
html[data-theme="dark"] .sim-app .road-label.a,html[data-theme="dark"] .sim-app .a-result .distance-bar{background:var(--comparison-blue)}

/* APPROVED TWO-DIVISION PAGE RHYTHM - setup, driving, then results */
.cars-section{margin-bottom:0}
.major-section-break{height:30px;display:flex;align-items:flex-end;padding:0 4px 6px;color:#55708b;font:800 8px/1 Arial,Helvetica,sans-serif;letter-spacing:1.15px;text-transform:uppercase}
.major-section-break.results-break{color:#76269d}
.sim-app .visual-card{margin:0!important}
.results-section{margin:0 0 14px;padding:12px;background:#fff;border:1px solid #99bad7;border-radius:15px;box-shadow:0 12px 28px rgba(31,76,118,.13)}
.results-section .result-grid{margin:0!important}
.results-section .model-review{margin:10px 0 0!important}
html[data-theme="dark"] .major-section-break{color:#8fb8e7}
html[data-theme="dark"] .major-section-break.results-break{color:#d991ff}
html[data-theme="dark"] .results-section{background:#121f34;border-color:#304d6d;box-shadow:0 12px 28px rgba(0,0,0,.26)}
@media(max-width:650px){.major-section-break{height:24px;padding:0 3px 5px}.results-section{margin-bottom:10px;padding:8px}}