:root{--bg:#f5f7fb;--panel:#ffffff;--panel2:#eef3fa;--ink:#15233b;--muted:#5d6d83;--lime:#2563eb;--line:#e2e8f0;--warn:#b45309;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:14px;color:var(--ink);color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit;border:0;background:none}button:disabled{opacity:.46;cursor:not-allowed}img{max-width:100%}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button,a{touch-action:manipulation}.sidebar{position:fixed;inset:0 auto 0 0;width:235px;border-inline-end:1px solid var(--line);padding:30px 18px;background:#ffffff;z-index:20;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:0 15px;margin-bottom:40px}.brandmark{font:700 26px Arial;letter-spacing:-4px;border-radius:12px;background:var(--lime);color:#ffffff;width:47px;height:47px;display:grid;place-items:center;padding-inline-end:5px}.brand>span{font-size:10px;font-weight:750;line-height:1.35;letter-spacing:1.4px}.sidebar-label{font-size:9px;letter-spacing:1.9px;color:#5d6d83;padding:0 14px;margin:24px 0 11px}.nav{padding:12px 14px;display:flex;gap:12px;align-items:center;border-radius:9px;margin:3px 0;color:#52627a;font-size:11px;transition:background .2s,color .2s}.nav>span{font-size:19px;min-width:23px;text-align:center;color:#5d6d83}.nav small{margin-inline-start:auto;font-size:9px}.nav.active{background:#eff6ff;border:1px solid #dbeafe;color:var(--lime)}.nav.active>span{color:var(--lime)}.nav:hover{background:#f1f5f9;color:var(--ink)}.side-bottom{border:1px solid var(--line);border-radius:12px;padding:16px;margin:32px 10px 5px;font-size:8px;letter-spacing:1px}.live-dot{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin-inline-end:6px}.side-bottom p{font-size:10px;letter-spacing:0;line-height:1.65;color:var(--muted)}.side-bottom a{font-size:10px;letter-spacing:0;color:var(--lime)}.workspace{margin-inline-start:235px}.topbar{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 38px}.crumb{font-size:9px;letter-spacing:1.4px;color:#52627a;text-transform:uppercase}.crumb span{margin:0 18px;color:#94a3b8}.top-actions{display:flex;gap:20px;align-items:center}.language{display:flex;align-items:center;gap:8px;font-size:10px}.language select{border:0;background:none;color:#334155;font-size:10px;max-width:100px}.language option{background:var(--panel)}.avatar{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:19px}.menu{display:none}.skip{position:fixed;top:-100px;z-index:100;background:var(--lime);color:var(--bg);padding:12px}.skip:focus{top:0}main{padding:32px 38px 48px;max-width:1670px;margin:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:17px}.padded{padding:30px;margin-bottom:23px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#2563eb;display:flex;align-items:center;gap:9px}.eyebrow i{height:5px;width:5px;background:var(--lime);border-radius:50%}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:21px}.hero{border:1px solid var(--line);height:510px;position:relative;border-radius:18px;overflow:hidden;background:#eff6ff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 60%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#102325ed 0%,#13292aba 33%,#1528290a 85%),linear-gradient(0deg,#122326d9,transparent 35%)}.hero-copy{position:absolute;z-index:1;inset:38px auto auto 36px;max-width:570px}.hero h1{font-weight:480;font-size:clamp(42px,4vw,65px);line-height:1.10;letter-spacing:-2.8px;margin:25px 0 19px}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p{color:#52627a;max-width:325px;line-height:1.9;font-size:12px;margin-bottom:24px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:var(--lime);color:#ffffff;border:1px solid #2563eb;border-radius:7px;padding:13px 17px;font-size:11px;font-weight:650;min-height:44px;transition:background .15s,transform .15s}.button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.button.secondary{background:#ffffff;border-color:#cbd5e1;color:#15233b}.button.secondary:hover{background:#eff6ff}.button span{font-size:17px;font-weight:400}.button.full{width:100%}.hero-tags{display:flex;gap:11px;font-size:8px;color:#5d6d83;margin-top:18px}.hero-tags>span:not(:last-child){border-inline-end:1px solid #dee9d33b;padding-inline-end:11px}.hero-caption{position:absolute;bottom:21px;inset-inline-end:25px;font-size:11px;letter-spacing:3px}.hero-caption>span{font-size:6px;display:block;margin-top:7px;letter-spacing:1px;color:#5d6d83}.daily-panel{padding:24px;display:flex;flex-direction:column}.daily-panel .eyebrow{font-size:8px;letter-spacing:1.3px}.orbit-disc{width:117px;height:117px;border:1px solid #bfdbfe;border-radius:50%;margin:28px auto 23px;position:relative;background:radial-gradient(circle,#dbeafe,transparent 65%);display:grid;place-items:center}.orbit-disc:after{content:'';position:absolute;inset:14px;border:1px dashed #bfdbfe;border-radius:50%}.orbit-disc span{font-size:47px;color:var(--lime);font-weight:300}.orbit-disc i{position:absolute;top:12px;left:11px;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #dbeafe}.daily-panel h2{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.5px;margin:0 0 12px}.daily-panel p{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 21px}.daily-bottom{display:flex;gap:13px;align-items:center;margin-top:auto;padding-top:25px;font-size:24px;font-weight:300;color:#2563eb}.daily-bottom>span{font-size:10px;color:#15233b}.daily-bottom small{font-size:8px;display:block;margin-top:5px;color:#5d6d83}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;margin:27px 0 42px;padding:21px 0;border-bottom:1px solid var(--line);gap:20px}.metrics>div{display:flex;gap:13px;align-items:center;padding-inline-start:14px;border-inline-end:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics b{font-size:26px;font-weight:400;letter-spacing:-1px;color:#15233b}.metrics>div:last-child b{font-size:17px;letter-spacing:0}.metrics span{color:#5d6d83;font-size:10px;max-width:78px;line-height:1.5}.section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:40px 0 22px}.section-title h2{font-weight:450;font-size:29px;line-height:1.22;letter-spacing:-.9px;margin:12px 0 0}.section-title>a{font-size:10px;color:#2563eb;white-space:nowrap}.city-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.city-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.city-art{position:relative;height:156px;overflow:hidden;background:linear-gradient(125deg,#203b3a,#344b44)}.art-hamburg{background:linear-gradient(125deg,#213337,#3b4a56)}.art-munich{background:linear-gradient(125deg,#343831,#585043)}.city-no{position:absolute;top:17px;inset-inline-start:18px;z-index:1;font-size:11px;color:var(--city)}.city-art>small{position:absolute;bottom:16px;inset-inline-end:15px;z-index:1;border:1px solid #cbdcb934;background:#132125c9;color:#d6dfcc;padding:5px 8px;border-radius:5px;font-size:7px}.street-pattern{position:absolute;inset:0;transform:rotate(-28deg);opacity:.9}.street-pattern:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent 40px,#becfba15 40px,#becfba15 42px,transparent 42px,transparent 90px),repeating-linear-gradient(0deg,transparent,transparent 30px,#c6d6c011 30px,#c6d6c011 32px,transparent 32px,transparent 58px)}.street-pattern i{position:absolute;width:125%;height:20px;top:40px;left:-10%;background:#a1b5a427;border-block:1px solid #d8e8cd26}.street-pattern i:nth-child(2){top:95px;transform:rotate(90deg)}.street-pattern i:nth-child(3){top:127px;height:11px;transform:rotate(0deg)}.street-pattern b{position:absolute;left:52%;top:66px;color:var(--city);font-size:30px;font-weight:400}.city-card:hover .city-art{filter:brightness(1.1)}.city-content{padding:20px}.city-content h3{font-size:23px;letter-spacing:-.6px;font-weight:450;display:flex;align-items:center;justify-content:space-between;margin:0 0 11px}.city-content h3>span{color:var(--city);font-size:22px}.city-content p{color:#52627a;font-size:10px;line-height:1.6;min-height:32px;margin:0 0 14px}.city-content>div{font-size:8px;color:#5d6d83;padding-top:13px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:5px}.split-feature{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin:38px 0}.split-feature>div:first-child{padding:33px}.split-feature h2{font-size:31px;font-weight:450;letter-spacing:-1px;margin:18px 0 12px}.split-feature p{max-width:350px;line-height:1.9;color:var(--muted);font-size:11px;margin:0 0 20px}.parking-illustration{min-height:230px;background:#293c3b;position:relative;overflow:hidden}.parking-illustration img{height:100%;width:100%;object-fit:cover;opacity:.8}.parking-illustration:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffffff,transparent 35%)}.parking-illustration>span{position:absolute;right:21px;top:21px;border:1px solid #e8f1cc5c;border-radius:8px;width:40px;height:40px;display:grid;place-items:center;font-size:22px;color:var(--lime)}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lesson-card{padding:24px;display:block;position:relative;transition:border-color .15s}.lesson-card:hover{border-color:#93c5fd}.lesson-symbol{display:block;color:var(--lime);font-size:24px;background:#f1f5f9;border:1px solid #dbeafe;border-radius:11px;width:47px;height:47px;padding:9px;margin-bottom:22px;text-align:center}.lesson-card>small{color:#5d6d83;font-size:8px;letter-spacing:.5px}.lesson-card h3{font-size:18px;font-weight:500;line-height:1.35;margin:12px 0 10px}.lesson-card p{font-size:10px;color:var(--muted);line-height:1.8;min-height:35px}.card-end{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#5d6d83;padding-top:15px;margin-top:18px}.card-end span{font-size:18px;color:var(--lime)}.notice{display:flex;align-items:flex-start;gap:11px;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;color:#475569;padding:17px 20px;margin:25px 0;font-size:11px;line-height:1.9}.page-heading{margin:15px 0 36px;max-width:950px}.page-heading h1{font-size:46px;line-height:1.15;font-weight:450;letter-spacing:-1.9px;margin:20px 0 18px}.page-heading>p{max-width:720px;color:var(--muted);font-size:13px;line-height:1.9}.padded h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0 0 17px}.padded h3{font-size:17px;font-weight:500}.padded p{color:#475569;line-height:1.9;font-size:12px}.area-row{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.7}.area-row:last-child{border-bottom:0}.area-row strong{font-weight:550;font-size:14px}.area-row small{display:block;font-size:10px;line-height:1.8;color:var(--muted);margin-top:4px}.area-row>span:last-child{color:var(--lime)}.badge{display:inline-flex;padding:6px 9px;border:1px solid #dbeafe;border-radius:5px;color:#1d4ed8;font-size:8px;white-space:nowrap;letter-spacing:.2px}.route-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:23px}.map-panel{min-height:400px;position:relative;overflow:hidden;margin-bottom:23px}.map-panel canvas{width:100%;height:100%;min-height:400px;object-fit:contain}.map-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#e2e8f0,#f1f5f9)}.map-empty>span{font-size:55px;color:#2563eb}.map-empty h2{font-size:24px;font-weight:450}.map-empty p{font-size:12px;color:var(--muted);line-height:1.8;max-width:400px}.map-credit{position:absolute;bottom:10px;left:12px;font-size:7px;color:#475569;background:#ffffffe6;padding:3px}.mode-picker{display:flex;flex-direction:column;gap:7px;margin:22px 0}.mode-picker button{border:1px solid var(--line);border-radius:7px;padding:13px;text-align:start;color:#475569;font-size:11px}.mode-picker button.active{background:#eff6ff;color:var(--lime);border-color:#bfdbfe}.import-world{margin-top:24px;font-size:11px}.import-world input{font-size:9px;width:100%;margin:14px 0}.small{font-size:10px!important;line-height:1.8}.muted{color:var(--muted)}.source-link{display:inline-block;font-size:11px;color:var(--lime);margin:9px 14px 0 0;word-break:break-word}.search-field{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:0 15px;background:var(--panel);margin:20px 0 28px}.search-field>span{color:var(--lime);font-size:24px}.search-field input{background:none;border:0;margin:0;padding:16px 0;color:var(--ink);font-size:12px;outline:none;width:100%}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.topic-card{padding:24px}.topic-card>small{color:#5d6d83;font-size:9px}.topic-card h3{font-size:15px;font-weight:500;min-height:45px;line-height:1.55}.topic-card p{font-size:10px;color:var(--muted)}.text-button{font-size:11px;color:var(--lime);padding:8px 0;text-align:start}.topic-card a{font-size:9px;color:var(--muted)}.section-actions{margin:22px 0}.question-links{margin-top:30px}.quiz-shell{max-width:920px;margin:25px auto 40px}.quiz-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-bottom:18px}.quiz-progress{height:3px;background:#e2e8f0;margin:16px 0 24px;border-radius:5px;overflow:hidden}.quiz-progress>i{display:block;height:100%;background:var(--lime)}.question-card{padding:34px}.question-card h2{font-size:25px;line-height:1.5;letter-spacing:-.5px;font-weight:450;margin:18px 0 22px}.answer-option{display:flex;align-items:flex-start;text-align:start;gap:13px;border:1px solid #dbe3ef;width:100%;padding:17px 18px;margin:11px 0;border-radius:8px;font-size:13px;line-height:1.8;color:#334155}.answer-option>span{border:1px solid #94a3b8;border-radius:4px;width:20px;height:20px;min-width:20px;margin-top:2px;display:grid;place-items:center}.answer-option.selected{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.answer-option.good{border-color:#16a34a;background:#f0fdf4}.answer-option.bad{border-color:#dc2626;background:#fef2f2}.answer-explanation{padding:20px;background:#eff6ff;border-inline-start:3px solid #2563eb;margin:22px 0}.answer-explanation h3{font-size:15px;font-weight:500}.answer-explanation p{font-size:12px;line-height:1.9;color:#475569}.question-sign{max-width:100px;max-height:120px;object-fit:contain;margin:12px}.question-reference>ul{padding-inline-start:24px;color:#475569;line-height:2.2}.question-reference{max-width:900px}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.quiz-picker{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.quiz-picker button{background:var(--panel);border:1px solid var(--line);width:32px;height:32px;border-radius:5px;color:#475569;font-size:10px}.quiz-picker button.active{background:var(--lime);color:#ffffff}.quiz-picker button.done{border-color:#93c5fd}.big-result{font-size:65px;font-weight:350;letter-spacing:-3px;color:var(--lime);margin:10px 0}.lesson-body{max-width:910px}.learning-block{padding:26px 30px;border:1px solid var(--line);background:var(--panel);border-radius:12px;margin-bottom:16px}.learning-block h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.4px}.learning-block p,.learning-block li{font-size:13px;line-height:1.95;color:#475569}.learning-block li{margin:7px 0}.type-warning{border-inline-start:3px solid #ddb795}.type-tip{border-inline-start:3px solid var(--lime)}.block-type{font-size:8px;text-transform:uppercase;letter-spacing:1.6px;color:#2563eb}.lesson-signs{display:flex;gap:25px;flex-wrap:wrap}.lesson-signs img{height:95px;max-width:110px;object-fit:contain}.sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sign-card{padding:22px;position:relative}.sign-card>div{height:110px;display:flex;align-items:center;justify-content:center;margin-bottom:21px}.sign-card img{width:auto;max-height:100px;object-fit:contain}.sign-card small{font-size:9px;color:#5d6d83}.sign-card h3{font-size:13px;font-weight:550;line-height:1.5;min-height:40px}.sign-card p{font-size:10px;color:#5d6d83;line-height:1.75}.sign-card>span{display:block;text-align:end;color:var(--lime);font-size:20px}.sign-detail{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:50px;padding:40px}.sign-detail>img{max-height:230px;max-width:220px;object-fit:contain}.sign-detail p{line-height:2;color:#475569}.sim-launch{position:relative;overflow:hidden;height:460px;margin-bottom:25px}.launch-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sim-launch:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#182d2bf2,transparent 90%)}.sim-launch>div{position:relative;z-index:1;padding:50px;max-width:440px}.sim-launch h2{font-size:42px;font-weight:450;letter-spacing:-1.6px}.sim-launch p{font-size:13px;line-height:1.8;color:#475569}.sim-launch .button{margin-top:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:25px}.stat{padding:24px}.stat>strong{display:block;font-size:40px;font-weight:350;color:var(--lime);letter-spacing:-1.5px}.stat>small{display:block;font-size:10px;color:#5d6d83;margin-top:9px}.progress-meter{height:5px;background:#e2e8f0;border-radius:5px;overflow:hidden;margin:17px 0}.progress-meter i{display:block;height:100%;background:var(--lime)}.danger{color:#b91c1c}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.price-card{padding:36px}.price-card.featured{border-color:#bfdbfe;background:linear-gradient(130deg,#eff6ff,#ffffff)}.price-card h2{font-size:29px;font-weight:400;margin:23px 0}.price{font-size:63px;font-weight:350;letter-spacing:-3px;color:var(--lime)}.price small{font-size:10px;letter-spacing:0;color:#5d6d83;display:block;margin:14px 0 25px}.price-card p{font-size:12px;color:#475569;line-height:1.9}.price-card .button{margin-top:20px}form label{font-size:11px;color:#475569;display:block;margin:20px 0}input,select{display:block;width:100%;padding:12px 14px;background:#ffffff;border:1px solid #cbd5e1;border-radius:7px;color:#15233b;margin-top:9px;min-height:43px}input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;accent-color:var(--lime)}.checkbox{display:flex;align-items:center;gap:9px;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden}.hazard-layout{overflow:hidden;display:grid;grid-template-columns:1.7fr 1fr}.hazard-stage{background:#f1f5f9;display:grid;place-items:center;min-height:330px}.hazard-stage video{display:block;width:100%}.hazard-layout .padded{margin:0}.hazard-layout h2{margin-top:24px}.log-table{width:100%;border-collapse:collapse;font-size:11px;color:#475569}.log-table th,.log-table td{padding:14px 8px;text-align:start;border-bottom:1px solid var(--line)}#drive-lock{display:block;background:#fffbeb;border-color:#fde68a;padding:24px}#drive-lock strong{display:block;color:#92400e}#drive-lock p{color:#92400e}.mileage-total{font-size:32px;font-weight:350;color:var(--lime)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);padding:15px 22px;color:#ffffff;border-radius:8px;font-size:12px;z-index:100;opacity:0;pointer-events:none;max-width:85vw;box-shadow:0 10px 40px #0004;transition:opacity .2s}#toast.show{opacity:1}dialog{background:#ffffff;color:var(--ink);border:1px solid #e2e8f0;border-radius:15px;padding:35px;max-width:740px;width:calc(100% - 40px)}dialog::backdrop{background:#0f172a80;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:8px;right:12px;font-size:25px}summary{cursor:pointer;color:#334155;line-height:1.9}footer{border-top:1px solid var(--line);margin:10px 38px 0;padding:30px 0 40px}.footer-brand{font-size:10px;font-weight:650;letter-spacing:1.4px;display:flex;justify-content:space-between}.footer-brand span{font-size:8px;color:#5d6d83;font-weight:400}footer p{font-size:9px;line-height:1.8;color:#5d6d83;max-width:650px;margin:18px 0}footer>div:last-child{display:flex;gap:20px;flex-wrap:wrap;font-size:9px;color:#475569}[dir=rtl] .sidebar{left:auto;right:0}[dir=rtl] .hero-copy{inset:38px 36px auto auto}[dir=rtl] .hero-overlay{background:linear-gradient(270deg,#102325ee,#14282cb0 40%,transparent 90%),linear-gradient(0deg,#122326d9,transparent 40%)}[dir=rtl] .hero h1{letter-spacing:0;font-size:58px}[dir=rtl] .eyebrow,[dir=rtl] .sidebar-label{letter-spacing:0}[dir=rtl] .hero-image{transform:scaleX(-1)}[dir=rtl] .page-heading h1{letter-spacing:0}[dir=rtl] .crumb{letter-spacing:0}
@media(min-width:1600px){.hero{height:565px}.hero-copy{top:55px;left:44px}.hero h1{font-size:70px}.hero-copy>p{font-size:13px;max-width:380px}.hero-layout{grid-template-columns:minmax(0,1fr) 280px}.daily-panel{padding:30px}.daily-panel h2{font-size:26px}.daily-panel p{font-size:13px}.city-art{height:200px}}
@media(max-width:1250px){.sidebar{width:205px;padding-inline:12px}.workspace{margin-inline-start:205px}main{padding:25px}.topbar{padding-inline:25px}.hero-layout{grid-template-columns:minmax(0,1fr) 220px;gap:15px}.hero{height:500px}.hero-copy{left:26px;right:15px;max-width:440px}.hero h1{font-size:45px}.hero-copy>p{font-size:11px;max-width:260px}.hero .actions{max-width:340px}.hero .button{padding:12px 13px;font-size:10px}.hero-tags{flex-wrap:wrap;font-size:7px}.daily-panel{padding:20px}.daily-panel .eyebrow{font-size:7px}.daily-panel h2{font-size:21px}.daily-panel p{font-size:11px}.metrics{gap:10px}.metrics>div{gap:8px;padding-inline-start:4px}.metrics b{font-size:23px}.metrics span{font-size:8px}.metrics>div:last-child b{font-size:13px}.city-content{padding:17px}.city-content h3{font-size:21px}.sign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-grid{gap:13px}.lesson-card{padding:20px}.route-layout{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.hazard-layout{grid-template-columns:1fr}.hero-tags>span:last-child{display:none}}
@media(max-width:960px){.sidebar{width:188px}.workspace{margin-inline-start:188px}.brand{padding:0 8px}.brandmark{width:39px;height:39px}.brand>span{font-size:8px}.nav{font-size:10px;padding:11px 8px;gap:8px}.hero-layout{grid-template-columns:1fr}.daily-panel{display:none}.hero{height:470px}.hero-copy{max-width:510px}.hero h1{font-size:53px}.hero-copy>p{max-width:310px;font-size:12px}.hero .actions{max-width:none}.metrics>div{flex-direction:column;align-items:flex-start;gap:7px}.metrics span{max-width:none}.metrics>div:last-child b{font-size:13px}.metrics{margin-bottom:30px}.city-grid{gap:12px}.city-content h3{font-size:18px}.city-content p{font-size:9px}.city-content>div{font-size:7px;flex-direction:column}.city-art{height:135px}.section-title h2{font-size:25px}.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-layout{grid-template-columns:1fr}.map-panel{min-height:360px}.route-layout>aside{margin-bottom:20px}.page-heading h1{font-size:36px}.sign-detail{grid-template-columns:130px 1fr;gap:30px;padding:30px}.sign-detail>img{max-width:130px}.price-card{padding:25px}.price{font-size:53px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crumb{font-size:8px}.crumb span{margin:0 10px}[dir=rtl] .hero h1{font-size:51px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;box-shadow:20px 0 60px #0007}.sidebar.open{transform:none}[dir=rtl] .sidebar{transform:translateX(100%)}[dir=rtl] .sidebar.open{transform:none}.workspace{margin:0}.topbar{height:68px;padding:0 18px;gap:12px}.menu{display:block;color:var(--lime);font-size:20px}.crumb{margin-inline-end:auto;font-size:7px;letter-spacing:.5px;line-height:1.7}.crumb span{margin:0 6px}.top-actions{gap:12px}.avatar{width:30px;height:30px}.language select{font-size:9px;max-width:74px}.language{gap:2px}.language>span{display:none}main{padding:19px 16px 30px}.hero{height:545px;border-radius:13px}.hero-copy{inset:27px 22px auto;max-width:none}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:46px;letter-spacing:-2px;margin:25px 0 18px}.hero-copy>p{font-size:11px;max-width:280px;line-height:1.85}.hero-overlay{background:linear-gradient(180deg,#102627ed,#102727bc 45%,transparent 100%),linear-gradient(0deg,#152d30,transparent 30%)}.hero-image{object-position:70% 70%}.hero .actions{gap:10px}.hero .button{font-size:10px;padding:12px 14px}.hero-tags{margin-top:19px;font-size:7px}.hero-caption{bottom:19px;right:18px;font-size:10px}.metrics{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 0;margin:9px 0 29px}.metrics b{font-size:22px}.metrics>div:last-child b{font-size:11px;line-height:2.2}.metrics span{font-size:7px}.metrics>div{padding-inline-start:4px;gap:4px}.section-title{align-items:center;margin-top:30px;gap:15px}.section-title h2{font-size:25px;letter-spacing:-.8px}.section-title .eyebrow{font-size:7px}.section-title>a{font-size:8px;white-space:normal;max-width:75px}.city-grid{grid-template-columns:1fr;gap:14px}.city-card{display:grid;grid-template-columns:130px 1fr;border-radius:12px}.city-art{height:100%;min-height:153px}.city-art small{font-size:6px;inset-inline-end:9px;bottom:12px}.city-content h3{font-size:24px;margin-bottom:9px}.city-content p{font-size:10px;min-height:0;margin-bottom:11px}.city-content>div{flex-direction:row;font-size:7px;padding-top:9px}.city-content{padding:19px 18px}.split-feature{grid-template-columns:1fr;margin:30px 0}.split-feature>div:first-child{padding:25px}.split-feature h2{font-size:28px}.split-feature p{font-size:11px}.parking-illustration{min-height:190px;max-height:220px}.parking-illustration:after{background:linear-gradient(180deg,#ffffff,transparent 60%)}.lesson-grid{gap:11px}.lesson-card{padding:18px 15px}.lesson-symbol{width:37px;height:37px;padding:6px;font-size:20px;margin-bottom:18px}.lesson-card h3{font-size:15px}.lesson-card p{font-size:9px;line-height:1.7}.card-end{font-size:8px;gap:8px}.notice{font-size:10px;padding:15px;margin:22px 0}.page-heading{margin:15px 0 28px}.page-heading h1{font-size:36px;letter-spacing:-1.4px;line-height:1.2}.page-heading>p{font-size:12px}.topic-grid{grid-template-columns:1fr}.topic-card h3{min-height:0}.padded{padding:23px}.route-layout{gap:0}.map-panel{min-height:320px}.map-panel canvas{min-height:320px}.map-empty{padding:24px}.map-empty h2{font-size:21px}.map-empty p{font-size:11px}.area-row{font-size:11px;gap:10px}.area-row strong{font-size:13px}.area-row small{font-size:9px}.area-row .badge{font-size:6px;padding:4px}.sign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sign-card{padding:17px}.sign-card>div{height:88px}.sign-card img{max-height:85px}.sign-card h3{font-size:12px}.sign-card p{font-size:9px;line-height:1.7}.sign-detail{display:flex;flex-direction:column;gap:25px;padding:27px}.sign-detail>img{max-width:160px;max-height:190px}.sign-detail h2{font-size:22px}.sign-detail p{font-size:12px}.question-card{padding:22px}.question-card h2{font-size:21px;line-height:1.6}.answer-option{font-size:12px;padding:14px;gap:11px}.answer-explanation{padding:15px}.quiz-picker{gap:5px}.quiz-picker button{width:30px;height:30px}.quiz-nav{gap:10px}.quiz-nav .button{font-size:10px;padding:12px}.learning-block{padding:22px}.learning-block h3{font-size:20px}.learning-block p,.learning-block li{font-size:12px}.sim-launch{height:430px}.sim-launch>div{padding:30px}.sim-launch h2{font-size:36px}.sim-launch p{font-size:12px}.pricing-grid{grid-template-columns:1fr}.price-card{padding:28px}.price{font-size:63px}.stat{padding:22px}.stat>strong{font-size:33px}.stat>small{font-size:9px}.stat-grid{gap:12px}.hazard-stage{min-height:200px}.log-table{font-size:9px}.log-table th,.log-table td{padding:12px 5px}.source-link{font-size:10px}footer{margin:0 16px;padding:25px 0 35px}.footer-brand{font-size:9px}.footer-brand span{font-size:6px}footer p{font-size:8px}footer>div:last-child{gap:12px;font-size:8px}[dir=rtl] .hero-copy{inset:27px 22px auto}[dir=rtl] .hero h1{font-size:47px;line-height:1.4;margin-top:18px}[dir=rtl] .hero-overlay{background:linear-gradient(180deg,#102627ed,#102727bc 45%,transparent 100%),linear-gradient(0deg,#152d30,transparent 30%)}[dir=rtl] .hero-image{object-position:70% 70%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white;color:black}.sidebar,.topbar,footer,.button,.actions,.page-heading,.route-layout,#drive-lock,.notice,main>.padded:not(#mileage-panel){display:none!important}.workspace{margin:0}main{padding:0}.panel{background:white;border:0;color:black}.log-table,.log-table td,.log-table th,.mileage-total{color:black}#mileage-panel{display:block!important}#mileage-panel h2:before{content:'learn-to-drive.com · BF17 · '}.log-table td,.log-table th{border-color:#ccc}}

.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.comparison-grid>div{border:1px solid var(--line);border-radius:12px;padding:18px}.lesson-signs a{display:grid;justify-items:center;gap:8px;max-width:130px;text-align:center;font-size:11px}.learning-block details{padding:16px;border:1px solid var(--line);border-radius:10px}.learning-block summary{cursor:pointer;color:var(--lime)}.stopping-calc input{width:100%;margin:16px 0;accent-color:#2563eb}.stopping-calc output{display:block;font-size:16px;line-height:1.9}.stopping-calc output strong{font-size:28px}@media(max-width:700px){.comparison-grid{grid-template-columns:1fr}}
/* Theory Pass pricing + paywall */
.pricing-theory{margin-bottom:2.5rem}
.section-title{margin:2rem 0 .4rem;font-weight:500}
.paywall{display:grid;gap:.9rem;max-width:30rem;padding:.5rem}
.paywall h2{margin:0;font-weight:500}

/* right-of-way scene diagrams (public/lib/scene.mjs) */
.scene-figure{margin:18px 0 22px;max-width:520px;width:100%;direction:ltr}
.scene-svg{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:14px;border:1px solid var(--line);background:#1c2a26}
.question-card .scene-figure{margin-inline:auto}
@media (max-width:600px){.scene-figure{margin:14px 0 18px}}