/* Fluid page frames; retain readable measure inside long articles. */
:root{--site-gutter:clamp(20px,2.5vw,64px)}
body>main{width:100%;max-width:none;min-width:0}
body :is(.section,.topic-home,.topic-hub,.deep-page,.culture-dossier,.culinary-columns,.journey-page,.section-menu-main){max-width:none;width:100%;box-sizing:border-box}
body .section,body .section-menu-main{padding-inline:var(--site-gutter)}
body :is(.topic-trail,.breadcrumb,.crosslinks,.journey-discover,.discovery-entry){max-width:none;padding-inline:var(--site-gutter);box-sizing:border-box}
body .site-header{padding-inline:var(--site-gutter)}
body .site-header :is(.mag-edition,.mag-masthead,#nav){max-width:none}
body .site-footer{padding-inline:var(--site-gutter)}
body .site-footer :is(.footer-inner,.sync-status){max-width:none}
body main>.bookmark-toolbar{max-width:none;width:calc(100% - 2 * var(--site-gutter));box-sizing:border-box}
/* Explicit homepage overrides follow its existing alignment stylesheet. */
body.home-no-top-nav{--home-width:100%;--home-gutter:var(--site-gutter)}
body.home-no-top-nav main>.section{max-width:none}
body.home-no-top-nav :is(.mag-edition,.mag-masthead){max-width:none}
body.home-no-top-nav .site-footer .footer-inner{max-width:none}
body.home-no-top-nav main>.bookmark-toolbar{max-width:none}
/* The public gallery also uses the available screen width. */
body .kg-wrap{width:100%;max-width:none;box-sizing:border-box;padding-inline:var(--site-gutter)}
body .kg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:24px;min-width:0}
body .kg-card{min-width:0}
/* Additional columns make wide monitors useful without oversized cards. */
@media(min-width:1600px){
 body.home-no-top-nav .topic-home-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.home-no-top-nav .topic-home-card h2{font-size:clamp(30px,2vw,40px)}
 body.home-no-top-nav .home-hero-stage{height:clamp(420px,26vw,600px)}
 body :is(.topic-grid,.chapter-directory){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:2200px){
 body .section-menu.is-menu-all .section-menu-panels{grid-template-columns:repeat(5,minmax(0,1fr))}
 body.home-no-top-nav .home-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
 :root{--site-gutter:20px}
 body .kg-grid{gap:20px}
}
@media print{body :is(.section,.section-menu-main){padding-inline:0}}

/* Keep the editorial opening centred within the fluid page. */
body.home-no-top-nav .topic-home .mag-cover{width:100%;max-width:1120px;margin-inline:auto}
@media(min-width:1600px){body.home-no-top-nav .home-hero-stage{height:420px}}

/* V1.7.4 — gedeelde leesbaarheid en toetsenbordbediening */
body main :where(p,li,dd,h1,h2,h3,a){overflow-wrap:break-word}
body main :where(img,video){max-width:100%}
body main :where(.topic-home-card,.topic-card,.chapter-card,.kg-card,.section-menu-panel){min-width:0}
body :where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #16475d;outline-offset:3px}
body main :where(section[id],article[id],h1[id],h2[id],h3[id]){scroll-margin-top:calc(var(--site-header-height,110px) + 16px)}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}body .home-hero-stage,body .home-hero-stage img{transition:none!important}}
.kreta-offline-copy{padding:.7rem var(--site-gutter,20px);margin:0;background:#eee9dc;color:#254652;font:13px/1.6 system-ui}

@media(max-width:640px){body .section-menu-links a{min-height:44px}body .section-menu-groups button{min-height:44px}}

/* Opgeslagen blokverwijdering blijft gelden wanneer een widget hidden wijzigt. */
[data-kk-hidden-public]{display:none!important}
