/* VDVL — midnight blue, electric blue and ice. Shared across the whole site. */
:root{
 --vd-ink:#11233f;--vd-green:#11233f;--vd-muted:#53647c;--vd-paper:#f4f7fc;--vd-line:#dce5f1;--vd-border:#dce5f1;--vd-gold:#387eff;--vd-accent:#c5f0ff;
 --vdvl-ink:#11233f;--vdvl-teal:#245cda;--vdvl-edge:#dce5f1;--vdvl-shadow:0 3px 0 #e3eaf5,0 12px 28px #11233f08;
 --navy:#11233f;--teal:#245cda;--lime:#c5f0ff;--muted:#53647c;--border:#dce5f1;
 --brand-blue:#245cda;--brand-blue-dark:#1949b6;--brand-ice:#eaf2ff;--brand-cyan:#c5f0ff;
}
body{background:#f4f7fc;background-image:radial-gradient(ellipse at 90% 0%,#dcecff85,transparent 48%);color:#11233f;-webkit-font-smoothing:antialiased}
:where(h1,h2,h3,h4){color:#11233f}
:where(a){color:#245cda}
:where(input,select,textarea){accent-color:#245cda}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #387eff;outline-offset:4px}
::selection{background:#c5e4ff;color:#11233f}
.vd-brand,.vd-tiktok,.brand,.back,.section-back,.end-link,.masthead-back,.site-footer,.site-footer a,.site-breadcrumbs,.site-breadcrumbs a{color:#11233f}
.vd-header,header.site-masthead,.site-footer,.vd-more{border-color:#dce5f1}
.vd-location{border-color:#cad8ed}.vd-kicker,.eyebrow{color:#245cda}
.vd-hero h1 em,h1 em{color:#245cda}
.vd-hero-photo{box-shadow:0 20px 55px #18396616;background:#e6eefb}
.vd-hero-photo figcaption{color:#11233f;background:#fffffff2;border:1px solid #ffffffb3}
.vd-dot{background:#245cda}
.vd-fine,.vd-proofline,.vd-explored,.vd-cardnum,.lead,.intro,.small,.source,.trajectory-hint,.attest-scope,.attest-example figcaption{color:#53647c}
.vd-proofline{border-color:#dce5f1}.vd-proofline span::before{color:#245cda}
.vd-card,.choice,.sign-choice,.meaning-card,.pretest-card,.start-step,.checker,.trajectory-wizard,.vd-service-option,.sign-game{background:#fff;border-color:#dce5f1;color:#11233f;box-shadow:0 3px 0 #e3eaf5,0 12px 28px #11233f08}
.vd-card:hover,.choice:hover,.sign-choice:hover{background:#fafdff;border-color:#8db6ff;box-shadow:0 6px 0 #e0eafa,0 18px 32px #245cda12}
.vd-card p,.sign-choice p,.meaning-card p,.construction p{color:#53647c}
.vd-cardlink,.sign-choice>strong,.choice strong{color:#245cda}
.vd-card.is-visited .vd-cardnum::after{color:#245cda}
.choice-number,.mini-book,.badge,.sectiontitle>span,.method-icon{background:#eaf2ff;color:#245cda;box-shadow:none}
.vd-scanicon{border-color:#95b5ec;background:#eaf2ff;color:#245cda}
/* Clear primary actions; WhatsApp retains its familiar service colour. */
.vd-button,.primary,.game-primary,.scan-action,.licence-cta,.licence-start-button,.question-action,.office-reason-next,.office-booking,.trajectory-office,.trajectory-wizard button:not(.trajectory-secondary),.licence-choices .licence-start-button,.meaning-choice>strong,.vd-dock-office,button[type=submit]{background:#245cda;color:#fff!important;border-color:#245cda;box-shadow:0 4px 0 #1949b6,0 8px 18px #245cda16}
.vd-button:hover,.primary:hover,.game-primary:hover,.scan-action:hover,.office-booking:hover,.trajectory-office:hover,.licence-choices a:hover .licence-start-button{background:#1949b6;box-shadow:0 4px 0 #123a94,0 10px 22px #245cda20}
.vd-office{border-color:#cad8ed;background:#fff;color:#11233f}
.vd-whatsapp,.masthead-whatsapp,.whatsapp-top{background:#147a48;color:#fff;box-shadow:0 3px 0 #0d5e36}
.vd-scan-cta,.vd-next .vd-button{background:#c5f0ff;color:#11233f!important;border-color:#a4deef;box-shadow:0 4px 0 #88c9df}
.vd-scan-cta:hover,.vd-next .vd-button:hover{background:#ade7fb;box-shadow:0 4px 0 #78bcd4}
.vd-textlink{color:#245cda}
.vd-page-nav{background:#eaf0fa;border-color:#dce5f1}
.vd-page-nav a{color:#53647c;background:transparent}
.vd-page-nav a:hover{background:white;color:#245cda}
.vd-page-nav a[aria-current]{background:#11233f;color:#fff;box-shadow:0 3px 8px #11233f12}
.vd-next{background:linear-gradient(120deg,#11233f,#183d72);color:#fff;box-shadow:0 16px 40px #11233f12}
.vd-next h2{color:#fff}.vd-next .vd-kicker{color:#c5f0ff}.vd-next>p:not(.vd-kicker){color:#d9e5f7}.vd-next .vd-textlink{color:#fff}.vd-next .vd-contact-subline{color:#bacfe9}
.vd-challenge,.vd-home .vd-challenge,.meaning-choice,.licence-start-choice,.do-this,.school,.office-selected,.office-route-info,.trajectory-recommendation,.scan-privacy,.manual-badge,.scanbox{background:#eaf2ff;border-color:#cadcf8;color:#11233f}
.trajectory-recommendation{border-left-color:#245cda}
.vd-contact-dock{background:#fffffff5;border-color:#dce5f1;box-shadow:0 10px 36px #11233f22}.vd-dock-copy span{color:#53647c}.vd-dock-whatsapp{background:#e5f3ec;color:#11683d!important}
.vd-answers button,.game-option{color:#11233f;border-color:#cad8ed;background:#fff;box-shadow:0 3px 0 #e3eaf5}
.vd-answers button:hover,.game-option:not(:disabled):hover{border-color:#245cda}
/* Answer feedback and document warnings keep their semantic colours. */
.vd-answers .vd-correct{background:#daf1dd;border-color:#39804b;color:#164226}
.vd-answers .vd-wrong{background:#ffebe6;border-color:#c8674b;color:#783420}
.trajectory-progress,.trajectory-field,.trajectory-wizard legend,.trajectory-wizard h2,.office-reason-form legend,.office-reason-option,.input-methods button{color:#11233f}
.trajectory-types label,.office-reason-option,.input-methods button{border-color:#cad8ed;background:#fff;box-shadow:none}
.trajectory-types label:has(input:checked),.office-reason-option:has(input:checked),.types label:has(input:checked),.method-options label:has(input:checked),.confirm:has(input:checked){background:#eaf2ff;border-color:#245cda;box-shadow:0 0 0 1px #245cda}
.trajectory-types input,.office-reason-option input[type=radio],.unknown-choice input[type=checkbox],.confirm input[type=checkbox]{accent-color:#245cda}
.trajectory-field select,.scan-review-grid input,.scan-review-grid select{color:#11233f;border-color:#b7cbea;background:white}
.trajectory-wizard .trajectory-secondary,.secondary,.office-selected button,.office-reason-change,.scan-photo-actions button,.scan-main-actions .secondary{background:#eaf0fa;color:#1e4eaf;border-color:#cad8ed;box-shadow:none}
.office-reason-option:hover,.input-methods button:hover{background:#f3f7ff;border-color:#8db6ff}
.office-reason-form fieldset>p,#trajectory-summary-values dt{color:#53647c}
#choose-scan{background:linear-gradient(135deg,#eaf2ff,#fff);border-color:#245cda}
#choose-scan .method-icon{background:#245cda;color:white}
.scan-side{border-color:#dce5f1}.scan-image{background:#f3f7ff;border-color:#aec6e8;color:#53647c}
#scan-review{background:#eaf2ff;border-color:#7ea4e3}
.scan-steps li,.scan-steps b{background:#eaf2ff;color:#245cda}
.progress{background:#f5f8fd;border-color:#dce5f1}
.vd-service .vd-service-note,.note{background:#eaf2ff;border-left-color:#387eff;color:#11233f}
.vd-service .lead,.vd-service-option .vd-kicker{color:#53647c}
progress{accent-color:#245cda}progress::-webkit-progress-bar{background:#e1e9f5}progress::-webkit-progress-value{background:#245cda}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.vd-local-exam{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:24px 0 35px;padding:28px;border:1px solid #cadcf8;border-radius:20px;background:#eaf2ff}.vd-local-exam h2{font-size:25px;line-height:1.2;margin:0 0 10px}.vd-local-exam p:not(.vd-kicker){font-size:14px;color:#53647c;margin:0;max-width:65ch}.vd-local-exam>.vd-button{flex-shrink:0}.local-guide-link{font-size:14px;line-height:1.7;margin:26px 0}@media(max-width:700px){.vd-local-exam{display:block;padding:22px}.vd-local-exam h2{font-size:23px}.vd-local-exam>.vd-button{margin-top:20px;font-size:13px}}

/* Emphasise the two-hour preparation immediately before the exam. */
.exam-prep-highlight{display:block;margin:20px 0;padding:20px 22px;border:1px solid #e3a631;border-left:6px solid #d28a08;border-radius:14px;background:#fff2cc;color:#573806;box-shadow:0 4px 15px #b4780b0a}.exam-prep-highlight .exam-prep-highlight-label{font-size:11px;line-height:1.4;font-weight:850;letter-spacing:.08em;color:#79500b;margin:0 0 10px}.exam-prep-highlight p{font-size:15px;line-height:1.65;color:#573806;margin:0 0 10px}.exam-prep-highlight p:last-child{margin-bottom:0}.exam-prep-highlight strong{font-weight:800;color:#573806}@media(max-width:600px){.exam-prep-highlight{padding:17px;margin:17px 0}.exam-prep-highlight p{font-size:14px}}
