/* Mobile layout, touch targets and readable forms; scrolling and zoom stay available. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:700px){
 body{min-width:0;padding-bottom:env(safe-area-inset-bottom,0px)}
 main,main section,main article,fieldset{min-width:0;box-sizing:border-box}
 main img,main video,main canvas,main iframe{max-width:100%}
 main p,main li,main h1,main h2,main h3,main label,main a{overflow-wrap:break-word}
 input:not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea{font-size:16px!important;max-width:100%;min-width:0;box-sizing:border-box}
 input[type=date],input[type=number],input[type=text],select{min-height:48px}
 textarea{width:100%;line-height:1.5}
 button,.vd-button,.primary,.secondary,.game-primary,.office-booking,.trajectory-office{min-height:48px;box-sizing:border-box;white-space:normal;line-height:1.4}
 a,button,input,select,summary,label{touch-action:manipulation}
 main button:disabled{opacity:.65}
 .game-option:disabled{opacity:1}
 .vd-service{margin-top:16px;padding:0 16px}
 body:not(.vd-home) main h1{font-size:clamp(28px,7.4vw,36px);line-height:1.15;letter-spacing:-1px}
 .vd-service .lead{font-size:16px;line-height:1.6}
 header.site-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;width:auto;max-width:100%;gap:8px;margin:0 16px;padding:12px 0 8px;border-bottom:1px solid #dce5f1}
 header.site-masthead .masthead-photo{display:none}
 header.site-masthead .masthead-contact{display:flex;align-items:center;flex-wrap:nowrap;border:0;padding:0;margin:0;gap:9px;min-width:0;grid-column:1/-1}
 header.site-masthead address{margin:0 auto 0 0;font-size:12px;line-height:1.4;min-width:0;white-space:normal}
 header.site-masthead address strong{display:block;font-size:16px;margin:0 0 3px}
 header.site-masthead address span{display:block;font-size:12px}
 header.site-masthead address a{display:inline-flex;align-items:center;min-height:36px;font-size:14px}
 header.site-masthead .social-tiktok{display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:8px;box-sizing:border-box}
 header.site-masthead .masthead-whatsapp{display:flex;align-items:center;justify-content:center;width:46px!important;min-width:46px!important;height:46px;min-height:46px;gap:0;padding:9px;border-radius:12px;font-size:0}
 header.site-masthead .masthead-whatsapp span{display:none}
 header.site-masthead .masthead-whatsapp svg{display:block;width:28px;height:28px;min-width:28px}
 header.site-masthead .masthead-back{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;margin:0;padding:6px 0;text-decoration:none;font-size:13px}
 .site-breadcrumbs{gap:5px;line-height:1.5;font-size:12px;margin-bottom:12px}
 .vd-page-nav{margin:12px 0 20px;padding:6px;gap:5px}
 .vd-page-nav a,.vd-page-nav a:first-child{flex:1 1 40%;font-size:12px;min-height:44px;white-space:normal}
 .exam-options{margin:22px 0;gap:14px}
 .exam-choice{min-height:136px;padding:22px}
 .exam-choice h2{font-size:23px;line-height:1.3}
 .exam-detail{width:100%;max-width:100%;margin-top:22px}
 .exam-option{padding:20px;width:100%;min-width:0}
 .exam-option p,.exam-option li{font-size:16px;line-height:1.6}
 .exam-option .exam-small{font-size:14px}
 .exam-option .vd-button{font-size:15px;padding:14px;width:100%;gap:10px}
 .vd-actions{gap:12px}
 .vd-actions>.vd-button{max-width:100%;text-align:center}
 .lesson-guide-sections summary{padding-top:15px;padding-bottom:15px;min-height:48px;line-height:1.45}
 .lesson-vehicle-options{grid-template-columns:1fr 1fr;gap:10px}
 .lesson-vehicle-options label,.office-reason-option,.trajectory-types label{min-height:56px;line-height:1.45;box-sizing:border-box}
 .office-reason-form legend,.trajectory-wizard legend{font-size:22px;line-height:1.3}
 .trajectory-wizard{padding:20px 16px}
 .trajectory-actions{display:flex;flex-wrap:wrap;gap:10px}
 .trajectory-actions button{flex:1 1 110px;min-width:0;font-size:15px}
 #trajectory-summary-values{grid-template-columns:1fr;gap:5px;font-size:16px}
 #trajectory-summary-values dd{margin-bottom:12px}
 .result-whatsapp-main,.result-whatsapp-alternative,.result-whatsapp-tools button{display:flex;align-items:center;justify-content:center;min-height:48px;line-height:1.45;font-size:15px;text-align:center;box-sizing:border-box;white-space:normal;max-width:100%}
 .result-whatsapp-tools{display:flex;flex-wrap:wrap;gap:12px}
 .result-whatsapp-tools>*{width:100%}
 .scan-photo-actions{display:flex;flex-wrap:wrap;gap:10px}
 .scan-photo-actions button{min-height:48px;flex:1 1 110px;font-size:14px}
 .scan-main-actions{gap:12px}
 .uploadbuttons{display:flex;flex-wrap:wrap;gap:12px}
 .uploadbuttons>*{min-height:48px;flex:1 1 140px;box-sizing:border-box}
 .game-option{font-size:16px;line-height:1.45;min-height:56px}
 .game-primary{width:100%;min-height:50px;font-size:16px}
 .review-item summary{min-height:48px;line-height:1.5}
 .vd-overview-groups summary{min-height:64px;font-size:18px}
 .vd-overview-groups a{min-height:48px;font-size:16px}
 .site-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
 .site-footer nav a{min-height:44px}
 .vd-simple-menu nav>a{min-height:82px}
 .vd-simple-help{gap:4px 12px}
 .vd-simple-help a{min-height:44px}
 .vd-home .vd-header-actions .vd-office{min-height:44px}
 .vd-home .vd-simple-footer nav a{min-height:36px}
}
@media(max-width:360px){
 .vd-home .vd-main{padding:0 14px}
 .vd-home .vd-header{padding:8px 14px}
 .vd-home .vd-hero{padding:12px 0 15px}
 .vd-home .vd-hero-top{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:12px}
 .vd-home .vd-hero-top .vd-kicker{font-size:8px!important;letter-spacing:.8px;max-width:83px}
 .vd-home .vd-hero-top .vd-exam-reserve{font-size:12px;min-height:48px;padding:12px 13px;margin-left:auto}
 .vd-home .vd-hero h1{font-size:28px;line-height:1.12;letter-spacing:-1.3px;margin-bottom:10px}
 .vd-home .vd-hero-copy>p:not(.vd-kicker):not(.vd-fine){font-size:12px;line-height:1.5}
 .vd-home .vd-actions{margin-top:13px}
 .vd-home .vd-scan-cta{padding:11px;gap:9px;min-height:60px;font-size:14px}
 .vd-home .vd-scan-cta small{font-size:10px}
 .vd-simple-menu{padding:13px 0 9px}
 .vd-simple-menu h2{font-size:18px;line-height:1.3}
 .vd-simple-menu nav{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
 .vd-simple-menu nav>a{min-height:83px;padding:10px;gap:7px}
 .vd-simple-menu strong{font-size:13px;line-height:1.4}
 .vd-simple-help{font-size:11px;gap:0 10px;margin-top:7px}
 .vd-simple-footer{display:flex;padding:9px 14px!important}
 .vd-simple-footer>div{font-size:10px}
 .vd-simple-footer nav a{font-size:10px!important;min-height:30px!important}
 .vd-page-nav a{font-size:11px}
 .exam-choice h2{font-size:21px}
 .lesson-vehicle-options{grid-template-columns:1fr}
}

@media(max-width:700px){
 .vd-exam-choice-page header.site-masthead{margin:0 16px;padding:10px 0;gap:0}
 .vd-exam-choice-page header.site-masthead address span,.vd-exam-choice-page header.site-masthead address a,.vd-exam-choice-page header.site-masthead .masthead-back{display:none}
 .vd-exam-choice-page header.site-masthead address strong{font-size:16px;margin:0}
 .vd-exam-choice-page .site-breadcrumbs{display:none}
 .vd-exam-choice-page .vd-page-nav{margin:6px 0 18px;padding:0;background:transparent;border:0}
 .vd-exam-choice-page .vd-page-nav a{flex:1;min-height:44px;background:#eaf2ff}
 .vd-exam-choice-page .vd-page-nav a[href="/examen-reserveren.html"],.vd-exam-choice-page .vd-page-nav a[href="/kantoorafspraak.html"]{display:none}
 .vd-exam-choice-page .exam-booking{margin-top:10px;padding-top:0}
 .vd-exam-choice-page .exam-booking h1{font-size:28px;line-height:1.15;margin:8px 0 12px}
 .vd-exam-choice-page .exam-booking>.lead{font-size:14px;line-height:1.5;margin:0 0 18px}
 .vd-exam-choice-page .exam-options{margin:0;gap:12px}
 .vd-exam-choice-page .exam-choice{padding:16px 18px;gap:10px;min-height:132px}
 .vd-exam-choice-page .exam-choice:first-child{padding-top:12px}
 .vd-exam-choice-page .exam-choice h2{font-size:21px;line-height:1.25;margin:0}
 .vd-exam-choice-page .exam-choice-next{font-size:13px;line-height:1.4}
 .vd-exam-choice-page .exam-label{font-size:10px}
 .licence-scan .scan-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}
 .licence-scan .scan-steps li{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px;font-size:11px;line-height:1.4}
 .licence-scan .scan-steps b{flex-shrink:0}
}