/* Dutch-only release: retain the shared palette and all controls. */
html[data-dutch-focus] .focus-details{margin:14px 0;border:1px solid var(--line);border-radius:18px;background:var(--paper,#fffcf8);padding:0 16px;text-align:start}
html[data-dutch-focus] .focus-details>summary{padding:17px 2px;min-height:48px;cursor:pointer;font-size:14px;font-weight:700;line-height:1.4}
html[data-dutch-focus] .focus-details[open]{padding-bottom:16px}
html[data-dutch-focus] .focus-details[hidden]{display:none!important}
html[data-dutch-focus] .focus-details :is(button,input,select){max-width:100%}
html[data-dutch-focus] .home-heading h1{font-size:clamp(28px,8vw,38px)}
html[data-dutch-focus] .learning-command .route-fraction{display:none}
html[data-dutch-focus] .home-heading .eyebrow{display:none}
html[data-dutch-focus] .home-focus-nav{margin-top:16px}
html[data-dutch-focus] #page-home>.course-switch-link{font-size:12px}
html[data-dutch-focus] .learn-focus>p,html[data-dutch-focus] .learn-focus>small{display:none}
html[data-dutch-focus] .world-heading>p{max-width:35ch}
html[data-dutch-focus] .focus-sound-samples{padding:12px 0}
html[data-dutch-focus] .focus-sound-samples p{font-size:13px;line-height:1.5}
html[data-dutch-focus] .focus-sound-samples>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
html[data-dutch-focus] .focus-sound-samples button{display:flex;gap:9px;font-size:12px;min-height:46px}

/* One scroll owner, an explicit available height and permanently reachable actions. */
html[data-dutch-focus] #welcome-dialog{position:fixed;inset:auto;top:calc(var(--viewport-top,0px) + 10px);left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 20px));height:calc(var(--app-height,100dvh) - 20px);max-height:calc(var(--app-height,100dvh) - 20px);margin:0;padding:0;overflow:hidden;animation:none}
html[data-dutch-focus] #welcome-dialog .welcome-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-height:none;min-height:0;padding:16px;gap:12px;overflow:hidden;box-sizing:border-box}
html[data-dutch-focus] #tutorial-scene{display:block;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:4px 3px 24px;scroll-padding-block:16px;animation:none}
html[data-dutch-focus] #tutorial-scene h2{margin:14px auto;font-size:clamp(24px,6vw,30px);line-height:1.15}
html[data-dutch-focus] #tutorial-scene .welcome-lead{margin:0 auto 16px;font-size:14px;line-height:1.45}
html[data-dutch-focus] #tutorial-scene>div[class^=tutorial-][aria-hidden]{display:none}
html[data-dutch-focus] #tutorial-scene .eyebrow{display:none}
html[data-dutch-focus] #tutorial-scene .setup-choice-grid{grid-template-columns:1fr;gap:9px;max-height:none;overflow:visible;scrollbar-gutter:auto}
html[data-dutch-focus] #tutorial-scene .setup-choice{display:grid;grid-template-columns:34px minmax(0,1fr);min-height:56px;padding:12px;text-align:start;align-items:center;gap:10px}
html[data-dutch-focus] #tutorial-scene .setup-choice strong{font-size:14px;line-height:1.4}
html[data-dutch-focus] #tutorial-scene .setup-choice small{grid-column:2;font-size:12px}
html[data-dutch-focus] #tutorial-scene .setup-field-grid{display:grid;grid-template-columns:1fr}
html[data-dutch-focus] #tutorial-scene label{font-size:14px;line-height:1.4}
html[data-dutch-focus] #tutorial-scene .setup-plan-facts{grid-template-columns:1fr;text-align:start}
html[data-dutch-focus] #welcome-dialog .tutorial-actions{margin:0;padding:4px 0 max(4px,env(safe-area-inset-bottom));grid-template-columns:auto minmax(0,1fr)}
html[data-dutch-focus] #welcome-dialog .tutorial-actions button{min-height:48px;font-size:14px;white-space:normal}

html[data-dutch-focus] #placement-dialog{position:fixed;inset:auto;top:calc(var(--viewport-top,0px) + 10px);left:50%;transform:translateX(-50%);height:calc(var(--app-height,100dvh) - 20px);max-height:none;margin:0;width:min(500px,calc(100% - 20px));overflow:hidden}
html[data-dutch-focus] .placement-dialog-card{height:100%;max-height:none;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:16px;box-sizing:border-box}
html[data-dutch-focus] .placement-dialog-card>header,html[data-dutch-focus] .placement-dialog-card>.placement-meter,html[data-dutch-focus] .placement-dialog-card>.tour-audio-controls{flex-shrink:0}
html[data-dutch-focus] #placement-stage{overflow:auto;min-height:0;flex:1;padding:4px 2px 18px;overscroll-behavior:contain;touch-action:pan-y}
html[data-dutch-focus] .placement-dialog-card>footer{position:static;flex-shrink:0;margin:0;padding:8px 0 max(4px,env(safe-area-inset-bottom));box-shadow:none}
html[data-dutch-focus] .placement-dialog-card>header .eyebrow{display:none}
html[data-dutch-focus] .placement-dialog-card h2{font:700 19px/1.25 var(--font-body,Arial,sans-serif)}
html[data-dutch-focus] #placement-stage h3{font-size:22px;line-height:1.3;margin:12px 0 18px}
html[data-dutch-focus] .placement-answer-grid button{min-height:52px;font-size:15px;line-height:1.4}
html[data-dutch-focus] .placement-answer-grid strong{font-size:15px}
html[data-dutch-focus] .placement-recall-prompt{padding:20px 14px;background:#edf4ef;border-radius:16px;font-size:23px;line-height:1.5}
html[data-dutch-focus] #placement-recall-form{display:grid;gap:9px;text-align:start;margin-bottom:18px}
html[data-dutch-focus] #placement-recall-answer{font-size:18px;min-height:48px;width:100%;box-sizing:border-box}
html[data-dutch-focus] #placement-stage :is(p,small,label){font-size:14px;line-height:1.5}
html[data-dutch-focus] :is(.focus-result-mark,.focus-checkpoint-art){display:grid;width:62px;height:62px;place-items:center;margin:8px auto;background:#e6efcf;color:#174e43;border-radius:22px;font-size:32px}
@media(max-height:480px){html[data-dutch-focus] :is(#welcome-dialog,#placement-dialog){top:calc(var(--viewport-top,0px) + 4px);height:calc(var(--app-height,100dvh) - 8px);max-height:calc(var(--app-height,100dvh) - 8px)}html[data-dutch-focus] :is(.welcome-card,.placement-dialog-card){padding:8px!important;gap:6px!important}html[data-dutch-focus] .tour-audio-controls{margin:0}}