/* Public layout corrections after desktop/mobile review of all NL/BE routes. */
body[data-rfx-page] main{display:block!important}
body[data-rfx-page] main>section{order:initial!important}
body[data-rfx-page] main .shell,body[data-rfx-page] main .wrap,
.rfx-chrome-header-inner,.rfx-chrome-footer-inner{width:min(1240px,calc(100% - 64px));margin-inline:auto}
body[data-rfx-page] main h1{font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:break-word}
body[data-rfx-page] main h2{font-size:clamp(30px,3.6vw,52px);line-height:1.14;letter-spacing:-.035em;overflow-wrap:break-word}
body[data-rfx-page] main img,body[data-rfx-page] main video{max-width:100%}
body[data-rfx-page] main figure,body[data-rfx-page] .vx-feature>*,body[data-rfx-page] .sv-split>*,
body[data-rfx-page] .company-hero-grid>*,body[data-rfx-page] .bio-hero-grid>*{min-width:0;max-width:100%}
body[data-rfx-page] .vx-shot>a,body[data-rfx-page] .sv-shot>a{max-width:100%}
body[data-rfx-page] main [id]{scroll-margin-top:102px}
/* The fixed header already offers an always-available quote action. */
body[data-rfx-page] .rfx-quote-shortcut{display:none!important}
body[data-rfx-page] main input:focus-visible,body[data-rfx-page] main select:focus-visible,
body[data-rfx-page] main textarea:focus-visible,body[data-rfx-page] main button:focus-visible,
body[data-rfx-page] main a:focus-visible{outline:3px solid #2bb5db;outline-offset:3px}

/* Keep the homepage introduction first, and make its width match the services. */
body[data-rfx-page=home] .mp-hero{padding:65px 0 60px;min-height:0}
body[data-rfx-page=home] .mp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
body[data-rfx-page=home] .mp-hero h1{font-size:clamp(48px,5.8vw,82px);line-height:1.02;margin-top:20px}
body[data-rfx-page=home] .mp-hero-copy>p{font-size:18px;line-height:1.75;max-width:680px}
body[data-rfx-page=home] .mp-hero-copy .hero-contact-line{font-size:13px;line-height:1.7}
body[data-rfx-page=home] .mp-live{width:100%;min-width:0}
body[data-rfx-page=home] .mp-live img{width:100%;display:block}
body[data-rfx-page=home] .mp-brands{padding-block:38px}
body[data-rfx-page=home] .rfx-profile-links{padding-block:45px}
body[data-rfx-page=home] .rfx-profile-links h2{font-size:28px;line-height:1.2}
body[data-rfx-page=home] .rfx-support-home h2{font-size:25px;line-height:1.25}
body[data-rfx-page=home] .rfx-region-label{color:#65c9e8;font-size:11px;letter-spacing:.12em}

/* Align remaining editorial pages with RemoteFix navy/cyan and readable type. */
body[data-rfx-page=over-remotefix] .company-hero,
body[data-rfx-page=jo-jo-homburg] .bio-hero,
body[data-rfx-page=jo-jo-homburg] .bio-method{background:radial-gradient(ellipse at 95% 5%,#1d5068,transparent 65%),#0b202d;color:#edf7fc}
body[data-rfx-page=over-remotefix] .company-hero,
body[data-rfx-page=jo-jo-homburg] .bio-hero{padding-block:75px}
body[data-rfx-page=over-remotefix] .company-hero-grid,
body[data-rfx-page=jo-jo-homburg] .bio-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:55px;align-items:center}
body[data-rfx-page=over-remotefix] .company-origin,
body[data-rfx-page=jo-jo-homburg] .bio-intro{background:#eef5f8;color:#153344}
body[data-rfx-page=over-remotefix] .origin-copy p,
body[data-rfx-page=jo-jo-homburg] .bio-intro p{color:#4d6879}
body[data-rfx-page=jo-jo-homburg] .bio-intro blockquote{border-color:#239fc3;background:#dceef5;color:#153c4f}
body[data-rfx-page=jo-jo-homburg] .bio-name>span,
body[data-rfx-page=jo-jo-homburg] .bio-summary b{color:#65c9e8}
body[data-rfx-page=jo-jo-homburg] .bio-summary p,
body[data-rfx-page=jo-jo-homburg] .bio-summary span,
body[data-rfx-page=jo-jo-homburg] .method-statements p{color:#bed2de}
body[data-rfx-page=jo-jo-homburg] .bio-label,
body[data-rfx-page=jo-jo-homburg] .career-title span,
body[data-rfx-page=jo-jo-homburg] .bio-final span,
body[data-rfx-page=over-remotefix] .origin-grid span,
body[data-rfx-page=over-remotefix] .company-section-head span,
body[data-rfx-page=over-remotefix] .person-grid span{color:#187b9b}
body[data-rfx-page=jo-jo-homburg] .method-editorial>div>span{color:#65c9e8}
body[data-rfx-page=over-remotefix] .scope-orbit a:hover{padding-left:0}

body[data-rfx-page=projecten] .projects-hero,
body[data-rfx-page=offerte] .promo-hero{background:radial-gradient(ellipse at 85% 0,#20556d,transparent 65%),#0b202d;color:#edf7fc;padding-block:68px}
body[data-rfx-page=projecten] .projects-hero h1,
body[data-rfx-page=offerte] .promo-hero h1{color:#edf7fc}
body[data-rfx-page=projecten] .projects-hero p,
body[data-rfx-page=offerte] .promo-hero p{color:#bed3df;line-height:1.75}
body[data-rfx-page=projecten] .projects-hero .eyebrow,
body[data-rfx-page=offerte] .promo-hero .eyebrow{color:#65c9e8}
body[data-rfx-page=projecten] .projects-hero .breadcrumb a,
body[data-rfx-page=projecten] .projects-hero .breadcrumb span,
body[data-rfx-page=offerte] .promo-hero .breadcrumb a,
body[data-rfx-page=offerte] .promo-hero .breadcrumb span{color:#b6cedb}
body[data-rfx-page=projecten] .projects-hero .page-proof span,
body[data-rfx-page=offerte] .promo-hero .page-proof span{background:#ffffff0d;border:1px solid #ffffff25;color:#d1e4ee}
body[data-rfx-page=offerte] .promo-hero:before{content:none;display:none}
body[data-rfx-page=projecten] .section.sand,
body[data-rfx-page=it-bedrijf-achel] .section.sand{background:#eaf3f7}
body[data-rfx-page=offerte] .quote-summary{top:100px}
body[data-rfx-page=offerte] .quote-product{min-width:0}
body[data-rfx-page=offerte] .quote-product span{min-width:0}
body[data-rfx-page=offerte] .quote-product.selected{border-color:#1d95b7;background:#e9f6fb}
body[data-rfx-page=offerte] .quote-summary button,
body[data-rfx-page=zoeken] main button{background:#0b647f;color:#fff}
body[data-rfx-page=zoeken] main{padding-block:45px;min-height:50vh}

@media(max-width:1000px){
 body[data-rfx-page=home] .mp-hero-grid,
 body[data-rfx-page=over-remotefix] .company-hero-grid,
 body[data-rfx-page=jo-jo-homburg] .bio-hero-grid{grid-template-columns:minmax(0,1fr);gap:35px}
 body[data-rfx-page=home] .mp-live{max-width:800px}
 body[data-rfx-page=home] .mp-hero-copy{max-width:800px}
 body[data-rfx-page=over-remotefix] .company-hero,
 body[data-rfx-page=jo-jo-homburg] .bio-hero{padding-block:55px}
}
@media(max-width:700px){
 body[data-rfx-page] main .shell,body[data-rfx-page] main .wrap,
 .rfx-chrome-header-inner,.rfx-chrome-footer-inner{width:calc(100% - 36px)}
 body[data-rfx-page] main h1{font-size:40px;line-height:1.1;letter-spacing:-.04em}
 body[data-rfx-page] main h2{font-size:32px;line-height:1.16}
 body[data-rfx-page] main [id]{scroll-margin-top:88px}
 body[data-rfx-page=home] .mp-hero{padding-block:40px}
 body[data-rfx-page=home] .mp-hero h1{font-size:50px;line-height:1.04}
 body[data-rfx-page=home] .mp-hero-copy>p{font-size:16px;line-height:1.75}
 body[data-rfx-page=home] .mp-hero-copy .hero-contact-line{font-size:12px}
 body[data-rfx-page=home] .mp-live{min-height:0}
 body[data-rfx-page=home] .rfx-profile-links h2{font-size:25px}
 body[data-rfx-page=home] .rfx-support-home h2{font-size:24px}
 body[data-rfx-page=projecten] .projects-hero,
 body[data-rfx-page=offerte] .promo-hero{padding-block:45px}
 body[data-rfx-page=offerte] .quote-summary{position:static}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

body[data-rfx-page=projecten] .projects-hero .btn:not(.alt){background:#32b5dc;color:#082b3d;border-color:#32b5dc}
body[data-rfx-page=over-remotefix] .company-usecases article:nth-child(3){background:#dceef6}
body[data-rfx-page=over-remotefix] .company-usecases article:nth-child(4){background:#eaf4f8}
body[data-rfx-page=over-remotefix] .origin-index{color:#2484a3}
body[data-rfx-page=offerte] .quote-total strong{color:#66cee9}
body[data-rfx-page=hulp-instructies] main h1{font-size:clamp(32px,3.8vw,46px);line-height:1.15}
body[data-rfx-page=hulp-instructies] main h2{font-size:26px;line-height:1.25}

body[data-rfx-page=hulp-instructies] main{width:min(1240px,calc(100% - 64px));max-width:none;margin-inline:auto;padding:28px 0 42px}
@media(max-width:700px){body[data-rfx-page=hulp-instructies] main{width:calc(100% - 36px);padding-top:22px}}

body[data-rfx-page=diensten] .services-hero .wrap{padding:0;min-height:0}
body[data-rfx-page=projecten] .projects-hero .actions .btn:nth-child(2){background:transparent;color:#edf7fc;border:1px solid #ffffff60}
@media(max-width:700px){body[data-rfx-page=hulp] .rfx-intro h1,body[data-rfx-page=hulp-op-afstand] .rfx-intro h1{font-size:clamp(26px,8vw,32px);line-height:1.15;overflow-wrap:normal;hyphens:auto}}

@media(max-width:360px){.rfx-chrome-header-inner{gap:8px}}