:root{--navy:#071b2e;--blue:#0d3557;--ink:#102336;--muted:#5e7183;--amber:#ffb21a;--paper:#f5f8fb;--white:#fff;--line:#dce5ec;--green:#137c55;--red:#ad3434;--shadow:0 20px 60px rgba(7,27,46,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;background:var(--paper);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#d7e4ed;font-size:.88rem}.topbar .wrap{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.main-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:var(--navy);position:relative}.brand-mark:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber);position:absolute;right:6px;bottom:6px}.navlinks{display:flex;gap:24px;align-items:center;font-weight:700;color:#3a5064}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:12px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--amber);color:#172435}.btn-dark{background:var(--navy);color:#fff}.btn-outline{border-color:#b9c8d4;background:#fff;color:var(--ink)}.btn-light{background:#fff;color:var(--navy)}
.practice-hero{background:linear-gradient(120deg,var(--navy),#0e446b);color:#fff;padding:66px 0 62px}.hero-grid{display:grid;grid-template-columns:1fr 310px;gap:60px;align-items:end}.back-link{display:block;color:#b9d0df;font-weight:700;margin-bottom:18px}.eyebrow{display:block;color:var(--amber);text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.78rem}.eyebrow.dark{color:#936000}.practice-hero h1{font:800 clamp(2.7rem,6vw,5.4rem)/1 Manrope,sans-serif;letter-spacing:-.055em;margin:8px 0 16px}.practice-hero p{font-size:1.08rem;color:#d2e0e9;max-width:650px;margin:0}.score-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:19px;padding:23px}.score-card span{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#b8ccda;font-weight:800}.score-card strong{display:block;font:800 1.45rem Manrope,sans-serif;color:var(--amber);margin:5px 0}.score-card p{font-size:.88rem;margin:0}
.mode-section{padding:58px 0 74px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.section-heading h2{font:800 clamp(1.8rem,4vw,2.8rem)/1.08 Manrope,sans-serif;letter-spacing:-.04em;margin:7px 0 0}.section-heading>p{max-width:380px;color:var(--muted);margin:0}.section-heading.compact{margin-bottom:18px}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mode-card{display:flex;flex-direction:column;align-items:flex-start;min-height:260px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:19px;padding:22px;color:var(--ink);cursor:pointer;transition:.2s}.mode-card:hover,.mode-card:focus-visible{border-color:#0d5a91;box-shadow:0 14px 36px rgba(7,27,46,.11);transform:translateY(-3px)}.mode-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.mode-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eaf3f9;color:var(--blue);font:800 1rem Manrope,sans-serif}.mode-icon.sign{background:#fff3d8;color:#9a6200}.mode-icon.hazard{background:#ffebeb;color:var(--red);font-size:1.4rem}.featured .mode-icon{background:var(--amber);color:var(--navy)}.mode-card b{font:800 1.15rem Manrope,sans-serif;margin:24px 0 7px}.mode-card small{font-size:.9rem;color:var(--muted)}.featured small{color:#c5d7e3}.mode-card em{font-style:normal;font-weight:800;color:#075e95;margin-top:auto;padding-top:20px}.featured em{color:var(--amber)}
.quiz-shell{padding:55px 0 90px}.quiz-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.quiz-topline>div:first-child{display:flex;align-items:center;gap:13px}.topic-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dfeef7;color:#164a6e;font-size:.8rem;font-weight:800}.timer{text-align:right}.timer span{display:block;color:var(--muted);font-size:.76rem;text-transform:uppercase;font-weight:800}.timer b{font:800 1.35rem Manrope,sans-serif;font-variant-numeric:tabular-nums}.timer.urgent b{color:var(--red)}.progress-track{height:8px;border-radius:999px;background:#dfe7ed;overflow:hidden;margin-bottom:22px}.progress-track span{display:block;height:100%;width:0;background:var(--amber);transition:width .25s}.question-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,48px);box-shadow:var(--shadow)}.question-card h2{font:800 clamp(1.35rem,3vw,2rem)/1.3 Manrope,sans-serif;margin:0 0 26px;max-width:800px}.answer-list{display:grid;gap:11px}.answer-option{display:grid;grid-template-columns:35px 1fr;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.answer-option:hover{border-color:#95afc1;background:#f8fbfd}.answer-option.selected{border-color:#0d5a91;background:#eaf5fc}.answer-letter{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef3f6;font-weight:800}.selected .answer-letter{background:var(--blue);color:#fff}.answer-status{margin:18px 0 0;color:var(--muted)}.quiz-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;margin-top:20px}.text-button{border:0;background:transparent;color:#526779;text-decoration:underline;cursor:pointer;justify-self:center;font-weight:700}
.results{padding:55px 0 90px}.result-summary{background:linear-gradient(130deg,#fff,#eaf3f8);border:1px solid var(--line);border-radius:24px;padding:clamp(26px,5vw,50px);margin-bottom:48px}.result-summary h2{font:800 clamp(2.2rem,5vw,4rem)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:9px 0 14px}.result-summary p{font-size:1.05rem;color:var(--muted);max-width:700px}.result-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.review-list{display:grid;gap:10px}.review-item{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:14px;padding:19px}.review-item.wrong{border-left-color:var(--red)}.review-item.unanswered{border-left-color:#d28a00}.review-item b{display:block;font:800 1rem Manrope,sans-serif}.review-item p{color:var(--muted);margin:8px 0 0}.review-item .your-answer{color:var(--ink)}.official-note{background:var(--navy);color:#fff;padding:35px 0}.official-note .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.official-note strong{font:800 1.25rem Manrope,sans-serif}.official-note p{color:#c3d5e1;margin:4px 0 0}.whatsapp-float{position:fixed;z-index:31;right:22px;bottom:22px;display:flex;align-items:center;gap:10px;padding:13px 17px;border-radius:999px;background:#1fa855;color:#fff;font-weight:800;box-shadow:0 14px 38px rgba(7,27,46,.28)}footer{background:#051522;color:#c3d1db;padding:38px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.mobile-actions{display:none}.noscript{padding:20px;background:#fff3d8;text-align:center;margin:0}.noscript a{text-decoration:underline}
@media(max-width:900px){.mode-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr}.score-card{max-width:430px}.navlinks{display:none}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1120px)}.topbar span{display:none}.main-nav{height:68px}.main-nav>.btn{display:none}.brand{font-size:.86rem}.practice-hero{padding:42px 0}.hero-grid{gap:28px}.mode-section{padding:42px 0 62px}.section-heading{display:block}.section-heading>p{margin-top:12px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:210px}.quiz-shell,.results{padding:38px 0 120px}.quiz-topline>div:first-child{align-items:flex-start;flex-direction:column;gap:6px}.question-card{border-radius:18px}.quiz-actions{grid-template-columns:1fr 1fr}.quiz-actions .text-button{grid-row:2;grid-column:1/-1}.quiz-actions .btn{width:100%;padding:0 12px}.official-note .wrap,.footer-grid{align-items:flex-start;flex-direction:column}.whatsapp-float{right:14px;bottom:86px;padding:11px 13px}.whatsapp-float b{display:none}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;position:fixed;z-index:30;left:10px;right:10px;bottom:10px;height:62px;padding:5px;border-radius:17px;background:#fff;box-shadow:0 12px 35px rgba(7,27,46,.3);border:1px solid var(--line)}.mobile-actions a{display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800}.call-now{background:var(--navy);color:#fff}.quick-enquiry{background:var(--amber);color:#122031}footer{padding-bottom:120px}}

/* Expanded revision library */
.mode-icon.rules{background:#e6f2ff;color:#075e95}.mode-icon.people{background:#e8f6ef;color:#137c55}.mode-icon.vehicle{background:#f2eafe;color:#6942a0}.mode-icon.motorway{background:#e6f1ff;color:#124e89}
.topic-dashboard{padding:64px 0;background:#eaf1f5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.topic-progress-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.topic-progress-grid article{display:grid;grid-template-columns:1fr auto;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}
.topic-progress-grid article>div:first-child{display:flex;flex-direction:column}.topic-progress-grid b{font:800 .98rem Manrope,sans-serif}.topic-progress-grid span{color:var(--muted);font-size:.82rem}.topic-progress-grid strong{font:800 1.35rem Manrope,sans-serif;color:var(--blue)}
.topic-progress-bar{grid-column:1/-1;height:6px;border-radius:99px;background:#e5edf2;overflow:hidden}.topic-progress-bar span{display:block;height:100%;background:var(--amber);border-radius:99px}.topic-progress-grid a{grid-column:1/-1;color:#075e95;font-size:.86rem;font-weight:800}
.hazard-coach{padding:72px 0;background:var(--navy);color:#fff}.hazard-coach .section-heading h2{color:#fff}.hazard-coach .section-heading>p{color:#c3d5e1}
.hazard-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.hazard-explainer{min-height:230px;padding:24px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(255,255,255,.06)}.hazard-explainer.active{background:#fff;color:var(--ink)}
.coach-step{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:rgba(255,255,255,.12);color:var(--amber);font-weight:800}.hazard-explainer.active .coach-step{background:#fff0d0;color:#8f5b00}.hazard-explainer h3{font:800 1.22rem Manrope,sans-serif;margin:28px 0 8px}.hazard-explainer p{color:#c3d5e1;margin:0}.hazard-explainer.active p{color:var(--muted)}
.scenario-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.scenario-list details{border:1px solid rgba(255,255,255,.15);border-radius:14px;background:rgba(255,255,255,.06);overflow:hidden}.scenario-list summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:66px;padding:14px 17px;cursor:pointer;list-style:none}.scenario-list summary::-webkit-details-marker{display:none}.scenario-list summary:after{content:"+";font-size:1.25rem;color:var(--amber)}.scenario-list details[open] summary:after{content:"−"}.scenario-list summary span{font-weight:800}.scenario-list summary b{font-size:.78rem;color:#a9c1d1}.scenario-list p{margin:0;padding:0 17px 17px;color:#c3d5e1}
.hazard-links{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.btn-outline-dark{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.quiz-topline>div:first-child{flex-wrap:wrap}.flag-button{min-height:34px;padding:5px 10px;border:1px solid #c7d4dd;border-radius:999px;background:#fff;color:#4a6275;font-size:.78rem;font-weight:800;cursor:pointer}.flag-button.active{border-color:#d48c00;background:#fff2d3;color:#7e5300}
.question-navigator{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 13px;margin:-7px 0 10px;scrollbar-width:thin}.question-navigator button{flex:0 0 34px;height:34px;border:1px solid #cbd8e0;border-radius:9px;background:#fff;color:#536b7e;font-size:.75rem;font-weight:800;cursor:pointer}.question-navigator button.answered{background:#dfeef7;color:#164a6e}.question-navigator button.flagged{border-color:#d48c00;box-shadow:inset 0 -3px #ffb21a}.question-navigator button.current{background:var(--navy);border-color:var(--navy);color:#fff}
.review-flag{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:#fff0ce;color:#7d5200;font-size:.72rem;font-weight:800}
.official-resources{padding:68px 0;background:#fff}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.resource-grid a{display:flex;flex-direction:column;min-height:130px;padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--paper);transition:.2s}.resource-grid a:hover,.resource-grid a:focus-visible{border-color:#0d5a91;transform:translateY(-2px)}.resource-grid b{font:800 1.05rem Manrope,sans-serif}.resource-grid span{margin-top:auto;color:#075e95;font-weight:800}
@media(max-width:800px){.topic-progress-grid,.resource-grid{grid-template-columns:1fr 1fr}.hazard-layout{grid-template-columns:1fr}.hazard-explainer{min-height:0}.scenario-list{grid-template-columns:1fr}}
@media(max-width:620px){.topic-dashboard,.hazard-coach,.official-resources{padding:48px 0}.topic-progress-grid,.resource-grid{grid-template-columns:1fr}.quiz-topline>div:first-child{align-items:flex-start}.flag-button{margin-top:3px}.question-navigator{margin-top:0}}