/* SPDX-License-Identifier: AGPL-3.0-or-later */
.road-lab{--rl-ink:#192638;--rl-muted:#596677;--rl-line:#d9e0e7;--rl-blue:#245ac4;--rl-green:#28755a;box-sizing:border-box;background:#fff;color:var(--rl-ink);border:1px solid var(--rl-line);border-radius:18px;padding:26px;margin:25px 0 38px;box-shadow:0 5px 24px #12223808;font:14px/1.5 system-ui,sans-serif;scroll-margin-top:20px}.road-lab *{box-sizing:border-box}.rl-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.road-lab .rl-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:750;color:var(--rl-green);margin:0 0 8px}.road-lab h2{font-size:27px;line-height:1.2;letter-spacing:-.03em;margin:0 0 8px}.road-lab h3{font-size:14px;margin:0;font-weight:700}.rl-heading p{margin:0}.rl-engine{font-size:11px;white-space:nowrap;background:#f3f5f7;border:1px solid var(--rl-line);border-radius:30px;padding:6px 10px}.road-lab .rl-scope{font-size:13px;color:var(--rl-muted);max-width:95ch;margin:16px 0}.road-lab button,.road-lab select,.road-lab input[type=number],.rl-actions a{font:inherit;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:var(--rl-ink);padding:6px 9px}.road-lab button{cursor:pointer}.road-lab button:hover{background:#eff3f7;border-color:#91a3b8}.road-lab button:disabled{opacity:.45;cursor:default}.road-lab :focus-visible{outline:3px solid #91b3ed;outline-offset:3px}.rl-presets{display:flex;gap:7px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--rl-line);padding:16px 0}.rl-presets span{color:var(--rl-muted);margin-right:6px;font-size:12px}.rl-presets button{font-size:12px}.rl-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:24px;border-top:1px solid var(--rl-line);padding-top:20px}.rl-controls{border-right:1px solid var(--rl-line);padding-right:24px}.rl-control{display:block;margin:17px 0}.rl-control>span{display:flex;justify-content:space-between;gap:10px;font-size:12px}.rl-control output{font-weight:700;font-variant-numeric:tabular-nums}.road-lab input[type=range]{width:100%;accent-color:var(--rl-green);cursor:pointer}.rl-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rl-pair label{font-size:11px}.rl-pair input{display:block;width:100%;margin-top:4px}.road-lab .rl-small{font-size:11px;color:var(--rl-muted);line-height:1.5;margin:10px 0}.rl-advanced{border-top:1px solid var(--rl-line);padding-top:10px}.road-lab summary{cursor:pointer;font-weight:600;font-size:12px}.rl-advanced .rl-pair{margin-top:12px}.rl-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.rl-road-table{margin:12px 0 8px;overflow-x:auto}.road-lab table{width:100%;border-collapse:collapse;font-size:11px}.road-lab th{text-align:left;font-weight:600;color:var(--rl-muted)}.road-lab th,.road-lab td{padding:4px;border:0;background:transparent}.rl-road-table input{width:100%;min-width:65px}.rl-order{white-space:nowrap}.rl-order button{padding:4px 7px;margin-right:3px}.rl-road-panel>button{font-size:11px}#rl-road-scene{width:100%;display:block;background:#f3f5f7;border:1px solid #e4e8ed;border-radius:10px;margin-top:12px}.rl-road-line{fill:none;stroke:#637386;stroke-width:7;stroke-linejoin:round}#rl-car path{fill:#245ac4;stroke:#152d58;stroke-width:1}#rl-car circle{fill:#253142;stroke:#fff;stroke-width:2}#rl-car.rl-limit path{fill:#a74732}#rl-road-scale{font:13px system-ui;fill:#56677b}.rl-status{background:#f3f5f7;border:1px solid var(--rl-line);border-radius:8px;padding:11px 14px;margin:18px 0 12px;font-size:12px}.rl-status[data-state=limit],.rl-status[data-state=error]{background:#fff4ed;border-color:#edc4a6;color:#8b3f1f}.rl-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 20px}.rl-metrics strong{font-size:22px}.rl-metrics>div{border-left:2px solid #b5c6df;padding-left:12px}.rl-metrics span,.rl-metrics small{display:block;font-size:11px;color:var(--rl-muted)}.rl-metrics strong{display:block;font-size:25px;letter-spacing:-.04em;font-weight:650;font-variant-numeric:tabular-nums}.rl-playback{display:flex;gap:10px;align-items:center;padding-top:16px;border-top:1px solid var(--rl-line)}.rl-playback label{font-size:11px;white-space:nowrap}.rl-playback input{flex:1;min-width:60px}.rl-playback button{font-size:11px;white-space:nowrap}#rl-play,#rl-run{background:var(--rl-green);border-color:var(--rl-green);color:white}.rl-plots{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.rl-plot{padding:12px;border:1px solid var(--rl-line);border-radius:9px;min-width:0}.rl-plot svg{width:100%;display:block;touch-action:pan-y}.rl-plot h3{font-size:12px}.rl-plot output{font-size:12px;color:var(--rl-blue);font-variant-numeric:tabular-nums}.rl-plot text{font:10px system-ui;fill:#647386}.rl-gridline{stroke:#e6eaf0;stroke-width:1}.rl-line{fill:none;stroke:var(--rl-blue);stroke-width:2}.rl-baseline{stroke:#7e8998;stroke-width:1.4;stroke-dasharray:5 4}.rl-cursor{stroke:#344c6c;stroke-dasharray:3 3;stroke-width:1}.rl-rating,.rl-limit-line{stroke:#b25a38;stroke-width:1;stroke-dasharray:5 3}.rl-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--rl-line);padding-top:15px;margin-top:16px}.rl-actions button,.rl-actions a{font-size:11px;text-decoration:none}.rl-pending .rl-metrics,.rl-pending .rl-plots{opacity:.35}#rl-blocks{border-top:1px solid var(--rl-line);padding-top:16px;margin-top:20px}#rl-diagram{max-width:100%;overflow:hidden}#rl-inspector{max-height:220px;overflow:auto;white-space:pre-wrap;font-size:11px;background:#f3f5f7;padding:12px}.road-lab[hidden]{display:none}.road-lab button[hidden]{display:none}.wiki-reader:has(.road-lab){max-width:1180px}.wiki-article:has(.road-lab)>.wiki-toc{font-size:13px}.wiki-article:has(.road-lab) .wiki-prose{max-width:95ch}@media(max-width:800px){.road-lab{padding:18px}.rl-layout{grid-template-columns:minmax(0,1fr)}.rl-controls{border-right:0;padding-right:0}.rl-heading{display:block}.rl-engine{display:inline-block;margin-top:12px}.rl-playback{flex-wrap:wrap}.rl-playback input{min-width:40%;order:3}.rl-metrics{grid-template-columns:repeat(2,1fr);row-gap:15px}}@media(max-width:500px){.road-lab{padding:12px;border-radius:10px}.road-lab h2{font-size:23px}.rl-plots{grid-template-columns:1fr}.rl-heading p{font-size:12px}.rl-presets button{font-size:11px;padding:5px 6px}}
.rl-control select{display:block;width:100%;margin-top:4px}.rl-pair select{display:block;width:100%;margin-top:4px;font:inherit;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:var(--rl-ink);padding:6px 9px}.rl-pair output{font-weight:400;color:var(--rl-muted)}.rl-controls h3{margin-top:18px}.rl-controls h3:first-child{margin-top:0}.rl-flame{fill:#e8893b;stroke:#b25a38;stroke-width:1}.rl-suction path{fill:none;stroke:#28755a;stroke-width:2;stroke-linecap:round}#rl-scene-state{font:12px system-ui;fill:#28755a}.rl-plots{grid-template-columns:repeat(3,1fr)}#rl-parts{border-top:1px solid var(--rl-line);padding-top:16px;margin-top:16px}#rl-parts-record{max-height:260px;overflow:auto;white-space:pre-wrap;font-size:11px;background:#f3f5f7;padding:12px}[hidden].rl-flame,[hidden].rl-suction{display:none}.rl-controls,.rl-road-panel{min-width:0}.road-lab select{max-width:100%}@media(max-width:1000px){.rl-plots{grid-template-columns:repeat(2,1fr)}}
:root:has(#live-road-battery){color-scheme:light;--ground:#f3f5f7;--surface:#fff;--surface-2:#eef1f4;--line:#d9e0e7;--ink:#192638;--ink-2:#3c4b5e;--muted:#596677;--accent:#28755a;--accent-ink:#fff;--accent-soft:#edf4f0}.wiki-article:has(.road-lab){display:block}.wiki-article:has(.road-lab)>.wiki-pack-toc{max-width:95ch}.road-lab h2,.road-lab h3{color:#192638}.road-lab .example-diagram{color-scheme:light}
.rl-drive{border-top:1px solid var(--rl-line);margin-top:22px;padding-top:18px}
.rl-drive-head{align-items:flex-start}.rl-drive-head h3{margin:0 0 4px;font-size:17px}.rl-drive-head .rl-small{margin:0;max-width:62ch}
.rl-drive-run{display:flex;gap:8px;flex-shrink:0}.rl-drive-run button{font-size:12px;white-space:nowrap}#rl-drive-start:not(:disabled){background:var(--rl-blue);color:#fff;border-color:var(--rl-blue);font-weight:600}
#rl-drive-scene{width:100%;height:auto;aspect-ratio:16/9;display:block;border:1px solid #e4e8ed;border-radius:10px;margin-top:14px;outline-offset:2px;touch-action:none;background:#fff}.rl-scene-note{margin:6px 0 0}#rl-drive-record.rl-rec{background:#a74732;border-color:#a74732;color:#fff}
#rl-drive-car path{fill:#245ac4;stroke:#152d58;stroke-width:1}#rl-drive-car circle{fill:#253142;stroke:#fff;stroke-width:2}#rl-drive-car.rl-limit path{fill:#a74732}
.rl-hud{font:600 20px system-ui;fill:var(--rl-ink);font-variant-numeric:tabular-nums}.rl-hud-warn{font:600 13px system-ui;fill:#a74732}.rl-small-text{font:11px system-ui;fill:#647386}
.rl-tick{stroke:#9aa8b8;stroke-width:1}.rl-tick-major{stroke:#56677b;stroke-width:1.5}.rl-tick-label{font:10px system-ui;fill:#647386}
.rl-pad{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:12px}
.rl-pad button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;padding:8px 6px;font-size:13px;border-radius:9px;user-select:none;-webkit-user-select:none;touch-action:none;cursor:pointer}
.rl-pad button strong{font-weight:650}.rl-pad button span{font-size:10px;color:var(--rl-muted)}
.rl-pad button.rl-on,.rl-pad button[aria-pressed=true]{background:var(--rl-blue);border-color:var(--rl-blue);color:#fff}.rl-pad button.rl-on span,.rl-pad button[aria-pressed=true] span{color:#dbe6ff}
.rl-pad button[data-hold=forward].rl-on,.rl-pad button[data-hold=up].rl-on{background:#c9641f;border-color:#c9641f}.rl-pad button[data-toggle=fan][aria-pressed=true]{background:var(--rl-green);border-color:var(--rl-green)}
.rl-gauges{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px 12px;margin:12px 0}
.rl-gauges>div{border-left:2px solid #b5c6df;padding-left:10px;min-width:0}.rl-gauges span,.rl-gauges small{display:block;font-size:10px;color:var(--rl-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rl-gauges strong{display:block;font-size:20px;letter-spacing:-.03em;font-weight:650;font-variant-numeric:tabular-nums}.rl-gauges>div.rl-warn{border-left-color:#a74732}.rl-gauges>div.rl-warn strong{color:#a74732}
.rl-strips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rl-strip h3{font-size:11px}.rl-strip output{font-size:12px;color:var(--rl-blue);font-variant-numeric:tabular-nums}
.rl-section-title{margin:26px 0 0;font-size:17px}
@media(max-width:1000px){.rl-gauges{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.rl-drive-head{flex-direction:column}.rl-pad{grid-template-columns:repeat(3,minmax(0,1fr))}.rl-pad button{min-height:64px}}
@media(max-width:600px){#rl-drive-scene{aspect-ratio:640/1090}}
@media(max-width:500px){.rl-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-strips{grid-template-columns:minmax(0,1fr)}.rl-pad{grid-template-columns:repeat(2,minmax(0,1fr))}.rl-hud{font-size:16px}}
.rl-cursor-table{width:100%;border-collapse:collapse;margin:10px 0 14px;font-size:12px;table-layout:fixed}
.rl-cursor-table caption{text-align:left;font-size:11px;color:var(--rl-muted);padding:0 0 6px;caption-side:top}
.rl-cursor-table th,.rl-cursor-table td{border-top:1px solid var(--rl-line);padding:5px 8px;text-align:left;vertical-align:baseline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-cursor-table th{font-weight:500;color:var(--rl-muted);width:22%}.rl-cursor-table td{width:28%}
.rl-cursor-table strong{font-weight:650;font-variant-numeric:tabular-nums}.rl-cursor-table small{color:var(--rl-muted);font-size:11px}
.rl-cursor-table tr:last-child th,.rl-cursor-table tr:last-child td{border-bottom:1px solid var(--rl-line)}.rl-cursor-limit td{color:#8b3f1f;font-weight:600}
@media(max-width:500px){.rl-cursor-table{font-size:11px}.rl-cursor-table th,.rl-cursor-table td{padding:4px 5px;white-space:normal}.rl-cursor-table th{width:20%}.rl-cursor-table td{width:30%}}
.rl-diagram-head{margin:6px 0 8px}.rl-diagram-head label{font-size:12px}.rl-diagram-head select{font:inherit;font-size:12px;border:1px solid #c6d0da;border-radius:7px;background:#fff;color:var(--rl-ink);padding:4px 8px;margin-left:6px}
.rl-mode{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid #b5c6df;background:#f3f6fb;border-radius:10px;padding:12px 16px;margin:16px 0 4px}
.rl-mode strong{font-size:13px}.rl-mode .rl-small{margin:4px 0 0;max-width:70ch}
.rl-mode-switch{display:flex;gap:6px;flex-shrink:0;background:#fff;border:1px solid #c6d0da;border-radius:9px;padding:4px}
.rl-mode-switch label{font-size:13px;font-weight:600;padding:7px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px}
.rl-mode-switch label:has(input:checked){background:var(--rl-blue);color:#fff}.rl-mode-switch input{margin:0}
.rl-gauges>div.rl-capped{border-left-color:var(--rl-blue)}.rl-gauges>div.rl-capped strong{color:var(--rl-blue)}
@media(max-width:800px){.rl-mode{flex-direction:column;align-items:stretch}.rl-mode-switch{justify-content:stretch}.rl-mode-switch label{flex:1;justify-content:center}}