/* Scoped ONLY to the Verhaal page. Approved header and story visuals unchanged. */
html:has(body.page-verhaal){background:#30241d}
body.page-verhaal{margin:0;min-height:100vh;display:flex;flex-direction:column;background:#30241d}
body.page-verhaal>main{flex:1 0 auto;width:100%}
body.page-verhaal>footer{flex-shrink:0;width:100%;margin:0}
/* Keep all content in one central column, including the closing CTA. */
body.page-verhaal .v14-end{padding-left:9%!important;padding-right:9%!important;}
body.page-verhaal .v14-end .v14-end-inner{width:min(1050px,calc(100% - 48px));margin-inline:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px}
/* Group the logo, description, and Early Access vertically on the same axis. */
body.page-verhaal .saytr-footer-v12 .saytr-footer-main{width:min(1050px,calc(100% - 48px));margin-inline:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;padding-bottom:28px!important}
body.page-verhaal .saytr-footer-v12 .saytr-footer-brand{flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0 auto!important;display:block!important}
body.page-verhaal .saytr-footer-v12 .saytr-footer-brand img{width:170px!important;max-width:100%!important;margin:0 auto!important;height:auto!important;display:block!important}
body.page-verhaal .saytr-footer-v12 .saytr-footer-info{max-width:560px!important;margin:0 auto!important;text-align:center!important}
body.page-verhaal .saytr-footer-v12 .saytr-footer-info p{margin:10px auto 12px!important}
body.page-verhaal .saytr-footer-v12 .saytr-footer-bottom{width:min(1050px,calc(100% - 48px));margin-inline:auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:14px!important;text-align:center!important}
body.page-verhaal .saytr-footer-v12 .saytr-footer-bottom nav{display:flex!important;justify-content:center!important;gap:12px 20px!important;flex-wrap:wrap!important}
@media(max-width:700px){
 body.page-verhaal .v14-end{padding-left:18px!important;padding-right:18px!important}
 body.page-verhaal .v14-end .v14-end-inner{display:block!important;text-align:center!important}
 body.page-verhaal .v14-end .v14-end-inner .v14-btn{margin-top:24px}
 body.page-verhaal .saytr-footer-v12 .saytr-footer-main{width:calc(100% - 36px)}
 body.page-verhaal .saytr-footer-v12 .saytr-footer-bottom{width:calc(100% - 36px)}
 body.page-verhaal .saytr-footer-v12 .saytr-footer-brand img{width:145px!important}
}

/* Correctie: maak de HELE hero begrensd, niet slechts zijn binnencontainer. */
@media (min-width:701px){
 body.page-verhaal .story-hero-reference{width:min(100% - 48px, 980px);max-width:980px;margin:28px auto 0;border-radius:18px;overflow:hidden;}
 body.page-verhaal .story-hero-inner{width:100%;max-width:100%;min-height:410px;grid-template-columns:46% 54%;margin:0;}
 body.page-verhaal .story-hero-text{padding:35px 18px 35px 37px;}
 body.page-verhaal .story-hero-art{height:410px;min-height:410px;}
 body.page-verhaal .story-hero-text h1{font-size:clamp(40px,3.8vw,55px);margin:13px 0 19px;}
}
@media (max-width:700px){
 body.page-verhaal .story-hero-reference{width:calc(100% - 24px);margin:12px auto 0;border-radius:14px;overflow:hidden;}
 body.page-verhaal .story-hero-inner{width:100%;max-width:100%;}
 body.page-verhaal .story-hero-art{min-height:260px;height:260px;}
}