/* Web-only reading cadence. Compact neighbors share a view; long content grows.
   data-reading-role is set from measured content, never by section number. */
@media(max-width:767px) and (min-height:700px){
 html[data-output-mode="web"] .dako-page>[data-reading-role="pair-start"],
 html[data-output-mode="web"] .dako-page>[data-reading-role="pair-end"]{min-block-size:calc(100svh * var(--dk-reading-share,.5));display:flex;flex-direction:column;justify-content:center}
 html[data-output-mode="web"] .dako-page>[data-reading-role="pair-start"]{scroll-snap-align:start}
 html[data-output-mode="web"] .dako-page>[data-reading-role="pair-end"]{scroll-snap-align:none}
 html[data-output-mode="web"] .dako-page>[data-reading-role="solo"]{min-block-size:100svh;scroll-snap-align:start}
 html[data-output-mode="web"] .dako-page>.dako-section[data-reading-role="solo"]{display:flex;flex-direction:column;justify-content:center}
}
/* Short/landscape screens and zoomed text retain natural document flow. */
@media(max-width:767px) and (max-height:699px){
 html[data-output-mode="web"] .dako-page>[data-reading-role]{min-block-size:0;scroll-snap-align:none}
}
/* Refine hierarchy without shrinking essential body copy. */
.dk-features-a__list .dk-h4{font-size:38px;line-height:1.35;margin-bottom:10px}
@media(max-width:767px){.dk-features-a__list .dk-h4{font-size:18px;line-height:1.4;margin-bottom:8px}.dk-feature-image__visual .dk-caption{font-size:12px}}
@media(min-width:1024px){
 html[data-output-mode="web"] .dk-hero-a__top{margin-bottom:28px}
 html[data-output-mode="web"] .dk-hero-a__top .dk-logo{width:145px}
 html[data-output-mode="web"] .dk-hero-a__head .dk-h1{font-size:66px}
 html[data-output-mode="web"] .dk-hero-a__size{font-size:42px}
 html[data-output-mode="web"] .dk-hero-a__head .dk-body{font-size:30px;margin-top:18px}
 html[data-output-mode="web"] .dk-hero-a__visual{--hv:clamp(340px,44svh,460px);height:var(--hv);margin-block:22px}
}