/* Shared, targeted spacing fixes: keep product visuals and interactive layouts intact. */
body[data-rfx-page=home] .mp-case-grid article,
body[data-rfx-page=over-remotefix] .company-usecases article,
body[data-rfx-page=systeembeheer] .package-grid article,
body[data-rfx-page=projecten] .showcase-card,
body[data-rfx-page=projecten] .case,
body[data-rfx-page=jo-jo-homburg] .scale-wall article{min-height:0;height:auto;align-content:start}
body[data-rfx-page=home] .mp-case-grid article,
body[data-rfx-page=over-remotefix] .company-usecases article{padding:28px}
body[data-rfx-page=systeembeheer] .package-grid article{padding:28px}
body[data-rfx-page=systeembeheer] .package-grid article>a{margin-top:18px}
body[data-rfx-page=systeembeheer] .package-grid h3{margin-top:16px}
body[data-rfx-page=jo-jo-homburg] .scale-wall .scale-large{grid-row:auto}
body[data-rfx-page=jo-jo-homburg] .scale-wall article{padding:28px}
body[data-rfx-page=projecten] .case>strong{margin-top:18px}
body[data-rfx-page=projecten] .outcome{padding:26px}
body[data-rfx-page=projecten] .outcome h3{color:#123143;margin:14px 0 12px;line-height:1.25}
body[data-rfx-page=projecten] .outcome p{margin:0;color:#4c6878}
@media(max-width:700px){
 body[data-rfx-page=home] .mp-case-grid article,
 body[data-rfx-page=over-remotefix] .company-usecases article,
 body[data-rfx-page=systeembeheer] .package-grid article,
 body[data-rfx-page=jo-jo-homburg] .scale-wall article,
 body[data-rfx-page=projecten] .showcase-card,
 body[data-rfx-page=projecten] .case,
 body[data-rfx-page=projecten] .scenario,
 body[data-rfx-page=projecten] .outcome{padding:22px;min-height:0}
 body[data-rfx-page=over-remotefix] .company-origin,
 body[data-rfx-page=over-remotefix] .company-principles,
 body[data-rfx-page=over-remotefix] .company-person,
 body[data-rfx-page=jo-jo-homburg] .bio-intro,
 body[data-rfx-page=jo-jo-homburg] .bio-scale{padding-block:48px}
}

body[data-rfx-page=over-remotefix] .company-usecases strong{margin-top:20px;line-height:1.15}
body[data-rfx-page=over-remotefix] .company-usecases p{margin:14px 0 18px}
@media(max-width:700px){
 body[data-rfx-page=over-remotefix] .origin-grid,
 body[data-rfx-page=over-remotefix] .person-grid{gap:24px}
 body[data-rfx-page=over-remotefix] .company-identity-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-rfx-page=over-remotefix] .company-identity-stats>span{padding:18px 12px;min-width:0}
}