:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-synthesis:none;color:#18243c;background:#f5f7fc;--ink:#18243c;--muted:#63708a;--line:#e2e7f1;--blue:#2457e6;--green:#067c61;--purple:#6843d5;--orange:#a8510f;--radius:16px}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{min-width:0;max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #2457e6;outline-offset:4px}.symbols{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:absolute;top:-80px;left:20px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}.shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;padding:30px 18px 20px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:800;line-height:1.1;margin-bottom:38px;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:45px;height:45px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--blue);color:white;border-radius:14px;font-size:20px;letter-spacing:-1px;flex-shrink:0}.brand-mark span{color:#60e8b5;position:absolute;right:5px;top:0;font-size:22px}.brand small{display:block;font-size:12px;letter-spacing:2px;margin-top:7px;color:var(--blue)}.nav-heading{font-size:12px;font-weight:700;letter-spacing:1.4px;color:#778399;margin:0 14px 12px}nav{display:grid;gap:5px}nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;color:#61708b;font-size:15px;font-weight:600}nav a:hover{background:#f4f6fc;color:var(--ink)}nav a.active{background:#eaf0ff;color:var(--blue)}.sidebar-bottom{margin-top:auto;padding:25px 10px 0}.sidebar-bottom>a:last-child{display:block;color:var(--muted);font-size:14px;margin-top:20px;text-decoration:none}.app-link{display:flex;gap:10px;align-items:center;padding:14px 12px;background:#eaf9f3;color:#09684d;border-radius:12px;text-decoration:none;font-size:14px;font-weight:650}.app-link small{display:block;font-size:12px;font-weight:400;margin-top:3px}.content{margin-left:244px;flex:1;min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 36px;background:white;border-bottom:1px solid var(--line)}#viewTitle{font-size:16px;font-weight:650}.account{display:flex;align-items:center;gap:10px;font-size:14px}.account a{font-size:14px;color:var(--muted);margin-left:8px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#eee8ff;color:#6843d5;font-weight:750;flex-shrink:0}.role-label{font-size:12px;color:var(--muted);margin-right:10px}.private-review{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 36px;background:#fff5dc;color:#71591c;font-size:12px}.private-review a{font-weight:700}main{max-width:1460px;margin:auto;padding:30px 36px 40px;min-height:calc(100vh - 145px)}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.25;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:21px;line-height:1.35;letter-spacing:-.4px;margin-bottom:16px}h3{font-size:17px;line-height:1.35;margin-bottom:6px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{color:var(--muted);margin:0;font-size:16px}.page-heading .eyebrow{display:none}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.3px;display:block;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;min-height:46px;border:1px solid transparent;border-radius:10px;background:var(--blue);color:white;font-size:16px;font-weight:650;text-decoration:none;transition:background .15s,transform .15s}.button:hover{background:#1646cd}.button.light{background:white;color:var(--blue)}.button.secondary{background:white;color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:#f0f4ff;border-color:#b8c9ef}.button.small{font-size:14px;min-height:40px;padding:8px 13px}.text-button{border:0;background:none;color:var(--blue);font-size:14px;font-weight:650;padding:8px 0;text-decoration:none;min-height:36px}.text-button:hover{text-decoration:underline}.muted,.reference{color:var(--muted)}.reference{font-size:14px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{padding:22px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);background:white;border-radius:var(--radius);text-decoration:none}.metric-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eaf0ff;color:var(--blue)}.metric.green .metric-icon{background:#dcf8e9;color:#067c61}.metric.orange .metric-icon{background:#fff0d6;color:#a8510f}.metric.purple .metric-icon{background:#eee8ff;color:#6843d5}.metric div>span{color:var(--muted);font-size:14px}.metric strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;margin-top:4px}.metric small{font-size:14px;font-weight:400;margin-left:8px;letter-spacing:0;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:22px}.next-card{background:var(--blue);color:white;padding:28px;border-radius:var(--radius);border:1px solid #2457e6}.next-card .eyebrow{color:#d8e6ff}.next-title{display:flex;align-items:center;justify-content:space-between;margin:13px 0 6px}.next-title h2{font-size:32px;margin:0}.round-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;border:1px solid #7e9cff}.next-card p{color:#e3ebff;margin-bottom:23px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-bottom:22px;min-width:0}.dashboard-grid .panel{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.section-header h2{margin:0}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:30px 0 22px}.week-grid>div{display:grid;text-align:center;gap:12px;font-size:12px;color:var(--muted)}.day-count{height:45px;background:#f3f5fa;border-radius:10px;display:grid;place-items:center;font-size:16px;font-weight:700}.day-count.has-activity{background:#dff7e9;color:#067c61}.weekly p{font-size:14px;margin-bottom:0}.quick-grid{display:grid;gap:13px}.quick-card{display:flex;align-items:center;gap:15px;min-width:0;background:white;border:1px solid var(--line);border-radius:14px;padding:21px;text-decoration:none}.quick-card>svg:first-child{width:29px;height:29px;color:var(--blue)}.quick-card>svg:last-child{margin-left:auto;width:20px;color:#6e7a90}.quick-card.green>svg:first-child{color:var(--green)}.quick-card.orange>svg:first-child{color:var(--orange)}.quick-card.purple>svg:first-child{color:var(--purple)}.quick-card:hover{border-color:#aabfea;background:#fafbff}.quick-card p{font-size:14px;color:var(--muted);margin:4px 0 0}.activity{grid-column:1/-1}.quiet-empty{text-align:center;padding:20px 10px;color:var(--muted)}.quiet-empty>.icon{width:40px;height:40px;margin-bottom:14px;color:#8495b0}.quiet-empty h3{color:var(--ink)}.quiet-empty p{max-width:440px;margin:8px auto 18px;font-size:14px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row-title{font-weight:650}.row small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.badge{display:inline-flex;padding:5px 9px;background:#edf1fa;color:#536680;font-size:12px;font-weight:650;border-radius:7px;white-space:nowrap}.badge.success{background:#dcf6e8;color:#086e50}.badge.warn{background:#fff0d5;color:#825411}.school-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:22px}.school-actions{display:grid;align-content:start;gap:14px}.school-actions .panel{margin:0}.school-actions p{font-size:14px;color:var(--muted)}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.teacher-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.teacher-card h2{margin-bottom:5px}.teacher-card p{font-size:14px;color:var(--muted);word-break:break-word}.teacher-card .result-actions{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.danger-text{color:#b33948}.search-field{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:0 12px;max-width:300px}.search-field input{border:0;width:100%;padding:10px 0}.search-field .icon{width:18px;color:var(--muted)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:14px}th{font-size:12px;font-weight:650;letter-spacing:.5px;color:var(--muted);padding:12px 10px;background:#f7f9fc;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 10px;border-bottom:1px solid var(--line)}td small{display:block;font-size:12px;color:var(--muted);margin-top:5px}td .button{white-space:nowrap}td .text-button{display:block}.test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.test-card{padding:0;overflow:hidden;background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:14px}.test-top{display:flex;align-items:center;justify-content:space-between}.test-number{background:#edf1ff;color:var(--blue);padding:6px 11px;border-radius:9px;font-size:14px;font-weight:750}.test-card h2{font-size:22px;margin:0 0 5px}.test-card p{font-size:14px;color:var(--muted);margin:0}.test-card.unavailable{background:#f7f8fb}.test-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.test-actions .button{flex:1}.mode-guide{display:flex;gap:15px 30px;flex-wrap:wrap;padding:17px 20px;border-radius:12px;background:#eef3ff;color:#455b86;margin-bottom:22px;font-size:14px}.all-questions{margin-top:24px}.all-questions p{margin:0}.topic-search{display:grid;gap:8px;max-width:500px;font-size:14px;font-weight:650;margin-bottom:28px}.topic-section{margin-bottom:30px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.topic-card{padding:0;overflow:hidden;background:white;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;gap:15px}.topic-card .button{align-self:flex-start}.topic-card p{font-size:14px;color:var(--muted);margin-bottom:6px}progress{width:100%;height:7px;border:0;appearance:none;border-radius:8px;overflow:hidden;display:block;margin-top:12px;background:#edf1f7}progress::-webkit-progress-bar{background:#edf1f7}progress::-webkit-progress-value{background:#1aaf80;border-radius:8px}progress::-moz-progress-bar{background:#1aaf80}.field{display:grid;gap:7px;font-size:14px;font-weight:650;margin-bottom:18px}.field small{font-size:12px;color:var(--muted);font-weight:400}input,select,textarea{padding:12px;border:1px solid #c9d3e3;background:white;border-radius:9px;color:var(--ink)}textarea{resize:vertical;min-height:110px}.check-line{display:flex;gap:10px;align-items:center;margin:20px 0}.check-line input{width:21px;height:21px;accent-color:var(--blue)}.filters{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 22px}.filters label{display:flex;gap:10px;align-items:center;font-size:14px}.notice-box{background:#fff6df;border:1px solid #eedaa4;color:#73591d;border-radius:12px;padding:17px 20px;margin-bottom:20px}.notice-box p{margin:6px 0 0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat{padding:23px;background:white;border:1px solid var(--line);border-radius:14px}.stat label{font-size:14px;display:block;color:var(--muted)}.stat strong{display:block;font-size:32px;margin-top:5px}.stat small{font-size:14px;font-weight:400;margin-left:8px;color:var(--muted)}.exam-mode main{max-width:1480px;padding-top:20px}.exam-heading,.exam-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.exam-heading{margin-bottom:12px}.exam-heading strong{font-size:20px}.timer{font-variant-numeric:tabular-nums;font-size:20px;font-weight:750;background:white;border:1px solid var(--line);padding:8px 14px;border-radius:10px}.timer.urgent{color:#a52b40;background:#fff0f2}.exam-toolbar{margin-bottom:15px;font-size:14px}.practice{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(350px,1fr);align-items:start;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-width:0}.scene{margin:0;background:#e9edf4;position:sticky;top:16px;min-width:0}.scene button{display:block;border:0;padding:0;background:none;width:100%}.scene img{display:block;width:100%;height:auto;object-fit:contain}.enlarge-label{display:flex;justify-content:flex-end;padding:10px 14px;color:#4e6280;background:#edf1f8;font-size:14px}.scene figcaption{font-size:12px;color:var(--muted);padding:6px 14px}.question-body{padding:24px;min-width:0}.question-body h1{font-size:22px;line-height:1.4;letter-spacing:-.4px;white-space:pre-line;margin-bottom:18px}.question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.question-meta span{font-size:12px;font-weight:700;letter-spacing:.6px;color:var(--blue)}.hint{font-size:14px;color:var(--muted);margin-bottom:16px}.answers{display:grid;gap:10px}.answer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #d6dfed;border-radius:11px;cursor:pointer;min-height:62px}.answer:has(input:checked){background:#eef3ff;border-color:#7698f6}.yes{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:14px;font-weight:650}.yes input{width:23px;height:23px;margin:0;accent-color:var(--blue)}.answer.correct{background:#ecfaf3;border-color:#94ceb4}.answer.wrong{background:#fff1f4;border-color:#dfa1ad}.answer small{display:block;font-size:14px;margin-top:8px}.question-footer{display:flex;justify-content:space-between;gap:12px;padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}.question-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:16px}.feedback{padding:19px;background:#eaf8f1;border-radius:12px;margin-top:20px;font-size:16px}.feedback p{margin:8px 0 0}.feedback .reference{font-size:14px}.step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:22px 0;max-height:55vh;overflow:auto}.step-grid button{height:48px;font-size:16px;border:1px solid var(--line);border-radius:9px;background:#f3f5f9;color:var(--muted)}.step-grid button.current{background:var(--blue);color:white}.step-grid button.done{background:#dff6e8;color:#086b4e}.result-head{padding:30px;background:#dcf6e8;color:#125540;border:1px solid #bfe9d3;border-radius:16px;display:flex;align-items:center;gap:26px;margin-bottom:24px}.result-head.needs-work{background:#fff1d9;color:#794811;border-color:#f2dab1}.result-head strong{font-size:58px;line-height:1;white-space:nowrap}.result-head strong small{font-size:18px;font-weight:500;margin-left:8px}.result-head h2{margin:0 0 8px;font-size:25px}.result-head p{margin:0}.result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.result-actions .check-line{margin:0}.review-list{margin-top:26px}.review{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;margin-bottom:12px}.review summary{font-weight:650;cursor:pointer;line-height:1.7}.review .badge{margin-right:10px}.review-body{padding-top:20px}.review img{width:100%;max-width:780px;height:auto;object-fit:contain;border-radius:10px}.review-answer{padding:11px 0;border-bottom:1px solid var(--line)}.review-answer small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.incorrect{color:#b33948}.review-body p{margin-top:18px}.review-body form{padding-top:18px;border-top:1px solid var(--line)}.help p,.help li{max-width:780px;color:var(--muted)}.help h2:not(:first-child){margin-top:30px}.empty{text-align:center;padding:35px 12px}.empty p{color:var(--muted);max-width:440px;margin:10px auto 20px}.loading{padding:80px 20px;text-align:center;color:var(--muted)}.login{padding:35px;max-width:600px;margin:35px auto;background:white;border:1px solid var(--line);border-radius:16px}.login p{color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 36px;font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:18px;padding:27px;width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 100px #12244440}dialog::backdrop{background:#122441b3}.dialog-close{display:flex;margin-left:auto;margin-bottom:15px}dialog.image-dialog{width:min(1450px,calc(100vw - 20px));padding:12px}dialog.image-dialog img{display:block;width:100%;height:auto;max-height:calc(90dvh - 70px);object-fit:contain}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(680px,90vw);background:var(--ink);color:white;padding:15px 22px;border-radius:12px;box-shadow:0 8px 30px #12244430;z-index:100;font-size:14px}.toast.error{background:#932d41}.mobile-nav{display:none}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-grid .panel{margin:0}.install-steps{padding-left:22px;color:var(--muted)}.install-steps li{margin-bottom:12px}.offline-status{padding:12px 16px;background:#fff1d9;border:1px solid #ebd1a4;border-radius:10px;margin-bottom:18px}.download-list{margin-top:24px}.download-list .row{flex-wrap:wrap}.app-icon{width:64px;height:64px;border-radius:18px;margin-bottom:15px}
@media(min-width:1500px){main{padding-top:36px}.next-card{padding:32px}.metric{padding:24px}}
@media(max-width:1250px){.sidebar{width:220px;padding:25px 14px}.content{margin-left:220px}.brand{font-size:16px}.brand-mark{width:39px;height:39px}.topbar{padding:0 26px}main{padding:26px}.dashboard-grid{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr)}.metric{padding:18px;gap:12px}.metric-icon{width:42px;height:42px}.metric strong{font-size:28px}.school-grid{grid-template-columns:1fr}.school-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.practice{grid-template-columns:minmax(0,1fr)}.scene{position:static}.scene img{max-height:55vh;object-fit:contain}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:1fr}.activity{grid-column:auto}.dashboard-stats{gap:12px}.metric{flex-direction:column;align-items:flex-start;gap:12px}.week-grid{margin-top:15px}.weekly{order:5}.test-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-grid{grid-template-columns:1fr}.role-label{display:none}}
@media(max-width:800px){body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.shell{display:block}.sidebar{position:static;width:auto;display:block;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0;font-size:18px}.brand-mark{width:40px;height:40px}.brand small{display:inline;font-size:12px;margin-left:6px}.sidebar nav{display:flex;overflow:auto;margin-top:16px;padding-bottom:3px;gap:6px}.sidebar nav a{white-space:nowrap;flex-shrink:0;min-height:44px;font-size:14px;padding:10px 13px}.sidebar nav .icon{width:18px;height:18px}.sidebar .nav-heading,.sidebar-bottom{display:none}.content{margin:0}.topbar{height:61px;padding:0 20px}.private-review{padding:8px 20px;align-items:flex-start}.account{font-size:14px}.account #accountName{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account a{margin:0}main{padding:24px 20px}.page-heading{align-items:flex-start}.page-heading h1{font-size:28px}.page-heading>.button{font-size:14px}.metric{flex-direction:row;align-items:center;padding:17px}.dashboard-stats{grid-template-columns:1fr;gap:10px}.metric strong{display:inline-block;font-size:28px}.metric div{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.metric-icon{width:42px;height:42px}.metric small{font-size:12px}.school-actions{grid-template-columns:1fr}.mobile-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fffffffa;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:6px}.mobile-nav a{display:flex;flex-direction:column;gap:4px;flex:1;padding:5px 0;font-size:12px;min-width:0}.mobile-nav .icon{width:22px;height:22px}.mobile-nav a.active{background:#edf2ff}.exam-mode .sidebar nav,.exam-mode .mobile-nav{display:none}.exam-mode{padding-bottom:env(safe-area-inset-bottom)}.exam-mode .sidebar{padding:10px 18px}.exam-mode .topbar{height:52px}.exam-mode main{padding:15px 14px 28px}.scene img{max-height:none;height:auto}.practice{display:block}.question-body{padding:22px}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}.exam-mode .toast{bottom:20px}.stats{gap:12px}.stat{padding:18px}.stat small{display:block;margin:0}footer{padding:20px}.table-wrap{margin:0 -4px}.teacher-card p{font-size:14px}}
@media(max-width:520px){main{padding:22px 16px}.topbar{padding:0 16px}.account #accountName{display:none}.page-heading{flex-wrap:wrap;gap:16px;margin-bottom:22px}.page-heading h1{font-size:27px}.page-heading p{font-size:14px}.page-heading>.button{width:100%}.dashboard-grid,.school-grid{gap:16px}.panel{padding:20px;border-radius:14px}.next-card{padding:24px}.next-title h2{font-size:29px}.round-icon{width:40px;height:40px}.next-card .button{width:100%}.test-grid,.topic-grid,.team-grid{grid-template-columns:1fr}.metric div{display:block}.metric div>span{display:block}.metric strong{margin-top:3px}.metric small{font-size:14px}.section-header{gap:12px;flex-wrap:wrap}.section-header h2{font-size:20px}.search-field{width:100%;max-width:none}.exam-toolbar{gap:8px}.exam-toolbar .button{font-size:14px}.exam-heading strong{font-size:18px}.question-body{padding:20px 16px}.question-body h1{font-size:21px}.question-meta span{font-size:12px}.answer{padding:14px 12px;font-size:16px}.question-footer .button{font-size:16px;padding:12px 14px}.question-bottom{flex-wrap:wrap;font-size:12px}.stats{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.stat strong{margin:0}.stat small{font-size:14px}.result-head{padding:23px;align-items:flex-start;gap:18px}.result-head strong{font-size:44px}.result-head strong small{display:block;margin:7px 0 0;font-size:16px}.result-head h2{font-size:20px}.result-head p{font-size:14px}.private-review{font-size:12px;padding:8px 16px}.brand{font-size:17px}.brand small{font-size:12px}.row{gap:12px}.row .text-button{white-space:nowrap}.quick-card{padding:20px}.step-grid button{min-width:0}dialog{padding:21px}footer{font-size:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.card-cover{aspect-ratio:16/9;background:#e7edf7;overflow:hidden;flex-shrink:0}.card-cover img{display:block;width:100%;height:100%;object-fit:contain}.test-card,.topic-card{gap:0}.test-card-body,.topic-card-body{padding:22px;display:flex;flex-direction:column;gap:15px;flex:1}.topic-card-body .button{margin-top:auto}.test-card,.topic-card{transition:border-color .18s,box-shadow .18s}.test-card:hover,.topic-card:hover{border-color:#9cb4f4;box-shadow:0 8px 24px #2039750d}

/* Student journey: clear actions, real progress, and room for the traffic imagery. */
.learning-layout{display:grid;gap:24px}.journey-hero{display:grid;grid-template-columns:1fr 1.1fr;background:#19233c;color:#fff;border-radius:24px;overflow:hidden}.journey-copy{padding:36px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.journey-copy .eyebrow{color:#b5d4ff}.journey-copy h2{font-size:clamp(26px,3vw,40px);line-height:1.12;letter-spacing:-1px;margin:0;max-width:350px}.journey-copy p{color:#d7e0f1;margin:0;font-size:15px}.button.lime{background:#d1f56b;color:#182528;border:1px solid #d1f56b;font-weight:750}.button.lime:hover{background:#e1ff91}.journey-secondary{color:#eef3ff;font-size:14px}.journey-picture{min-width:0;position:relative;align-self:center;padding:18px}.journey-picture .card-cover{border-radius:16px;aspect-ratio:16/10;background:#10182b}.journey-tag{position:absolute;bottom:28px;left:30px;background:#fff;color:#23304a;border-radius:6px;padding:8px 12px;font-size:10px;font-weight:800;letter-spacing:1px}.progress-strip{display:grid;grid-template-columns:1fr 1fr 1fr;background:white;border:1px solid #e3e8ef;border-radius:18px;overflow:hidden}.progress-strip>div,.progress-strip>a{padding:23px 26px;min-width:0;text-decoration:none;color:#182528}.progress-strip>:not(:last-child){border-right:1px solid #e6ebf2}.progress-label{display:block;color:#586578;font-size:13px;margin-bottom:8px}.progress-strip strong{display:block;font-size:28px;letter-spacing:-.5px}.progress-strip small{font-size:13px;font-weight:500;letter-spacing:0}.progress-strip progress{width:100%;height:6px;margin-top:12px;accent-color:#2457e6}.learning-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}.battle-promo{display:flex;gap:24px;align-items:center;padding:30px;border-radius:22px;background:#ede4ff;color:#382261;text-decoration:none;border:1px solid #dfd1f9;transition:transform .15s}.battle-vs{display:inline-grid;place-items:center;flex-shrink:0;width:86px;height:86px;border-radius:24px;background:#6243b8;color:white;letter-spacing:-5px;font-size:38px;font-weight:850;transform:rotate(-8deg);padding-right:4px}.battle-promo h2,.topic-promo h2{font-size:25px;letter-spacing:-.6px;margin:9px 0}.battle-promo p,.topic-promo p{font-size:15px;line-height:1.5;margin:0 0 18px}.battle-promo .eyebrow{color:#62458c;font-size:10px}.promo-link{font-weight:750;font-size:14px;display:flex;align-items:center;gap:8px}.topic-promo{display:block;position:relative;padding:30px;border-radius:22px;background:#dff4ea;color:#194c3a;text-decoration:none;border:1px solid #c6e8d8;transition:transform .15s}.topic-promo .eyebrow{color:#426d5a;font-size:10px}.topic-promo .metric-icon{float:right;background:#bfe6d2}.battle-promo:hover,.topic-promo:hover{transform:translateY(-3px)}.milestones{padding:26px;background:#fffaf0;border:1px solid #efe5cf;border-radius:20px}.milestone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.milestone{display:flex;align-items:center;gap:12px;color:#686354}.milestone strong,.milestone small{display:block}.milestone strong{font-size:14px}.milestone small{font-size:12px;line-height:1.5;margin-top:4px}.milestone-icon{display:grid;place-items:center;width:46px;height:46px;border:1px dashed #bab5a6;border-radius:50%;flex-shrink:0}.milestone.earned{color:#755210}.milestone.earned .milestone-icon{border:1px solid #efc467;background:#ffe09e}.learning-layout .panel{margin:0}.learning-layout .quiet-empty{padding:15px}.learning-layout .section-header h2,.milestones h2{font-size:19px}.battle-intro{display:flex;gap:25px;align-items:center;background:#ede4ff;color:#382261;padding:32px;border-radius:22px;margin-bottom:24px}.battle-intro h2{margin:0;font-size:25px}.battle-intro p{max-width:680px;line-height:1.6}.battle-intro .badge{background:#fff}.battle-invite{display:flex;gap:16px;align-items:flex-end}.battle-invite .field{flex:1;margin:0}.battle-invite button{margin-bottom:0}.battle-wait{text-align:center;padding:48px 28px}.battle-wait .battle-vs{margin-bottom:16px}.battle-wait .result-actions{justify-content:center}.battle-result{text-align:center;border-radius:24px;background:#e8f4e4;padding:36px;margin-bottom:24px}.battle-result h1{font-size:30px}.battle-score{display:flex;align-items:center;justify-content:center;gap:30px;margin:24px auto}.battle-score>span{font-size:30px;color:#58724e}.battle-score strong{font-size:62px;display:block;line-height:1.2}.battle-score div{max-width:40%;overflow-wrap:anywhere}.battle-score div span{font-size:14px}.cohort-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cohort-grid .panel{margin:0}.battle-row small{display:block;margin-top:6px}.battle-invite select{min-height:48px}.battle-intro .battle-vs{width:100px;height:100px}.battle-wait .metric-icon{margin:auto}.battle-promo:focus-visible,.topic-promo:focus-visible{outline:3px solid #2457e6;outline-offset:4px}
@media(max-width:1100px){.journey-copy{padding:28px}.learning-duo{gap:18px}.battle-promo{gap:15px;padding:24px}.battle-promo .battle-vs{width:62px;height:62px;font-size:30px}.topic-promo{padding:24px}.progress-strip>div,.progress-strip>a{padding:20px}.milestone-grid{gap:12px}.milestone{align-items:flex-start}.milestone-icon{width:36px;height:36px}}
@media(max-width:650px){.learning-layout{gap:18px}.journey-hero{grid-template-columns:1fr}.journey-copy{padding:25px;gap:14px}.journey-copy h2{max-width:none;font-size:32px}.journey-picture{padding:0 14px 14px}.journey-picture .card-cover{aspect-ratio:16/9}.journey-tag{bottom:24px;left:24px}.learning-duo{grid-template-columns:1fr}.progress-strip{grid-template-columns:1fr 1fr}.progress-strip>:nth-child(2){border-right:0}.progress-strip>a{grid-column:1/-1;border-top:1px solid #e6ebf2;padding:15px 20px}.progress-strip>a strong{font-size:22px}.progress-strip strong{font-size:27px}.progress-strip small{display:block;margin-top:3px}.progress-strip>a small{display:inline}.milestone-grid{grid-template-columns:1fr;gap:18px}.milestone{align-items:center}.milestones{padding:22px}.battle-promo{padding:25px;gap:22px}.battle-promo .battle-vs{width:72px;height:72px;font-size:34px}.battle-intro{padding:24px;align-items:flex-start;gap:18px}.battle-intro h2{font-size:22px}.battle-intro .battle-vs{width:50px;height:50px;font-size:25px;border-radius:15px;letter-spacing:-3px}.battle-intro .badge{white-space:normal;line-height:1.5}.battle-invite{display:block}.battle-invite button{margin-top:15px;width:100%}.cohort-grid{grid-template-columns:1fr}.battle-result{padding:28px 18px}.battle-result h1{font-size:25px}.battle-wait h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.battle-promo,.topic-promo{transition:none}.battle-promo:hover,.topic-promo:hover{transform:none}}

/* An action-first student dashboard, with bold colour and measurable milestones. */
.student-dashboard main{max-width:1480px}.student-dashboard .page-heading{margin-bottom:22px}.student-dashboard .page-heading h1{font-size:clamp(1.75rem,2.4vw,2.25rem);letter-spacing:-.045em}.student-dashboard .page-heading p{font-size:1rem}.learning-layout{gap:22px}.learning-top{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(280px,1fr);gap:22px}.journey-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:300px;background:#2457e6;border-radius:24px;position:relative}.journey-copy{padding:30px 0 30px 30px;gap:14px;z-index:1;min-width:0}.journey-copy h2{font-size:clamp(2rem,3.3vw,3.4rem);line-height:1.08;letter-spacing:-.045em;max-width:none;overflow-wrap:anywhere}.journey-copy p{font-size:1rem;line-height:1.5;color:#fff;max-width:290px}.journey-copy .eyebrow{font-size:.75rem;color:#edf3ff;letter-spacing:.09em}.journey-copy .button{min-height:50px;padding:12px 20px;box-shadow:0 4px 0 #172f792e}.journey-secondary{font-size:.875rem;font-weight:600;text-underline-offset:4px}.journey-picture{padding:8px;align-self:center}.journey-picture img.dashboard-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;pointer-events:none}.journey-picture .card-cover{background:transparent;aspect-ratio:3/2}.journey-picture .card-cover img{object-fit:contain}.week-challenge{padding:26px;background:#d9f985;border:1px solid #c9e973;border-radius:24px;min-width:0;color:#263724;display:flex;flex-direction:column}.week-challenge .eyebrow{color:#3b5132;font-size:.75rem;letter-spacing:.06em}.week-challenge .section-header{margin-bottom:12px}.week-goal{display:flex;align-items:center;gap:16px}.week-goal>strong{font-size:3rem;line-height:1.1;letter-spacing:-.04em;white-space:nowrap}.week-goal>strong>span{font-size:1.375rem;color:#58763c;letter-spacing:0}.week-goal h2{font-size:1.125rem;margin:0 0 4px}.week-goal p{font-size:.875rem;line-height:1.4;margin:0;color:#425537}.week-challenge progress{height:7px;background:#b9d96b;margin:17px 0 0}.week-challenge progress::-webkit-progress-bar{background:#b9d96b}.week-challenge progress::-webkit-progress-value{background:#375b29}.week-challenge progress::-moz-progress-bar{background:#375b29}.week-challenge .week-grid{margin:18px 0 12px;gap:5px}.week-challenge .week-grid>div{font-size:.75rem;gap:6px;color:#3b5132;min-width:0}.week-challenge .day-count{height:32px;border-radius:50%;width:32px;max-width:100%;justify-self:center;background:#c4e676;color:#516f35;font-size:1.25rem}.week-challenge .day-count.has-activity{background:#33552a;color:#fff}.week-challenge .day-count .icon{width:18px;height:18px}.week-challenge .today .day-count{outline:2px solid #416333;outline-offset:2px}.week-note{font-size:.875rem;margin:auto 0 0;padding-top:3px;font-weight:600}.play-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.play-options>article,.play-options>a{display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-radius:22px;padding:24px;border:1px solid transparent;text-decoration:none;gap:0;transition:transform .18s,box-shadow .18s}.play-options h2{font-size:1.375rem;line-height:1.25;letter-spacing:-.025em;margin:16px 0 9px;max-width:250px}.play-options p{font-size:1rem;line-height:1.45;margin:0 0 21px}.play-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:38px}.play-chip{font-size:.75rem;font-weight:750;letter-spacing:.065em}.quick-five{background:#fff;color:#1b2944;border-color:#dce4ef!important}.quick-five .play-chip{color:#50627f}.five-count{font-size:2.375rem;font-weight:850;line-height:1;letter-spacing:-.045em;color:#2457e6}.button.ink{background:#1d2945;color:#fff}.button.ink:hover{background:#334263}.quick-five .button{margin-top:auto;min-height:46px;font-size:.875rem;width:100%;justify-content:space-between}.quick-five small{font-size:.875rem;margin-top:10px;color:#63708a}.play-options .battle-promo{background:#ff976f;color:#35231e;border-color:#ff976f;transform:none}.play-options .battle-promo .battle-vs{width:auto;height:auto;border-radius:0;background:transparent;color:#873d29;transform:none;font-size:2rem;letter-spacing:-.02em;padding:0}.play-options .battle-promo .play-chip{color:#623829}.play-options .topic-promo{background:#6941d9;color:#fff;border-color:#6941d9}.play-options .topic-promo .play-chip{color:#eee6ff}.play-options .topic-promo .play-top .icon{width:32px;height:32px;stroke-width:1.6}.play-options .promo-link{width:100%;justify-content:space-between;margin-top:auto;min-height:46px;border-top:1px solid #743a2829;padding-top:12px;font-size:.875rem}.play-options .topic-promo .promo-link{border-color:#ffffff40}.play-options>a:hover{transform:translateY(-4px);box-shadow:0 10px 25px #18243c14}.progress-strip{border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.progress-strip>div,.progress-strip>a{padding:22px 25px}.progress-strip>a{grid-column:auto;border-top:0}.progress-label{font-size:.875rem;margin-bottom:9px}.progress-strip strong{font-size:1.875rem;letter-spacing:-.03em;line-height:1.2;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.progress-strip small{font-size:.875rem;letter-spacing:0;display:inline;margin:0}.progress-strip progress{height:5px;margin-top:14px}.progress-link{display:block;font-size:.875rem;font-weight:650;color:#2457e6;margin-top:8px}.milestones{background:#fff;border:1px solid #e2e7f1;border-radius:20px;padding:25px}.milestones .section-header{margin-bottom:22px}.milestones .eyebrow{font-size:.75rem;color:#63708a;margin-bottom:5px}.milestones h2{font-size:1.25rem}.milestone-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.milestone{color:#26334d;gap:12px;align-items:flex-start;min-width:0}.milestone-icon{width:44px;height:44px;background:#edf1fb;border:0;color:#647594;border-radius:14px}.milestone-content{flex:1;min-width:0}.milestone-title{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.milestone strong{font-size:.875rem;line-height:1.4}.milestone-title>span{font-size:.75rem;color:#63708a;white-space:nowrap}.milestone small{font-size:.875rem;color:#63708a;margin-top:5px}.milestone progress{margin-top:12px;height:5px}.milestone.earned{color:#0c664d}.milestone.earned .milestone-icon{background:#c9f1de;color:#0c664d;border:0}.milestone.earned .milestone-title>span{color:#0c664d}.learning-layout .learning-duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.learning-layout .activity{grid-column:auto}.learning-layout .quiet-empty p{font-size:1rem}.learning-layout .quiet-empty h3{font-size:1.0625rem}.learning-layout .row{gap:12px}.learning-layout .row-title{font-size:1rem}.student-dashboard .sidebar nav a.active{background:#2457e6;color:#fff}.student-dashboard .sidebar .brand-mark{box-shadow:0 4px 0 #d5def5}.student-dashboard .brand-mark span{color:#d9f985}
@media(max-width:1180px) and (min-width:801px){.learning-top{grid-template-columns:1fr}.week-challenge{display:grid;grid-template-columns:1fr 1.4fr;gap:8px 28px}.week-challenge .section-header{grid-column:1/-1;margin:0}.week-challenge .week-goal{grid-column:1;grid-row:2/4}.week-challenge>.week-grid{grid-column:2;grid-row:2/4;margin:8px 0}.week-challenge>progress{grid-column:1;grid-row:4;margin:0}.week-challenge .week-note{grid-column:2;grid-row:4;padding:0}.journey-hero{min-height:280px}.journey-picture{max-width:360px;justify-self:center}.play-options{gap:14px}.play-options>article,.play-options>a{padding:20px}.play-chip{font-size:.75rem;letter-spacing:0}.play-options h2{font-size:1.25rem}.milestone-grid{grid-template-columns:1fr;gap:22px}.milestone-content{max-width:none}}
@media(max-width:800px){.learning-top{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px}.journey-hero{grid-template-columns:1fr;min-height:0}.journey-copy{padding:24px}.journey-copy h2{font-size:2rem}.journey-picture{display:none}.week-challenge{padding:22px}.week-goal{gap:12px}.week-goal>strong{font-size:2.5rem}.play-options{gap:14px}.play-options>article,.play-options>a{padding:20px}.play-options h2{font-size:1.25rem}.milestone-grid{gap:18px}.milestone-icon{width:35px;height:35px;border-radius:11px}.milestone-title{display:block}.milestone-title>span{display:block;margin-top:3px}}
@media(max-width:650px){.learning-layout{gap:16px}.learning-top{grid-template-columns:1fr;gap:16px}.journey-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr)}.journey-copy{padding:25px 0 25px 22px;gap:13px}.journey-copy h2{font-size:2.25rem}.journey-copy p{font-size:.9375rem}.journey-copy .button{font-size:.9375rem;padding:11px 14px;min-height:48px}.journey-picture{display:block;padding:0;align-self:center;min-width:0}.journey-picture img.dashboard-art{aspect-ratio:1;object-fit:contain}.week-challenge{padding:20px;display:grid;grid-template-columns:1fr;gap:0}.week-challenge .section-header{margin-bottom:12px}.week-challenge .week-goal{gap:16px}.week-challenge .week-grid{margin:15px 0 12px}.week-challenge .day-count{height:30px;width:30px}.play-options{grid-template-columns:1fr;gap:14px}.play-options>article,.play-options>a{padding:23px}.play-options h2{max-width:none;font-size:1.375rem;margin-top:12px}.play-options p{margin-bottom:16px}.play-options .promo-link{min-height:42px}.quick-five .button{width:auto;min-width:210px;gap:20px}.progress-strip{grid-template-columns:1fr 1fr}.progress-strip>div,.progress-strip>a{padding:19px}.progress-strip>:nth-child(2){border-right:0}.progress-strip>a:last-child{grid-column:1/-1;border-top:1px solid #e2e7f1;display:grid;grid-template-columns:1fr auto;gap:4px 12px}.progress-strip>a:last-child strong{grid-column:1;grid-row:2}.progress-strip>a:last-child .progress-link{grid-column:2;grid-row:1/3;align-self:center;max-width:100px}.progress-strip strong{font-size:1.625rem;gap:6px}.progress-strip small{font-size:.8125rem}.milestones{padding:21px}.milestone-grid{grid-template-columns:1fr;gap:22px}.milestone-title{display:flex}.milestone-icon{width:44px;height:44px;border-radius:14px}.learning-layout .learning-duo{grid-template-columns:1fr;gap:16px}.student-dashboard .page-heading .button{font-size:.875rem}.student-dashboard .page-heading{gap:12px}.student-dashboard .page-heading h1{font-size:1.75rem}.student-dashboard .page-heading p{font-size:1rem}}
@media(max-width:380px){.journey-hero{grid-template-columns:1fr}.journey-copy{padding:24px}.journey-picture{display:none}.progress-strip>a:last-child{display:block}.progress-strip>a:last-child .progress-link{max-width:none}.student-dashboard .page-heading .button .icon{display:none}.student-dashboard .page-heading .button{padding:10px}}
@media(prefers-reduced-motion:reduce){.play-options>a{transition:none}.play-options>a:hover{transform:none}}

/* Focused exam surface: full scene beside short statements; existing brand retained. */
.exam-mode .practice{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:28px;background:transparent;border:0;box-shadow:none}
.exam-mode .scene{margin:0;position:sticky;top:16px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.exam-mode .scene button{display:block;width:100%;padding:0;border:0;background:#fff;position:relative}
.exam-mode .scene img{display:block;width:100%;height:auto;max-height:65vh;object-fit:contain}
.exam-mode .scene figcaption{padding:10px 14px;font-size:.875rem;color:var(--muted)}
.exam-mode .question-body{padding:0;min-width:0}.exam-mode .question-body h1{font-size:1.5rem;line-height:1.4;white-space:pre-line;margin:12px 0 18px}
.exam-mode .answers{display:grid;gap:12px}.exam-mode .answer{position:relative;background:#fff;border:1px solid #dce3ef;border-radius:12px;min-height:64px;padding:16px;gap:16px;flex-direction:row-reverse;justify-content:flex-end;align-items:center;font-size:1rem;line-height:1.5}
.exam-mode .answer:has(input:checked){border-color:var(--blue);background:#eef3ff}.exam-mode .answer:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.exam-mode .answer input{width:23px;height:23px;accent-color:var(--blue);flex-shrink:0}.exam-mode .answer .yes{margin:0;padding:0;flex-shrink:0}.answer-check-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.exam-mode .exam-toolbar{gap:12px;flex-wrap:wrap}.exam-instructions{padding-left:23px;line-height:1.6}.exam-instructions li{margin-bottom:7px}
@media(max-width:850px){.exam-mode .practice{grid-template-columns:1fr;gap:20px}.exam-mode .scene{position:static}.exam-mode .scene img{max-height:none}.exam-mode .question-body h1{font-size:1.25rem}.exam-mode .answer{min-height:64px}.exam-mode .question-footer{position:sticky;bottom:0;padding:12px 0;background:#f5f7fc;z-index:2}}

.exam-mode .answer.correct{background:#ecfaf3;border-color:#94ceb4}.exam-mode .answer.wrong{background:#fff1f4;border-color:#dfa1ad}

.exam-mode .sidebar{display:none}.exam-mode .content{margin-left:0;width:100%}.exam-mode #viewTitle::before{content:"DinKøreprøve Teori · ";font-weight:750}.exam-mode .topbar{min-height:60px}
@media(max-width:600px){.exam-mode #viewTitle::before{content:"DinKøreprøve · "}.exam-mode .topbar{padding:12px 18px}.exam-mode .question-footer{bottom:0}}

.exam-mode .topbar{height:52px;min-height:52px}.exam-mode main{padding-top:14px}.exam-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:48px;align-items:center;margin-bottom:22px}.exam-controls .exam-heading,.exam-controls .exam-toolbar{margin:0}.exam-mode .question-meta .text-button{min-height:28px;padding:3px 0}.exam-mode .answer{min-height:60px;padding:13px 16px}.exam-mode .question-footer{margin-top:16px;padding-top:16px}.exam-mode .question-bottom{margin-top:10px}
@media(max-width:1050px){.exam-controls{grid-template-columns:1fr;gap:10px;margin-bottom:18px}}

/* Shared, scenario-specific driver view in exams, review, administration and offline. */
.driver-scene{display:block;overflow:hidden;border-radius:12px;background:#111213;color:#f5f8fc;container-type:inline-size;text-align:left}
.driver-forward{display:block;position:relative;background:#111213}
.driver-scene .forward-view{display:block;width:100%;max-width:none!important;height:auto;max-height:none!important;aspect-ratio:16/9;object-fit:contain}
.driver-mirror{display:block;position:relative;padding:1.1%;background:linear-gradient(155deg,#707476 0%,#242627 17%,#080909 58%,#343738 93%,#696d6d);border:1px solid #1a1b1b;box-shadow:0 2px 2px #a5b0b144 inset,0 -2px 3px #000 inset,0 4px 8px #0009;overflow:hidden;min-width:0}
.mirror-left{border-radius:32% 15% 19% 22% / 27% 20% 22% 30%}
.mirror-right{border-radius:15% 32% 22% 19% / 20% 27% 30% 22%}
.mirror-glass{display:block;position:relative;overflow:hidden;aspect-ratio:1.65;background:#293340;border-radius:inherit;box-shadow:0 0 0 1px #000}
.mirror-glass::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:0 1px 3px #000a inset,0 -1px 1px #c4e4e54d inset}
.driver-scene .mirror-glass img{position:absolute!important;max-width:none!important;max-height:none!important;object-fit:fill!important;margin:0!important;border-radius:0!important}

.mirror-rear{position:absolute;top:2.5%;left:33%;width:34%;padding:.7%;border-radius:13% 13% 17% 17% / 28% 28% 35% 35%;z-index:1;box-shadow:0 1px 1px #b9c1c177 inset,0 3px 7px #0008}.mirror-rear .mirror-glass{aspect-ratio:3}
.driver-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.95fr) minmax(0,1fr);align-items:center;gap:1.6%;padding:2.2% 1.8% 2.5%;background:radial-gradient(ellipse at 50% 0,#50535355,transparent 65%),linear-gradient(#363838 0,#202222 8%,#151616 65%,#252727 96%,#101111);border-top:2px solid #0b0c0c;box-shadow:0 1px 0 #777c7c inset}
.driver-instruments{display:grid;grid-template-columns:1fr 3.5fr 1fr;gap:1.5%;align-items:center;min-width:0;padding:3.5% 5% 2%;border:1px solid #080909;border-radius:46% 46% 16% 16% / 25% 25% 17% 17%;background:radial-gradient(ellipse at 50% 75%,#191d1f,#060809 78%);box-shadow:0 2px 0 #757b7c88,0 -3px 0 #0b0c0d,0 -5px 0 #4a4e4f,0 4px 12px #000b inset,0 4px 7px #0008}
.driver-instruments .speedometer{display:block;width:100%;height:auto;max-height:none;filter:drop-shadow(0 2px 3px #000)}
.dial-bezel{fill:#1b1e20;stroke:#858b8d;stroke-width:1.2}.dial-ring{fill:#0a0d0f;stroke:#43484a;stroke-width:3}.dial-inner-ring{fill:none;stroke:#1f272b;stroke-width:.75}.dial-tick{stroke:#b8c4c9;stroke-width:.9}.dial-tick-major{stroke:#f6fbfd;stroke-width:1.8}.dial-number{fill:#f3f8fa;font:500 13px Arial,sans-serif;text-anchor:middle}.dial-needle{stroke:#ff503b;stroke-width:2.7;stroke-linecap:round;filter:drop-shadow(0 0 1px #ff493c88)}.dial-hub{fill:#272c2f;stroke:#61696d;stroke-width:1}.dial-hub-cap{fill:#0e1113}.dial-display{fill:#161f23;stroke:#273237;stroke-width:.6}.dial-speed{fill:#effbff;font:500 24px Arial,sans-serif;font-variant-numeric:tabular-nums;text-anchor:middle}.dial-unit{fill:#c2cfd3;font:11px Arial,sans-serif;text-anchor:middle}
.instrument-side{display:grid;gap:2.7cqi;justify-items:center;align-content:center}.turn-signal{display:block;width:100%;max-width:28px;color:#343d41;line-height:0}.turn-signal svg{display:block;width:100%;height:auto;fill:currentColor}.turn-right svg{transform:rotate(180deg)}.turn-signal.signal-on{color:#51ed7e;filter:drop-shadow(0 0 3px #48e46c66)}.lamp{display:grid;justify-items:center;line-height:1.2}.low-beam{color:#54ed7d;filter:drop-shadow(0 0 2px #48df7866)}.low-beam svg{width:27px;max-width:100%;height:auto;fill:none;stroke:currentColor;stroke-width:2}.abs-off{color:#4d565a;border:1px solid #444e52;border-radius:50%;padding:3px 1px;font:650 max(8px,1.45cqi)/1.2 Arial,sans-serif}
.scene:has(.driver-scene){background:#101720}.scene:has(.driver-scene) .enlarge-label{position:static;display:block;background:#101720;color:#dbe5f4;text-align:right;padding:7px 12px;font-size:.875rem}.scene:has(.driver-scene) figcaption{background:#fff}
.review-body>.driver-scene{max-width:760px;margin:0 0 20px}.image-dialog:has(.driver-scene){width:min(1200px,96vw);max-width:96vw;background:#101720}.image-dialog .driver-scene{width:100%}.image-dialog:has(.driver-scene) #closeDialog{color:white;background:#293849}
@media(max-width:600px){.driver-dashboard{gap:1.5%;padding:2.5% 1.5%}.driver-instruments{padding:4% 4% 2%}.low-beam svg{width:21px}}

.driver-scene[data-layout="f4dbeb203e39-45-205-600-375-738-285-696-232-1570-180-560-350"] .mirror-left .mirror-glass{aspect-ratio:600/375}.driver-scene[data-layout="f4dbeb203e39-45-205-600-375-738-285-696-232-1570-180-560-350"] .mirror-left .mirror-glass img{width:362.0%;height:193.06666666666666%;left:-7.5%;top:-54.666666666666664%}
.driver-scene[data-layout="f4dbeb203e39-45-205-600-375-738-285-696-232-1570-180-560-350"] .mirror-rear .mirror-glass{aspect-ratio:696/232}.driver-scene[data-layout="f4dbeb203e39-45-205-600-375-738-285-696-232-1570-180-560-350"] .mirror-rear .mirror-glass img{width:312.0689655172414%;height:312.0689655172414%;left:-106.03448275862068%;top:-122.84482758620689%}
.driver-scene[data-layout="f4dbeb203e39-45-205-600-375-738-285-696-232-1570-180-560-350"] .mirror-right .mirror-glass{aspect-ratio:560/350}.driver-scene[data-layout="f4dbeb203e39-45-205-600-375-738-285-696-232-1570-180-560-350"] .mirror-right .mirror-glass img{width:387.85714285714283%;height:206.85714285714286%;left:-280.35714285714283%;top:-51.42857142857142%}
.driver-scene[data-layout="838019b20f70-30-160-610-381-696-210-784-261-1540-155-580-363"] .mirror-left .mirror-glass{aspect-ratio:610/381}.driver-scene[data-layout="838019b20f70-30-160-610-381-696-210-784-261-1540-155-580-363"] .mirror-left .mirror-glass img{width:356.0655737704918%;height:190.0262467191601%;left:-4.918032786885246%;top:-41.99475065616798%}
.driver-scene[data-layout="838019b20f70-30-160-610-381-696-210-784-261-1540-155-580-363"] .mirror-rear .mirror-glass{aspect-ratio:784/261}.driver-scene[data-layout="838019b20f70-30-160-610-381-696-210-784-261-1540-155-580-363"] .mirror-rear .mirror-glass img{width:277.0408163265306%;height:277.39463601532566%;left:-88.77551020408163%;top:-80.45977011494253%}
.driver-scene[data-layout="838019b20f70-30-160-610-381-696-210-784-261-1540-155-580-363"] .mirror-right .mirror-glass{aspect-ratio:580/363}.driver-scene[data-layout="838019b20f70-30-160-610-381-696-210-784-261-1540-155-580-363"] .mirror-right .mirror-glass img{width:374.48275862068965%;height:199.44903581267218%;left:-265.51724137931035%;top:-42.69972451790633%}
.driver-scene[data-layout="dae24ee65086-40-185-560-350-670-230-830-277-1560-185-560-350"] .mirror-left .mirror-glass{aspect-ratio:560/350}.driver-scene[data-layout="dae24ee65086-40-185-560-350-670-230-830-277-1560-185-560-350"] .mirror-left .mirror-glass img{width:387.85714285714283%;height:206.85714285714286%;left:-7.142857142857142%;top:-52.85714285714286%}
.driver-scene[data-layout="dae24ee65086-40-185-560-350-670-230-830-277-1560-185-560-350"] .mirror-rear .mirror-glass{aspect-ratio:830/277}.driver-scene[data-layout="dae24ee65086-40-185-560-350-670-230-830-277-1560-185-560-350"] .mirror-rear .mirror-glass img{width:261.6867469879518%;height:261.3718411552346%;left:-80.72289156626506%;top:-83.03249097472924%}
.driver-scene[data-layout="dae24ee65086-40-185-560-350-670-230-830-277-1560-185-560-350"] .mirror-right .mirror-glass{aspect-ratio:560/350}.driver-scene[data-layout="dae24ee65086-40-185-560-350-670-230-830-277-1560-185-560-350"] .mirror-right .mirror-glass img{width:387.85714285714283%;height:206.85714285714286%;left:-278.57142857142856%;top:-52.85714285714286%}
.driver-scene[data-layout="23f012a1fcd2-20-210-684-428-738-240-696-232-1464-210-688-430"] .mirror-left .mirror-glass{aspect-ratio:684/428}.driver-scene[data-layout="23f012a1fcd2-20-210-684-428-738-240-696-232-1464-210-688-430"] .mirror-left .mirror-glass img{width:317.5438596491228%;height:169.1588785046729%;left:-2.923976608187134%;top:-49.06542056074766%}
.driver-scene[data-layout="23f012a1fcd2-20-210-684-428-738-240-696-232-1464-210-688-430"] .mirror-rear .mirror-glass{aspect-ratio:696/232}.driver-scene[data-layout="23f012a1fcd2-20-210-684-428-738-240-696-232-1464-210-688-430"] .mirror-rear .mirror-glass img{width:312.0689655172414%;height:312.0689655172414%;left:-106.03448275862068%;top:-103.44827586206897%}
.driver-scene[data-layout="23f012a1fcd2-20-210-684-428-738-240-696-232-1464-210-688-430"] .mirror-right .mirror-glass{aspect-ratio:688/430}.driver-scene[data-layout="23f012a1fcd2-20-210-684-428-738-240-696-232-1464-210-688-430"] .mirror-right .mirror-glass img{width:315.6976744186046%;height:168.37209302325581%;left:-212.7906976744186%;top:-48.837209302325576%}
.driver-scene[data-layout="d3b4c80bb4ea-25-180-535-334-644-245-884-295-1610-180-535-334"] .mirror-left .mirror-glass{aspect-ratio:535/334}.driver-scene[data-layout="d3b4c80bb4ea-25-180-535-334-644-245-884-295-1610-180-535-334"] .mirror-left .mirror-glass img{width:405.9813084112149%;height:216.76646706586826%;left:-4.672897196261682%;top:-53.89221556886228%}
.driver-scene[data-layout="d3b4c80bb4ea-25-180-535-334-644-245-884-295-1610-180-535-334"] .mirror-rear .mirror-glass{aspect-ratio:884/295}.driver-scene[data-layout="d3b4c80bb4ea-25-180-535-334-644-245-884-295-1610-180-535-334"] .mirror-rear .mirror-glass img{width:245.70135746606337%;height:245.4237288135593%;left:-72.85067873303167%;top:-83.05084745762711%}
.driver-scene[data-layout="d3b4c80bb4ea-25-180-535-334-644-245-884-295-1610-180-535-334"] .mirror-right .mirror-glass{aspect-ratio:535/334}.driver-scene[data-layout="d3b4c80bb4ea-25-180-535-334-644-245-884-295-1610-180-535-334"] .mirror-right .mirror-glass img{width:405.9813084112149%;height:216.76646706586826%;left:-300.93457943925233%;top:-53.89221556886228%}
.driver-scene[data-layout="344adca9d7d2-30-170-650-406-728-230-716-239-1490-170-650-406"] .mirror-left .mirror-glass{aspect-ratio:650/406}.driver-scene[data-layout="344adca9d7d2-30-170-650-406-728-230-716-239-1490-170-650-406"] .mirror-left .mirror-glass img{width:334.15384615384613%;height:178.32512315270935%;left:-4.615384615384616%;top:-41.87192118226601%}
.driver-scene[data-layout="344adca9d7d2-30-170-650-406-728-230-716-239-1490-170-650-406"] .mirror-rear .mirror-glass{aspect-ratio:716/239}.driver-scene[data-layout="344adca9d7d2-30-170-650-406-728-230-716-239-1490-170-650-406"] .mirror-rear .mirror-glass img{width:303.35195530726253%;height:302.92887029288704%;left:-101.67597765363128%;top:-96.23430962343096%}
.driver-scene[data-layout="344adca9d7d2-30-170-650-406-728-230-716-239-1490-170-650-406"] .mirror-right .mirror-glass{aspect-ratio:650/406}.driver-scene[data-layout="344adca9d7d2-30-170-650-406-728-230-716-239-1490-170-650-406"] .mirror-right .mirror-glass img{width:334.15384615384613%;height:178.32512315270935%;left:-229.23076923076923%;top:-41.87192118226601%}
.driver-scene[data-layout="797dc55c4a54-30-180-620-388-702-225-766-255-1518-180-620-388"] .mirror-left .mirror-glass{aspect-ratio:620/388}.driver-scene[data-layout="797dc55c4a54-30-180-620-388-702-225-766-255-1518-180-620-388"] .mirror-left .mirror-glass img{width:350.3225806451613%;height:186.5979381443299%;left:-4.838709677419355%;top:-46.391752577319586%}
.driver-scene[data-layout="797dc55c4a54-30-180-620-388-702-225-766-255-1518-180-620-388"] .mirror-rear .mirror-glass{aspect-ratio:766/255}.driver-scene[data-layout="797dc55c4a54-30-180-620-388-702-225-766-255-1518-180-620-388"] .mirror-rear .mirror-glass img{width:283.5509138381201%;height:283.921568627451%;left:-91.64490861618799%;top:-88.23529411764706%}
.driver-scene[data-layout="797dc55c4a54-30-180-620-388-702-225-766-255-1518-180-620-388"] .mirror-right .mirror-glass{aspect-ratio:620/388}.driver-scene[data-layout="797dc55c4a54-30-180-620-388-702-225-766-255-1518-180-620-388"] .mirror-right .mirror-glass img{width:350.3225806451613%;height:186.5979381443299%;left:-244.83870967741933%;top:-46.391752577319586%}



/* Replacement mirror layouts 2026-09-27 */
.driver-scene[data-layout="279f96ee0010-4-150-714-430-730-210-712-237-1454-150-714-430"] .mirror-left .mirror-glass{aspect-ratio:714/430}.driver-scene[data-layout="279f96ee0010-4-150-714-430-730-210-712-237-1454-150-714-430"] .mirror-left .mirror-glass img{width:304.2016806722689%;height:168.37209302325581%;left:-0.5602240896358543%;top:-34.883720930232556%}
.driver-scene[data-layout="279f96ee0010-4-150-714-430-730-210-712-237-1454-150-714-430"] .mirror-rear .mirror-glass{aspect-ratio:712/237}.driver-scene[data-layout="279f96ee0010-4-150-714-430-730-210-712-237-1454-150-714-430"] .mirror-rear .mirror-glass img{width:305.0561797752809%;height:305.48523206751054%;left:-102.52808988764043%;top:-88.60759493670885%}
.driver-scene[data-layout="279f96ee0010-4-150-714-430-730-210-712-237-1454-150-714-430"] .mirror-right .mirror-glass{aspect-ratio:714/430}.driver-scene[data-layout="279f96ee0010-4-150-714-430-730-210-712-237-1454-150-714-430"] .mirror-right .mirror-glass img{width:304.2016806722689%;height:168.37209302325581%;left:-203.64145658263305%;top:-34.883720930232556%}
.driver-scene[data-layout="2b89e260694c-4-150-648-430-666-210-840-280-1519-150-649-430"] .mirror-left .mirror-glass{aspect-ratio:648/430}.driver-scene[data-layout="2b89e260694c-4-150-648-430-666-210-840-280-1519-150-649-430"] .mirror-left .mirror-glass img{width:335.18518518518516%;height:168.37209302325581%;left:-0.6172839506172839%;top:-34.883720930232556%}
.driver-scene[data-layout="2b89e260694c-4-150-648-430-666-210-840-280-1519-150-649-430"] .mirror-rear .mirror-glass{aspect-ratio:840/280}.driver-scene[data-layout="2b89e260694c-4-150-648-430-666-210-840-280-1519-150-649-430"] .mirror-rear .mirror-glass img{width:258.5714285714286%;height:258.5714285714286%;left:-79.28571428571428%;top:-75%}
.driver-scene[data-layout="2b89e260694c-4-150-648-430-666-210-840-280-1519-150-649-430"] .mirror-right .mirror-glass{aspect-ratio:649/430}.driver-scene[data-layout="2b89e260694c-4-150-648-430-666-210-840-280-1519-150-649-430"] .mirror-right .mirror-glass img{width:334.6687211093991%;height:168.37209302325581%;left:-234.05238828967643%;top:-34.883720930232556%}
.driver-scene[data-layout="bdd50f74743e-4-150-716-430-732-210-709-236-1454-150-714-430"] .mirror-left .mirror-glass{aspect-ratio:716/430}.driver-scene[data-layout="bdd50f74743e-4-150-716-430-732-210-709-236-1454-150-714-430"] .mirror-left .mirror-glass img{width:303.35195530726253%;height:168.37209302325581%;left:-0.5586592178770949%;top:-34.883720930232556%}
.driver-scene[data-layout="bdd50f74743e-4-150-716-430-732-210-709-236-1454-150-714-430"] .mirror-rear .mirror-glass{aspect-ratio:709/236}.driver-scene[data-layout="bdd50f74743e-4-150-716-430-732-210-709-236-1454-150-714-430"] .mirror-rear .mirror-glass img{width:306.3469675599436%;height:306.77966101694915%;left:-103.24400564174894%;top:-88.98305084745762%}
.driver-scene[data-layout="bdd50f74743e-4-150-716-430-732-210-709-236-1454-150-714-430"] .mirror-right .mirror-glass{aspect-ratio:714/430}.driver-scene[data-layout="bdd50f74743e-4-150-716-430-732-210-709-236-1454-150-714-430"] .mirror-right .mirror-glass img{width:304.2016806722689%;height:168.37209302325581%;left:-203.64145658263305%;top:-34.883720930232556%}
.driver-scene[data-layout="1c5ac13a0d74-4-150-715-430-732-210-709-236-1454-150-714-430"] .mirror-left .mirror-glass{aspect-ratio:715/430}.driver-scene[data-layout="1c5ac13a0d74-4-150-715-430-732-210-709-236-1454-150-714-430"] .mirror-left .mirror-glass img{width:303.7762237762238%;height:168.37209302325581%;left:-0.5594405594405595%;top:-34.883720930232556%}
.driver-scene[data-layout="1c5ac13a0d74-4-150-715-430-732-210-709-236-1454-150-714-430"] .mirror-rear .mirror-glass{aspect-ratio:709/236}.driver-scene[data-layout="1c5ac13a0d74-4-150-715-430-732-210-709-236-1454-150-714-430"] .mirror-rear .mirror-glass img{width:306.3469675599436%;height:306.77966101694915%;left:-103.24400564174894%;top:-88.98305084745762%}
.driver-scene[data-layout="1c5ac13a0d74-4-150-715-430-732-210-709-236-1454-150-714-430"] .mirror-right .mirror-glass{aspect-ratio:714/430}.driver-scene[data-layout="1c5ac13a0d74-4-150-715-430-732-210-709-236-1454-150-714-430"] .mirror-right .mirror-glass img{width:304.2016806722689%;height:168.37209302325581%;left:-203.64145658263305%;top:-34.883720930232556%}
.driver-scene[data-layout="fbbfa18869c9-4-150-712-430-732-210-709-236-1456-150-712-430"] .mirror-left .mirror-glass{aspect-ratio:712/430}.driver-scene[data-layout="fbbfa18869c9-4-150-712-430-732-210-709-236-1456-150-712-430"] .mirror-left .mirror-glass img{width:305.0561797752809%;height:168.37209302325581%;left:-0.5617977528089888%;top:-34.883720930232556%}
.driver-scene[data-layout="fbbfa18869c9-4-150-712-430-732-210-709-236-1456-150-712-430"] .mirror-rear .mirror-glass{aspect-ratio:709/236}.driver-scene[data-layout="fbbfa18869c9-4-150-712-430-732-210-709-236-1456-150-712-430"] .mirror-rear .mirror-glass img{width:306.3469675599436%;height:306.77966101694915%;left:-103.24400564174894%;top:-88.98305084745762%}
.driver-scene[data-layout="fbbfa18869c9-4-150-712-430-732-210-709-236-1456-150-712-430"] .mirror-right .mirror-glass{aspect-ratio:712/430}.driver-scene[data-layout="fbbfa18869c9-4-150-712-430-732-210-709-236-1456-150-712-430"] .mirror-right .mirror-glass img{width:305.0561797752809%;height:168.37209302325581%;left:-204.4943820224719%;top:-34.883720930232556%}
.driver-scene[data-layout="d92ff9dcb1c9-4-150-660-430-679-210-809-269-1502-150-666-430"] .mirror-left .mirror-glass{aspect-ratio:660/430}.driver-scene[data-layout="d92ff9dcb1c9-4-150-660-430-679-210-809-269-1502-150-666-430"] .mirror-left .mirror-glass img{width:329.0909090909091%;height:168.37209302325581%;left:-0.6060606060606061%;top:-34.883720930232556%}
.driver-scene[data-layout="d92ff9dcb1c9-4-150-660-430-679-210-809-269-1502-150-666-430"] .mirror-rear .mirror-glass{aspect-ratio:809/269}.driver-scene[data-layout="d92ff9dcb1c9-4-150-660-430-679-210-809-269-1502-150-666-430"] .mirror-rear .mirror-glass img{width:268.47960444993817%;height:269.14498141263937%;left:-83.93077873918418%;top:-78.06691449814126%}
.driver-scene[data-layout="d92ff9dcb1c9-4-150-660-430-679-210-809-269-1502-150-666-430"] .mirror-right .mirror-glass{aspect-ratio:666/430}.driver-scene[data-layout="d92ff9dcb1c9-4-150-660-430-679-210-809-269-1502-150-666-430"] .mirror-right .mirror-glass img{width:326.1261261261261%;height:168.37209302325581%;left:-225.52552552552552%;top:-34.883720930232556%}
.driver-scene[data-layout="59ea8c626544-4-150-714-430-732-210-709-236-1455-150-713-430"] .mirror-left .mirror-glass{aspect-ratio:714/430}.driver-scene[data-layout="59ea8c626544-4-150-714-430-732-210-709-236-1455-150-713-430"] .mirror-left .mirror-glass img{width:304.2016806722689%;height:168.37209302325581%;left:-0.5602240896358543%;top:-34.883720930232556%}
.driver-scene[data-layout="59ea8c626544-4-150-714-430-732-210-709-236-1455-150-713-430"] .mirror-rear .mirror-glass{aspect-ratio:709/236}.driver-scene[data-layout="59ea8c626544-4-150-714-430-732-210-709-236-1455-150-713-430"] .mirror-rear .mirror-glass img{width:306.3469675599436%;height:306.77966101694915%;left:-103.24400564174894%;top:-88.98305084745762%}
.driver-scene[data-layout="59ea8c626544-4-150-714-430-732-210-709-236-1455-150-713-430"] .mirror-right .mirror-glass{aspect-ratio:713/430}.driver-scene[data-layout="59ea8c626544-4-150-714-430-732-210-709-236-1455-150-713-430"] .mirror-right .mirror-glass img{width:304.6283309957924%;height:168.37209302325581%;left:-204.06732117812064%;top:-34.883720930232556%}