/* ATLAS NEW LAYOUT — responsive page consistency patch 2026-08-22 */
.atlas-page-shell{width:min(calc(100% - 40px),1240px);margin-inline:auto}
.atlas-page-section{padding-block:clamp(56px,7vw,92px)}
.atlas-page-kicker{margin:0 0 14px;color:#1f67c7;font-size:.76rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.atlas-page-title{max-width:1050px;margin:0;color:#0b1b38;font-size:clamp(2.2rem,4.6vw,4.7rem);font-weight:850;line-height:1.03;letter-spacing:-.05em;text-wrap:balance}
.atlas-page-lead{max-width:850px;margin-top:22px;color:#53637c;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.75}
.atlas-card{background:#fff;border:1px solid #e2e9f2;border-radius:18px;box-shadow:0 10px 30px rgba(22,47,88,.06)}
.atlas-soft-section{background:#f6f9fd;border-block:1px solid #e2e9f2}
.atlas-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}
.atlas-feature-card{min-width:0;padding:26px}
.atlas-feature-card h3{margin:0;color:#0b1b38;font-size:1.15rem;line-height:1.3}
.atlas-feature-card p{margin:9px 0 0;color:#53637c;line-height:1.65}
.atlas-monitor-card{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,72px);padding:clamp(28px,4vw,48px);align-items:start}
.atlas-monitor-card h2{margin:12px 0 0;font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;letter-spacing:-.04em}
.atlas-monitor-copy{color:#53637c;line-height:1.75}
.atlas-monitor-list{display:grid;gap:11px;margin:22px 0 0;padding:0;list-style:none}
.atlas-monitor-list li{position:relative;padding-left:27px;color:#344766}
.atlas-monitor-list li:before{content:'✓';position:absolute;left:0;top:0;color:#2eaf55;font-weight:900}
.atlas-monitor-cta{display:inline-flex;margin-top:24px;min-height:48px;align-items:center;justify-content:center;border-radius:10px;background:#082d6b!important;color:#fff!important;padding:12px 20px;font-weight:800;text-decoration:none;box-shadow:0 8px 20px rgba(8,45,107,.14)}
.atlas-check-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(28px,5vw,60px);align-items:start}
.atlas-check-panel{padding:clamp(24px,4vw,38px)}
.atlas-check-panel label{color:#0b1b38}
.atlas-check-panel input{width:100%}
.atlas-free-submit{background:linear-gradient(135deg,#1d4ed8,#4f46e5)!important;border:0!important;color:#fff!important;box-shadow:0 10px 26px rgba(29,78,216,.26)!important}
/* Stond vast op drie kolommen. Naast een breed rechterpaneel bleef er per kaart
   nog geen 120px over, waardoor woorden als "Machineleesbaarheid" middenin
   braken en de tekst afkapte. Met auto-fit vouwen de kaarten vanzelf. */
.atlas-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}
.atlas-info-card{padding:22px}
.atlas-kb-grid{display:grid;gap:22px}
.atlas-kb-article{padding:clamp(24px,4vw,38px)}
.atlas-kb-article h2{font-size:clamp(1.55rem,2.4vw,2.25rem);line-height:1.16;margin:0}
.atlas-kb-article p{line-height:1.78}
.atlas-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.atlas-topic-card{display:block;padding:22px;text-decoration:none}
.atlas-topic-card b{display:block;color:#0b1b38;font-size:1.08rem}
.atlas-topic-card p{margin:8px 0 0;color:#53637c;line-height:1.55}
@media(max-width:900px){.atlas-feature-grid,.atlas-info-grid{grid-template-columns:1fr}.atlas-monitor-card,.atlas-check-grid{grid-template-columns:1fr}.atlas-topic-grid{grid-template-columns:1fr}.atlas-check-grid{gap:24px}}
@media(max-width:600px){.atlas-page-shell{width:min(calc(100% - 28px),1240px)}.atlas-page-section{padding-block:48px}.atlas-page-title{font-size:clamp(2rem,10vw,3rem)}.atlas-monitor-card{padding:22px}.atlas-feature-card,.atlas-info-card,.atlas-topic-card{padding:20px}}

/* Lange Nederlandse samenstellingen (Machineleesbaarheid, AI-zichtbaarheidsscan)
   passen niet altijd in een smalle kolom. Zonder deze regel lopen ze buiten de
   kaart heen. Raakt alleen tekst die anders zou overlopen. */
h1,h2,h3,h4,h5,h6,p,li,b,strong,a,td,th,summary,figcaption{overflow-wrap:break-word}