.parking-lesson{--parking-accent:#354b51}.parking-lesson .learning-button{color:#fff;background:#273b40;border-color:#273b40}.parking-lesson .learning-button:hover{background:#1c2d32}.parking-demo{background:#fff;border:1px solid #dfdfe9;border-radius:22px;overflow:hidden;container-type:inline-size}.parking-demo-heading{justify-content:space-between;align-items:flex-start;gap:24px;padding:25px 28px 14px;display:flex}.parking-demo-heading>div:first-child{max-width:660px}.parking-transmission{background:#f4f6f5;border:1px solid #dce2e1;border-radius:11px;flex-shrink:0;gap:3px;padding:4px;display:flex}.parking-transmission button{color:#435153;border-radius:7px;min-height:44px;padding:9px 16px;font-size:.84rem;font-weight:600}.parking-transmission button[aria-pressed=true]{color:#182629;background:#fff;box-shadow:0 1px 5px #18262918}.parking-transmission-note{color:#4d5d60;background:#f7f9f8;border-bottom:1px solid #e7ebea;margin:0;padding:14px 28px;font-size:.81rem;line-height:1.65}.parking-demo-heading h2,.parking-lesson .learning-panel h2{letter-spacing:-.025em;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:650;line-height:1.35}.parking-demo-heading p,.parking-lesson .learning-panel>p,.parking-quiz-intro p{color:#606074;margin-top:8px;font-size:.94rem;line-height:1.7}.parking-camera{flex-wrap:wrap;gap:4px;padding:0 28px 20px;display:flex}.parking-camera button{color:#545366;border:1px solid #0000;border-radius:9px;min-height:44px;padding:9px 17px;font-size:.85rem;font-weight:600}.parking-camera button[aria-pressed=true]{color:#fff;background:#222b2d;border-color:#222b2d}.parking-look{flex-wrap:wrap;gap:4px;padding:0 28px 16px;display:flex}.parking-look button{color:#526064;border:1px solid #e5e9e9;border-radius:7px;min-height:44px;padding:8px 13px;font-size:.78rem}.parking-look button[aria-pressed=true]{color:#202e2a;background:#ecf0ef;border-color:#8e9b97}.parking-mobile-views{display:none}.parking-view-options>summary{cursor:pointer;color:#354b51;align-items:center;min-height:44px;padding:10px 28px;font-size:.85rem;display:flex}.parking-fallback .learning-button{margin-top:18px}.parking-pedal-status{text-align:center;background:#f1f4f3;border-bottom:1px solid #e2e6e5;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 24px;display:grid}.parking-pedal-status div{color:#4f5c58;gap:5px;font-size:.79rem;display:grid}.parking-pedal-status strong{color:#26332e;font-size:.85rem}.parking-pedal-status.is-automatic{grid-template-columns:repeat(2,minmax(0,1fr))}.parking-pedal-status div[data-active=true] strong{color:#21594b}.parking-combined-mobile-status{display:none}.parking-panel-labels{pointer-events:none;position:absolute;inset:0}.parking-panel-labels>div{position:absolute}.parking-panel-labels>div>span{color:#243339;background:#ffffffed;border-radius:6px;margin:12px;padding:5px 9px;font-size:.73rem;line-height:1.5;display:inline-block}.parking-panel-outside{width:60%;height:100%;top:0;left:0}.parking-panel-steering{height:calc(50% - 1.5px);top:0;left:calc(60% + 3px);right:0}.parking-panel-pedals{height:calc(50% - 1.5px);bottom:0;left:calc(60% + 3px);right:0}.is-inside .parking-panel-steering{width:calc(55% - 1.65px);height:100%;top:0;left:0;right:auto}.is-inside .parking-panel-pedals{height:100%;top:0;left:calc(55% + 1.35px);right:0}.parking-panel-labels .parking-gear{position:absolute;bottom:0;right:0}.parking-panel-pedals .parking-pedal-status{background:#f2f5f4f5;border:0;gap:5px;padding:8px 10px;position:absolute;bottom:0;left:0;right:0}.parking-panel-pedals .parking-pedal-status div{gap:3px;font-size:.7rem}.parking-panel-pedals .parking-pedal-status strong{font-size:.72rem}.parking-viewport{--parking-height:clamp(380px, 42vw, 560px);background:#eef0f4;position:relative}.parking-scene{height:var(--parking-height);width:100%;position:relative}.parking-scene canvas{width:100%;height:100%;display:block}.parking-loading{z-index:1;color:#55516a;place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.parking-scene-caption{color:#464358;text-align:center;pointer-events:none;background:#ffffffed;border-radius:7px;width:fit-content;max-width:calc(100% - 36px);padding:6px 11px;font-size:.72rem;position:absolute;top:14px;left:18px}.parking-fallback{text-align:center;color:#504b65;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;padding:32px;display:flex}.parking-fallback p{max-width:420px;line-height:1.7}.parking-viewport>.parking-fallback{min-height:240px}.parking-player{border-bottom:1px solid #eeeef3;align-items:center;gap:22px;padding:18px 28px;display:flex}.parking-play{color:#fff;background:#272335;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-width:100px;min-height:44px;padding:10px 16px;font-size:.85rem;font-weight:650;display:flex}.parking-lesson button:disabled{opacity:.45;cursor:not-allowed}.parking-timeline{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.parking-timeline input{cursor:pointer;accent-color:#354b51;flex:1;width:100%;min-width:0;min-height:44px}.parking-timeline span{white-space:nowrap;font-variant-numeric:tabular-nums;color:#656173;font-size:.75rem}.parking-instruction{grid-template-columns:minmax(0,1fr) 230px;gap:30px;min-height:200px;padding:25px 28px 14px;display:grid}.parking-step-count{color:#70667e;margin-bottom:8px;font-size:.8rem}.parking-instruction h3{letter-spacing:-.02em;font-size:1.25rem;font-weight:650}.parking-instruction-main>p:last-child{color:#585367;max-width:620px;margin-top:9px;font-size:.94rem;line-height:1.75}.parking-control-note{color:#53635e;background:#f1f4f3;border-radius:12px;align-self:start;gap:8px;padding:17px;font-size:.76rem;display:grid}.parking-control-note strong{color:#2d443c;font-size:.82rem;line-height:1.6}.parking-step-controls{justify-content:space-between;gap:15px;padding:8px 28px 22px;display:flex}.parking-step-controls button{color:#354b51;border-radius:7px;align-items:center;gap:9px;min-height:44px;font-size:.85rem;font-weight:600;display:inline-flex}.parking-quiz-intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.parking-quiz-intro .learning-button{flex-shrink:0;margin-top:0}.parking-saved{align-items:center;gap:7px;display:flex;color:var(--color-teal-dark)!important;font-size:.8rem!important}.parking-answers{border:0;gap:12px;min-width:0;margin-top:24px;display:grid}.parking-quiz h2{scroll-margin-top:60px}.parking-answer{border:1px solid var(--color-line);cursor:pointer;border-radius:12px;align-items:center;gap:14px;min-height:60px;padding:17px;font-size:.94rem;line-height:1.6;display:flex}.parking-answer:has(input:focus-visible){outline:3px solid var(--color-teal);outline-offset:3px}.parking-answer:has(input:checked),.parking-answer.is-correct{background:var(--color-teal-pale);border-color:#8297a9}.parking-answer input{accent-color:var(--color-teal);flex-shrink:0;width:18px;height:18px}.parking-answer svg{color:var(--color-teal-dark);flex-shrink:0;margin-left:auto}.parking-feedback{background:var(--color-paper);border-radius:12px;margin-top:20px;padding:20px;font-size:.93rem;line-height:1.7}.parking-feedback p{color:#5c526b;margin-top:7px}.parking-quiz-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.parking-quiet-button{color:#61566f;border-radius:6px;align-items:center;min-height:44px;margin-top:24px;padding:8px 4px;font-size:.84rem;display:inline-flex}.parking-quiz>.parking-quiet-button{margin-left:20px}.parking-result{font-weight:650;color:var(--color-teal-dark)!important;font-size:1.8rem!important}.parking-review{gap:20px;margin-top:24px;padding:0;list-style:none;display:grid}.parking-review li{background:var(--color-paper);border-radius:12px;padding:18px;font-size:.92rem;line-height:1.7}.parking-review p{color:#5e556e;margin-top:8px}.parking-notes summary{cursor:pointer;border-radius:6px;align-content:center;min-height:44px;font-size:1rem;font-weight:650}.parking-notes ol{gap:18px;margin-top:20px;padding-left:22px;list-style:decimal;display:grid}.parking-notes h3{margin-top:20px;font-weight:650}.parking-notes li h3{margin-top:0}.parking-notes p,.parking-sources p{color:#625a70;margin-top:8px;font-size:.9rem;line-height:1.8}.parking-sources{padding:0 4px}.parking-sources summary{cursor:pointer;color:#625b73;border-radius:4px;align-content:center;min-height:44px;font-size:.8rem}.parking-sources a{text-underline-offset:3px;text-decoration:underline}@media (width<=700px){.parking-demo-heading{flex-direction:column;gap:16px;padding:22px 18px 12px}.parking-transmission{align-self:stretch}.parking-transmission button{flex:1}.parking-transmission-note{padding:12px 18px;font-size:.78rem}.parking-camera,.parking-look{display:none}.parking-mobile-views{gap:10px;padding:2px 18px 18px;display:flex}.parking-mobile-views label{color:#596461;flex:1;gap:7px;min-width:0;font-size:.74rem;display:grid}.parking-mobile-views select{appearance:auto;color:#21322c;background:#fff;border:1px solid #cdd5d2;border-radius:8px;width:100%;min-width:0;min-height:46px;padding:8px;font-size:.83rem}.parking-camera button{padding:9px 12px;font-size:.8rem}.parking-look{padding:0 14px 14px}.parking-look button{padding:7px 10px;font-size:.74rem}.parking-pedal-status{padding:13px 9px}.parking-viewport{--parking-height:320px}.parking-player{gap:14px;padding:14px}.parking-play{min-width:84px}.parking-timeline{flex-direction:column;align-items:stretch;gap:6px}.parking-timeline span{text-align:right;margin-top:-10px}.parking-instruction{grid-template-columns:1fr;gap:18px;padding:22px 18px 12px}.parking-control-note{padding:13px 16px}.parking-step-controls{padding:6px 18px 20px}.parking-step-controls button{font-size:.8rem}.parking-quiz-intro{flex-direction:column;align-items:stretch;gap:20px}.parking-quiz-intro .learning-button{align-self:flex-start}.parking-answer{gap:11px;padding:14px;font-size:.9rem}.parking-quiz-actions{gap:0}.parking-quiz-actions .parking-quiet-button{margin-top:12px}.parking-quiz>.parking-quiet-button{margin-left:0}}@container (width<=700px){.parking-viewport.is-combined{--parking-height:440px}.parking-viewport.is-inside{--parking-height:480px}.parking-panel-outside{width:100%;height:52%}.parking-panel-steering{width:calc(50% - 1.5px);height:auto;top:calc(52% + 3px);bottom:0;left:0}.parking-panel-pedals{width:calc(50% - 1.5px);height:auto;inset:calc(52% + 3px) 0 0 auto}.is-inside .parking-panel-steering{width:100%;height:calc(50% - 1.5px);inset:0 0 auto}.is-inside .parking-panel-pedals{width:100%;height:auto;inset:calc(50% + 1.5px) 0 0}.parking-panel-labels>div>span{margin:8px;padding:4px 7px;font-size:.68rem}.parking-panel-labels .parking-gear{left:0;right:auto}.parking-panel-pedals .parking-pedal-status{display:none}.parking-combined-mobile-status{display:block}}.parking-preparing{z-index:2;color:#354e59;text-align:center;background:#eef2f7f5;place-items:center;padding:30px;font-size:14px;display:grid;position:absolute;inset:0}.parking-play[aria-disabled=true]{opacity:.65;cursor:wait}@media (width<=540px){.parking-player{flex-wrap:wrap}.parking-player .parking-play{justify-content:center;width:100%}.parking-player .parking-timeline{flex-basis:100%;width:100%}}