/* WEB MODE only: reflow on tablet/mobile; never applied in capture. */
@media(max-width:1023px){
 :root{--dk-pad-x:clamp(22px,5vw,55px);--dk-pad-y:clamp(48px,7vw,80px)}
 .dako-page{width:100%;max-width:100%}
 .dako-section{padding:var(--dk-pad-y) var(--dk-pad-x)}
 .dk-h1{font-size:clamp(38px,7.1vw,68px)}
 .dk-h2{font-size:clamp(30px,5.7vw,54px)}
 .dk-h3{font-size:clamp(23px,4.3vw,40px)}
 .dk-h4{font-size:clamp(20px,3.6vw,34px)}
 .dk-body{font-size:clamp(16px,2.55vw,26px)}
 .dk-small{font-size:clamp(14px,2vw,21px)}
 .dk-eyebrow{font-size:clamp(12px,2.0vw,20px);margin-bottom:14px}
 .dk-eyebrow::before{width:17px;margin-right:9px;height:2px}
 .dk-metric{font-size:clamp(35px,6.2vw,62px)}
 .dk-num{font-size:clamp(15px,2.8vw,26px)}
 .dk-tag,.dk-caption{font-size:clamp(13px,2vw,20px)}
 .dk-section-head{margin-bottom:clamp(26px,5vw,60px)}
 .dk-section-head .dk-h2+.dk-body{margin-top:clamp(13px,2.5vw,30px)}
 .dk-image-box{min-height:220px}
 .dk-photo-placeholder{font-size:16px;min-height:200px}
 .dk-photo-placeholder em{font-size:13px}
 .dk-split{gap:28px}
 .dk-grid-3{gap:12px}
}
@media(max-width:767px){
 :root{--dk-pad-x:24px;--dk-pad-y:40px;--dk-s-2:12px;--dk-s-3:20px;--dk-s-4:28px;--dk-s-5:36px;--dk-s-6:52px;--dk-s-7:58px}
 .dk-h1{font-size:31px;line-height:1.23;letter-spacing:-.03em}
 .dk-h2{font-size:25px;line-height:1.29}
 .dk-h3{font-size:20px;line-height:1.39}
 .dk-h4{font-size:17px;line-height:1.45}
 .dk-body{font-size:16px;line-height:1.55}
 .dk-small{font-size:14px;line-height:1.55}
 .dk-metric{font-size:32px}
 .dk-eyebrow{font-size:12px;line-height:1.4;margin-bottom:16px}
 .dk-section-head{margin-bottom:24px}
 .dk-split{grid-template-columns:1fr;gap:24px}
 .dk-grid-2,.dk-grid-3,.dk-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .dk-grid-3.dk-stack-mobile{grid-template-columns:1fr}
 .dk-grid-2.dk-stack-mobile{grid-template-columns:1fr}
 .dk-image-box{min-height:170px}
 .dk-num{font-size:14px}
 .dk-caption,.dk-tag{font-size:13px}
 .dk-rule{margin:36px 0}
 .dk-photo-placeholder{min-height:170px;padding:14px}
 .dk-photo-placeholder:before{font-size:48px}
}
@media(max-width:374px){:root{--dk-pad-x:20px;--dk-pad-y:36px}.dk-h1{font-size:29px}.dk-h2{font-size:24px}}
/* Reading rhythm comes from spacing and hierarchy, not forced page heights. */
@media(max-width:767px){
 :root{--dk-pad-y:56px}
 html[data-output-mode="web"]{scroll-snap-type:y proximity;scroll-padding-block:0}
 html[data-output-mode="web"] .dako-page{overflow:clip}
 html[data-output-mode="web"] .dako-page>.dako-section{scroll-snap-align:start}
 html[data-output-mode="web"] .dako-page>.dk-hero-a{min-block-size:min(100svh,860px)}
 html[data-output-mode="web"] .dk-closing-group{scroll-snap-align:start}
 html[data-output-mode="web"] .dk-footer{min-block-size:0;scroll-snap-align:none}
 .dk-eyebrow[lang="en"]{font-size:11px;letter-spacing:.1em;margin-bottom:14px}
}
@media(max-width:374px){:root{--dk-pad-y:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(min-width:768px) and (max-width:1023px){.dk-eyebrow[lang="en"]{font-size:14px;letter-spacing:.1em;margin-bottom:18px}}