/* Homepage concept: white, cool grey, strong contractor typography. */
:root{--paper:#ffffff;--ink:#17212d;--muted:#556171;--line:#dce2e9;--blue:#1649ff}
body{background:#fff;color:var(--ink)}
.site-header{background:#101923;border-bottom:1px solid #ffffff1f}
.wx-topbar{background:#edf2f7!important;color:#26384d!important;border-bottom:1px solid #dce2e9}
.hero{background:#17212d}
.hero:after{background:linear-gradient(90deg,rgba(13,24,38,.94),rgba(13,24,38,.74) 42%,rgba(13,24,38,.12) 85%)}
h1,h2,h3,.service-label,.banner-content h2{font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;letter-spacing:-.035em;line-height:1.12}
.hero h1{font-size:clamp(40px,4.3vw,74px);max-width:15ch}
.hero p{max-width:53ch;line-height:1.75;color:#e5ebf3}
h2{font-size:clamp(30px,3vw,48px)}h3{font-size:23px;letter-spacing:-.02em}
.eyebrow{font-weight:700;letter-spacing:.16em}
.services-section{background:#fff;padding-block:70px}
.section-head{padding-bottom:12px}.section-head p{color:var(--muted);line-height:1.75}
.service{background:#fff;border:1px solid #dce2e9;border-radius:6px;overflow:hidden;box-shadow:0 3px 13px #15253806}
.service-label{background:#fff!important;color:#17212d;font-size:16px!important;letter-spacing:-.01em;min-height:66px}
.service:hover{border-color:#1649ff;box-shadow:0 8px 25px #142f6414}
.service-label svg{color:#1649ff}.services-grid{gap:22px}
.other-jobs-callout{background:#f3f6f9;border:1px solid #dce2e9;border-radius:6px}
.other-jobs-callout h3{font-size:23px}.other-jobs-callout p{color:var(--muted)}
#onderhoud{background:#f3f6f9;border-block:1px solid #e3e8ef}
.plan{background:#fff!important;border:1px solid #dce2e9!important;border-radius:6px}
.plan h3{font-size:23px}.plan p{color:var(--muted)}
.package-details{background:#fff;border-color:#dce2e9}
#werkwijze{background:#fff}#werkwijze .steps article{background:#f3f6f9;border:1px solid #dce2e9;padding:28px;border-radius:6px}
#werkwijze .steps article>span{font-size:12px;font-weight:700;letter-spacing:.06em}
#werkwijze .steps p{color:var(--muted)}
.contact{background:#f3f6f9!important;border-top:1px solid #dce2e9}
.form{background:#fff;border:1px solid #dce2e9;border-radius:8px;padding:30px}
input,select,textarea{background:#fff!important;border-color:#c7d0da!important;border-radius:3px}
.btn{border-radius:3px;box-shadow:0 3px 0 #082c9c;font-weight:700}
.project-banner{background:#162332}.project-banner:after{background:linear-gradient(90deg,#101923cc,#10192333)}
.site-footer,.footer-cta{background:#101923!important}.footer-cta h2{font-size:clamp(32px,3.4vw,54px)}
.links .sub-menu{background:#fff}.footer-contact-column p{color:#c5ceda}
@media(max-width:700px){.services-section{padding-block:42px}.hero h1{font-size:42px}.form{padding:20px}.service-label{font-size:14px!important}.other-jobs-callout{padding:22px}.hero p{font-size:16px}.services-grid{gap:14px}#werkwijze .steps article{padding:24px}}

/* Consistent light contractor styling across every service and article. */
.roof-tinted,.wx-sleep-tinted,.wx-sleep-note,.roof-cost-box,.roof-note{background:#f3f6f9;border-color:#dce2e9}
.roof-work-card,.roof-types-grid>article,.wx-tile-faq details,.wx-sleep-benefits .wp-block-column{background:#fff;border-color:#dce2e9;border-radius:8px}
.wx-sleep-article .wx-sleep-section:not(.wx-sleep-cta) .wp-block-columns:not(:has(img))>.wp-block-column{background:#fff;border-color:#dce2e9;border-radius:8px}
.wx-sleep-article h1,.roof-hero h1{font-size:clamp(36px,4vw,64px);letter-spacing:-.035em}
.wx-sleep-article h2{font-size:clamp(28px,2.6vw,42px)}
.wx-sleep-article h3,.roof-page h3{font-size:clamp(22px,1.8vw,28px);letter-spacing:-.025em}
.wx-sleep-cta,.airco-conversation,.electric-conversation,.painting-conversation,.flooring-conversation,.frames-conversation{background:#101923;color:#fff}
.wx-sleep-cta p{color:#d5dfeb}.wx-sleep-cta h2{color:#fff}
.wx-sleep-sources .wp-block-group__inner-container>p:last-child:has(>a:nth-of-type(3))>a{background:#fff;border-color:#dce2e9}
.wx-roof-benefit-tiles>div{background:#f3f6f9;border-color:#dce2e9}
.roof-page p,.wx-sleep-article p{line-height:1.8}
.roof-anchor-nav{background:#fff;border-color:#dce2e9}
.roof-form,.detailed-request-form{background:#fff}
@media(max-width:700px){.wx-sleep-article h1,.roof-hero h1{font-size:36px}.wx-sleep-article h2{font-size:29px}}

/* Mobile: restrained typography and clearer service navigation. */
@media(max-width:700px){
 body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
 h1,h2,h3,.banner-content h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.025em;line-height:1.18}
 .hero h1{font-size:38px}.section-head h2{font-size:29px}
 .services-grid{gap:14px 12px}
 .service{border-radius:4px;box-shadow:none;border-color:#dfe5ec}
 .service img{aspect-ratio:2.2/1;object-fit:cover}
 .service-label{display:grid;grid-template-columns:16px minmax(0,1fr) 12px;align-items:center;column-gap:7px;padding:12px 10px;min-height:72px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:13px!important;font-weight:500!important;letter-spacing:0;line-height:1.4}
 .service-label>span:not(.arrow){min-width:0;overflow-wrap:normal;word-break:normal}
 .service-label .icon{width:16px;height:16px;stroke-width:1.35;flex-shrink:0}
 .service-label .arrow{font:400 16px/1 Arial,sans-serif;color:#718096;justify-self:end}
}
@media(max-width:350px){.service-label{grid-template-columns:minmax(0,1fr) 12px}.service-label .icon{display:none}.service-label{font-size:12.5px!important}}

/* WoningX design system: one self-hosted family, clear scale, consistent rhythm. */
@font-face{font-family:"Inter WX";src:url("fonts/InterVariable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
:root{--wx-font:"Inter WX",system-ui,-apple-system,"Segoe UI",sans-serif;--ink:#182433;--muted:#526172;--paper:#fff;--line:#dfe5ec}
body,button,input,select,textarea{font-family:var(--wx-font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
body{font-size:16px;line-height:1.75;color:var(--ink)}
h1,h2,h3,.banner-content h2{font-family:var(--wx-font)!important;font-weight:550!important;letter-spacing:-.035em!important;line-height:1.2!important;text-wrap:pretty}
h1,.hero h1,.roof-hero h1,.wx-sleep-article h1{font-size:clamp(38px,4.2vw,66px)!important;max-width:22ch;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.08!important}
h2,.wx-sleep-article h2{font-size:clamp(29px,2.65vw,42px)!important;max-width:32ch;margin-bottom:22px}
h3,.roof-page h3,.wx-sleep-article h3{font-size:clamp(22px,1.8vw,27px)!important;line-height:1.28!important;letter-spacing:-.028em!important}
p,.roof-page p,.wx-sleep-article p{line-height:1.8}
.eyebrow{font-family:var(--wx-font);font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.11em;margin-bottom:16px}
.hero p,.roof-lead,.wx-sleep-lead{font-size:18px!important;line-height:1.75!important;max-width:60ch}
.hero .wx-context-link{color:#c5d5ff}.hero .text-link{color:#fff}
.btn,.wp-block-button__link{font-family:var(--wx-font)!important;font-size:14px!important;font-weight:600!important;line-height:1.4;min-height:48px;padding:15px 22px;border-radius:5px!important;box-shadow:none;letter-spacing:-.01em}
.links a{font-family:var(--wx-font);font-weight:500}
.section-head{align-items:end;gap:32px;margin-bottom:30px}.section-head p{max-width:45ch}
.roof-section-heading{margin-bottom:34px}.roof-section-heading p{max-width:68ch;color:var(--muted)}
.service-label{font-family:var(--wx-font)!important;font-size:14px!important;font-weight:500!important;line-height:1.4;letter-spacing:-.012em}
.service{border-radius:8px;transition:border-color .18s,box-shadow .18s}
.service:hover{transform:none;box-shadow:0 8px 24px #1724390a}
.roof-work-card,.roof-types-grid>article{border-radius:9px;padding:30px;border:1px solid var(--line);box-shadow:none}
.roof-work-card h3,.roof-types-grid h3{margin-block:20px 14px;max-width:25ch}
.roof-work-card p{margin-block:0 20px;color:var(--muted)}
.roof-work-card .blue-link,.roof-types-grid .blue-link{font:500 14px/1.6 var(--wx-font);text-underline-offset:5px}
.roof-work-card svg,.roof-types-grid svg{width:27px;height:27px;stroke-width:1.4}
.wx-sleep-section{padding-block:48px}.wx-sleep-section h2{margin-top:0}
.wx-tile-faq details{border-radius:9px;padding:20px 24px;margin-block:12px}
.wx-tile-faq summary,.roof-faq summary{font:550 17px/1.55 var(--wx-font)!important;letter-spacing:-.012em}
.wx-tile-faq details p,.roof-faq details p{font-size:16px;line-height:1.8;color:var(--muted)}
.form label,.roof-form label{font-weight:500}
input,select,textarea{font-size:16px;line-height:1.5;border-radius:5px!important}
input:not([type=checkbox]):not([type=radio]),select{min-height:46px}
.service-label .arrow{font-family:var(--wx-font);color:#738196;font-weight:400}
:focus-visible{outline:3px solid #5277ff;outline-offset:4px}
@media(max-width:700px){
 .wrap{padding-inline:20px!important}
 body{font-size:15.5px}
 h1,.hero h1,.roof-hero h1,.wx-sleep-article h1{font-size:35px!important;line-height:1.13!important;letter-spacing:-.04em!important;font-weight:550!important;max-width:22ch}
 h2,.wx-sleep-article h2,.section-head h2{font-size:27px!important;line-height:1.25!important;letter-spacing:-.035em!important;max-width:25ch;margin-bottom:20px}
 h3,.roof-page h3,.wx-sleep-article h3{font-size:22px!important;font-weight:550!important;line-height:1.3!important;letter-spacing:-.025em!important}
 p,.roof-page p,.wx-sleep-article p{line-height:1.85}
 .hero p,.roof-lead,.wx-sleep-lead{font-size:16px!important;line-height:1.8!important}
 .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:15px}
 .roof-section,.wx-sleep-section{padding-block:38px}
 .roof-section-heading{margin-bottom:28px}
 .roof-work-grid,.roof-types-grid{gap:16px}
 .roof-work-card,.roof-types-grid>article{padding:24px}
 .roof-work-card h3{margin-block:18px 14px}
 .services-grid{gap:16px 12px}
 .service img{aspect-ratio:2/1}
 .service-label{font-family:var(--wx-font)!important;font-weight:500!important;font-size:13px!important;min-height:76px;padding:12px 10px;gap:7px}
 .service-label .icon{width:16px;height:16px}
 .service-label .arrow{font-size:16px}
 .wx-tile-faq details{padding:18px 20px}
 .wx-tile-faq summary,.roof-faq summary{font-size:16px!important}
 .btn,.wp-block-button__link{font-size:13px!important;min-height:46px}
 .section-head{margin-bottom:24px}
}
@media(max-width:350px){.wrap{padding-inline:16px!important}.service-label{grid-template-columns:minmax(0,1fr) 12px;font-size:12.5px!important}.service-label .icon{display:none}}
@media(prefers-reduced-motion:reduce){.service{transition:none}}

@media(max-width:700px){.hero:after{background:linear-gradient(90deg,rgba(13,24,38,.92),rgba(13,24,38,.72))}.hero p{color:#f0f4fa}}

/* Full-width, topic-specific cover heroes. Existing copy stays editable. */
:root{--wx-page-gutter:clamp(36px,4.5vw,160px)}
.wx-cover-hero{position:relative!important;isolation:isolate;overflow:hidden;background:#101923;color:#fff!important;min-height:500px;margin:0!important;padding:0!important;border-radius:0!important;border:0!important}
.wx-cover-hero>.wx-cover-media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:-2!important;border-radius:0!important;opacity:1}
.wx-cover-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,34,.94),rgba(9,20,34,.82) 40%,rgba(9,20,34,.25) 100%)}
.wx-cover-hero:after{display:none!important}
.wx-cover-hero .roof-hero-grid{display:block!important;padding-block:64px!important;min-height:500px;align-content:center}
.wx-cover-hero .roof-hero-grid>div:first-child{max-width:780px}
.wx-cover-hero h1{color:#fff!important;font-size:clamp(38px,4vw,64px)!important;max-width:22ch;margin-top:14px;line-height:1.12!important}
.wx-cover-hero p,.wx-cover-hero .roof-lead,.wx-cover-hero .wx-sleep-lead{color:#eef3fa!important;font-size:17px!important;line-height:1.8!important;max-width:64ch}
.wx-cover-hero .eyebrow{color:#dbe7ff!important}
.wx-cover-hero .wx-context-link,.wx-cover-hero p a{color:#d4e0ff!important;text-decoration-color:#a2b9ff}
.wx-cover-hero .actions{margin-top:28px;gap:16px;flex-wrap:wrap}
.wx-cover-hero .actions .blue-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 22px;border:1px solid #ffffff80;color:#fff;background:#ffffff08;text-decoration:none}
.wx-cover-hero .btn,.wx-cover-hero .wp-block-button__link{color:#fff!important;position:relative;z-index:1;box-shadow:none}
.wx-cover-benefits{background:#fff;border-bottom:1px solid var(--line);padding-block:24px}
.wx-cover-benefits .roof-points{margin:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wx-cover-benefits .roof-points>div{background:#f4f6f9;border:1px solid var(--line);padding:16px 18px;border-radius:7px;color:var(--ink)}
.wx-cover-hero.wx-sleep-hero>.wp-block-group__inner-container{padding:64px var(--wx-page-gutter);min-height:500px;align-content:center}
.wx-cover-hero.wx-sleep-hero .wp-block-columns{display:block!important;margin:0!important;max-width:800px}
.wx-cover-hero.wx-sleep-hero .wp-block-column{background:transparent!important;border:0!important;padding:0!important}
.wx-cover-hero.wx-sleep-hero .wp-block-buttons{margin-top:28px}
.wx-sleep-page>.wrap{padding:0!important}
.wx-sleep-page .wx-sleep-article>.wp-block-group:not(.wx-sleep-hero){margin-inline:var(--wx-page-gutter)}
.wx-sleep-page .wx-sleep-breadcrumb{padding:22px var(--wx-page-gutter);margin:0!important}
.wx-sleep-page{padding-top:0!important}
.wx-cover-generic .wx-cover-content{padding-block:64px;min-height:420px;align-content:center}
.wx-cover-generic.wx-cover-compact,.wx-cover-generic.wx-cover-compact .wx-cover-content{min-height:280px}
.wx-cover-generic h1{max-width:24ch}.wx-cover-generic p{max-width:62ch}
.page-content.wx-has-cover{padding:0!important;width:100%;max-width:none}
.page-content.wx-has-cover>article{padding:40px var(--wx-page-gutter)}
.wx-cover-hero .wx-cover-offer{position:absolute!important;right:var(--wx-page-gutter);top:42px;width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#1649ff;color:white;box-shadow:0 8px 25px #0003;font-family:var(--wx-font);z-index:2}
.wx-cover-offer strong{font-size:28px;line-height:1.3}.wx-cover-offer span{font-size:12px}
@media(max-width:900px){
 .wx-cover-hero:before{background:linear-gradient(90deg,rgba(9,20,34,.92),rgba(9,20,34,.72))}
 .wx-cover-hero .wx-cover-offer{position:relative!important;right:auto;top:auto;margin:0 20px 28px auto;width:104px;height:104px}
 .wx-cover-offer strong{font-size:24px}
}
@media(max-width:700px){
 :root{--wx-page-gutter:20px}
 .wx-cover-hero{min-height:440px}
 .wx-cover-hero .roof-hero-grid,.wx-cover-hero.wx-sleep-hero>.wp-block-group__inner-container,.wx-cover-generic .wx-cover-content{padding-block:40px!important;min-height:440px}
 .wx-cover-hero h1{font-size:34px!important;line-height:1.15!important;letter-spacing:-.04em!important}
 .wx-cover-hero p,.wx-cover-hero .roof-lead,.wx-cover-hero .wx-sleep-lead{font-size:15.5px!important;line-height:1.8!important}
 .wx-cover-hero .actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
 .wx-cover-hero .actions>a{width:100%}
 .wx-cover-benefits{padding-block:18px}.wx-cover-benefits .roof-points{grid-template-columns:1fr;gap:10px}
 .wx-cover-generic.wx-cover-compact,.wx-cover-generic.wx-cover-compact .wx-cover-content{min-height:250px}
 .wx-cover-generic.wx-cover-compact .wx-cover-content{padding-block:36px!important}
 .wx-sleep-page .wx-sleep-breadcrumb{padding-block:18px;font-size:11px}
 .page-content.wx-has-cover>article{padding-block:28px}
}
@media(max-width:350px){:root{--wx-page-gutter:16px}.wx-cover-hero h1{font-size:31px!important}}
/* Approved editorial system: photo cards, compact benefits and calm section rhythm. */
.wx-cover-benefits{background:#fff!important;border-bottom:1px solid #e7ebef;padding:0!important}.wx-cover-benefits .roof-points{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:0!important;padding:25px 0!important}.wx-cover-benefits .roof-points>div,.wx-cover-benefits .roof-points>span{background:none!important;border:0!important;border-radius:0!important;padding:6px 28px!important;border-right:1px solid #e7ebef!important;box-shadow:none!important}.wx-cover-benefits .roof-points>:last-child{border:0!important}.wx-cover-benefits strong{font-size:14px!important;font-weight:600!important}.wx-cover-benefits small{font-size:12px!important}.roof-anchor-nav{background:#f4f7fa!important;border:0!important;box-shadow:none!important;padding-block:14px!important}.roof-anchor-nav>.wrap{gap:12px!important;scrollbar-width:none}.roof-anchor-nav a{background:#fff;border:1px solid #e1e7ee!important;border-radius:30px;padding:9px 18px!important;font-size:13px!important;white-space:nowrap;text-decoration:none}.wx-editorial-layout .roof-section,.wx-editorial-layout .roof-process{padding-block:80px}.wx-editorial-layout .roof-section-heading{margin-bottom:36px;max-width:900px}.wx-editorial-layout .roof-section-heading h2{max-width:760px;line-height:1.14;letter-spacing:-.04em}.wx-editorial-layout .roof-section-heading>p{max-width:70ch}.wx-editorial-layout .roof-work-grid,.wx-editorial-layout .roof-types-grid{gap:24px}.wx-editorial-layout .roof-work-card,.wx-editorial-layout .roof-types-grid>article{border:1px solid #e0e6ec!important;border-radius:16px!important;box-shadow:0 7px 30px #10233205!important;padding:28px!important;overflow:hidden;background:#fff!important;min-width:0;transition:box-shadow .2s ease,transform .2s ease}.wx-editorial-layout .roof-work-card h3,.wx-editorial-layout .roof-types-grid h3{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin-bottom:14px}.wx-editorial-layout .roof-work-card p,.wx-editorial-layout .roof-types-grid p{font-size:15px;line-height:1.75}.wx-editorial-layout article.wx-photo-card{padding:0!important}.wx-card-photo{display:block;width:100%;height:220px;object-fit:cover}.wx-photo-card-body{display:flex;flex-direction:column;padding:28px;flex:1;min-width:0}.wx-photo-card-body>span:has(svg){display:none}.wx-photo-card-body>a:last-child{margin-top:auto;padding-top:22px;font-size:14px;font-weight:600}.wx-editorial-layout .steps{gap:24px}.wx-editorial-layout .steps>article{background:#fff;border:1px solid #e0e6ec!important;border-radius:14px;padding:28px!important;min-width:0}.wx-editorial-layout .steps>article>span{color:#1649ff;font-size:12px;font-weight:600}.wx-editorial-layout .roof-note,.wx-editorial-layout .roof-cost-box{border:1px solid #dfe6ec!important;border-radius:16px!important;padding:32px!important;box-shadow:none!important}.wx-editorial-layout .wx-sleep-section{padding-block:64px!important;border-color:#e5ebf0!important}.wx-editorial-layout .wx-sleep-section .wp-block-column{border-radius:14px!important;border:1px solid #e0e6ec;background:#fff;padding:26px!important;min-width:0}.wx-editorial-layout .wx-sleep-section .wp-block-columns{gap:24px!important}.wx-editorial-layout .wx-sleep-section figure{overflow:hidden;border-radius:16px}.wx-editorial-layout .wx-sleep-section figure img{width:100%;object-fit:cover}.wx-editorial-layout .wx-sleep-cta{background:#102332!important;color:#fff!important;border-radius:18px;padding:40px!important}.wx-editorial-layout .wx-sleep-cta h2,.wx-editorial-layout .wx-sleep-cta p{color:#fff!important}.wx-editorial-layout .wx-sleep-cta a:not(.wp-block-button__link){color:#b5c9ff!important}.wx-editorial-layout .roof-faq details,.wx-editorial-layout .wx-tile-faq details{border-radius:10px!important;border:1px solid #e0e6ec!important;margin-block:12px!important;padding:20px 24px!important;background:#fff!important}.wx-editorial-layout details summary{font-weight:550!important;line-height:1.5}.wx-editorial-layout .roof-request,.wx-editorial-layout .roof-form{scroll-margin-top:90px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.wx-editorial-layout .roof-work-card:hover,.wx-editorial-layout .roof-types-grid>article:hover{transform:translateY(-3px);box-shadow:0 12px 30px #10233212!important}}
@media(max-width:700px){.wx-cover-benefits .roof-points{grid-template-columns:1fr!important;padding:10px 0!important}.wx-cover-benefits .roof-points>div,.wx-cover-benefits .roof-points>span{padding:12px 0!important;border-right:0!important;border-bottom:1px solid #e7ebef!important}.wx-cover-benefits .roof-points small{display:none}.wx-editorial-layout .roof-section,.wx-editorial-layout .roof-process{padding-block:48px}.wx-editorial-layout .roof-work-grid,.wx-editorial-layout .roof-types-grid{grid-template-columns:1fr!important;gap:20px}.wx-card-photo{height:210px}.wx-photo-card-body{padding:24px}.wx-editorial-layout .roof-work-card h3,.wx-editorial-layout .roof-types-grid h3{font-size:23px}.wx-editorial-layout .wx-sleep-section{padding-block:38px!important}.wx-editorial-layout .wx-sleep-section .wp-block-column{padding:22px!important}.wx-editorial-layout .wx-sleep-cta{padding:26px!important}.wx-editorial-layout .roof-note,.wx-editorial-layout .roof-cost-box{padding:24px!important}.wx-editorial-layout .steps{grid-template-columns:1fr}.wx-editorial-layout .roof-faq details,.wx-editorial-layout .wx-tile-faq details{padding:18px!important}}
/* Complete site rollout: editorial articles, home, contact, subscriptions and utility pages. */
.wx-article-jump{margin:28px var(--wx-page-gutter) 12px;padding:20px 24px;background:#f4f7fa;border:1px solid #e1e7ee;border-radius:14px;display:flex;flex-wrap:wrap;gap:9px 12px}.wx-article-jump>span{width:100%;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:#536575;margin-bottom:5px}.wx-article-jump>a{font-size:12px!important;line-height:1.5!important;color:#263e50!important;border:1px solid #dfe6ec;background:#fff;border-radius:24px;padding:8px 14px;text-decoration:none!important;max-width:100%;overflow-wrap:anywhere}.wx-editorial-article .wx-sleep-section{scroll-margin-top:100px}.wx-editorial-article .wx-visual-story>.wp-block-group__inner-container,.wx-editorial-article .wx-visual-story:not(:has(>.wp-block-group__inner-container)){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center}.wx-editorial-article .wx-visual-story figure{margin:0!important;min-width:0}.wx-editorial-article .wx-visual-story figure img{height:clamp(300px,30vw,480px);object-fit:cover!important;border-radius:16px}.wx-editorial-article .wx-visual-story .wx-story-copy{min-width:0}.wx-editorial-article .wx-visual-story h2{margin-top:0!important;max-width:22ch}.wx-editorial-article .wx-visual-story p{max-width:62ch!important}.wx-editorial-article .wx-prose-panel{background:#f4f7fa!important;border:1px solid #e0e6ec!important;border-radius:16px;padding:32px!important;margin-top:22px!important;margin-bottom:22px!important}.wx-editorial-article .wx-prose-panel h2{font-size:clamp(25px,2.2vw,34px)!important;margin-top:0!important;max-width:34ch}.wx-editorial-article .wx-prose-panel p{max-width:85ch!important}.wx-editorial-article .wx-sleep-section .wp-block-columns{align-items:stretch!important}.wx-editorial-article .wx-sleep-section .wp-block-column{display:flex;flex-direction:column;min-width:0}.wx-editorial-article .wx-sleep-section .wp-block-column>p:last-child:has(>a:only-child){margin-top:auto!important;padding-top:20px}.wx-editorial-article .wx-sleep-section .wp-block-column h3{font-size:23px!important;line-height:1.25!important}.wx-related-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%;margin-top:25px}.wx-related-photo-card{display:flex!important;flex-direction:column;overflow:hidden;border:1px solid #dfe6ec!important;border-radius:14px!important;background:#fff;text-decoration:none!important;padding:0!important;margin:0!important;min-width:0;max-width:none!important;font-size:16px!important;line-height:1.5!important}.wx-related-photo-card img{height:180px;width:100%;object-fit:cover}.wx-related-photo-card span{padding:22px;color:#102332;font-weight:550;font-size:16px;line-height:1.5}.wx-sleep-sources .wx-related-photo-grid{font-size:16px!important}.wx-sleep-sources p:empty{display:none}.wx-editorial-layout .entry-content{min-width:0}.wx-document-chapter{border:1px solid #e0e6ec;border-radius:14px;padding:28px;margin-block:20px;background:#fff}.wx-document-chapter h2{font-size:25px;margin-top:0}.legal-copy{max-width:1000px!important}.legal-copy p,.legal-copy li{max-width:80ch;line-height:1.8}.legal-draft{border-radius:12px!important;background:#f3f6f9!important;border-color:#dfe6ec!important}.services-grid .service{border-radius:14px;box-shadow:0 7px 30px #10233205}.services-grid .service img{aspect-ratio:1.65/1;object-fit:cover}.services-grid .service-label{padding:22px 20px;min-height:80px!important;font-size:17px!important;line-height:1.3!important}.services-grid .service-label svg{flex-shrink:0}.other-jobs-callout,.plan,.package-details,.maintenance-teaser,.property-highlight,.property-grid>article,.property-grid>div,.subscription-card,.finance-benefits>article,.finance-options>article,.wx-account-login,.wx-account-card-grid article,.wx-account-reassurance{border-radius:16px!important}.experience-grid article{box-shadow:none!important;border-radius:14px!important}.experience-grid article:after{display:none}.property-grid{gap:24px!important}.property-grid>article,.property-grid>div{border:1px solid #dfe6ec!important;padding:30px!important;background:#fff!important}.property-grid h3{font-size:24px}.subscription-usps{gap:12px!important}.subscription-usps>span,.subscription-usps>li{border:1px solid #e0e6ec;border-radius:24px;background:#f4f7fa;padding:9px 15px;font-size:13px}.footer-faq details,.wx-account-faq details{border:1px solid #dfe6ec!important;border-radius:12px;background:white;margin-block:12px;padding:20px 24px!important}.footer-faq summary,.wx-account-faq summary{font-size:17px;font-weight:550;line-height:1.5}.contact .form,.roof-form-layout form,.wx-account-login{border-radius:16px!important;box-shadow:0 8px 36px #10233206!important}.wx-account-quick span{border-radius:9px;background:#f4f7fa;border-color:#e0e6ec}.wx-account-more>summary{font-family:var(--wx-font)!important;font-size:28px;letter-spacing:-.025em}.woocommerce ul.products li.product{border:1px solid #e0e6ec;border-radius:14px;padding:24px!important;background:#fff}.woocommerce .woocommerce-MyAccount-navigation li{border:1px solid #e0e6ec;border-radius:9px;margin:8px 0;padding:10px 15px;list-style:none}.woocommerce .woocommerce-MyAccount-content{border:1px solid #e0e6ec;border-radius:14px;padding:28px}.woocommerce form.checkout,.wc-block-cart,.wc-block-checkout{border-radius:14px}.finance-intro,.maintenance-intro-grid{gap:40px!important}.footer-cta{padding-block:60px!important}.site-footer a{line-height:1.7}
@media(min-width:1000px){.wx-editorial-article .wx-visual-story:nth-of-type(even)>div>figure{order:2}.services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){.wx-related-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-editorial-article .wx-visual-story>.wp-block-group__inner-container,.wx-editorial-article .wx-visual-story:not(:has(>.wp-block-group__inner-container)){grid-template-columns:1fr}.wx-editorial-article .wx-visual-story figure img{height:320px}.wx-editorial-article .wx-visual-story figure{order:0}.wx-editorial-article .wx-visual-story .wx-story-copy{order:1}}
@media(max-width:600px){.wx-article-jump{padding:18px;margin-top:20px;gap:8px}.wx-article-jump>a{font-size:11px!important;padding:7px 11px}.wx-editorial-article .wx-prose-panel{padding:24px!important}.wx-editorial-article .wx-visual-story figure img{height:240px}.wx-related-photo-grid{grid-template-columns:1fr;gap:18px}.wx-related-photo-card img{height:190px}.services-grid{gap:14px!important}.services-grid .service img{aspect-ratio:1.8/1}.services-grid .service-label{font-size:13px!important;padding:14px 12px;gap:8px;min-height:70px!important}.services-grid .service-label .icon{width:20px;height:20px}.services-grid .service-label .arrow{font-size:17px}.wx-document-chapter{padding:22px}.property-grid>article,.property-grid>div{padding:24px!important}.wx-account-more>summary{font-size:24px}.woocommerce .woocommerce-MyAccount-content{padding:20px}.footer-cta{padding-block:40px!important}}

/* Compact mobile FAQ lists, shared by service, article and help pages. */
.wx-more-faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;margin-top:16px;background:#edf3ff;color:#1649ff;border:1px solid #cbd9ff;border-radius:12px;font-family:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;min-height:60px}.wx-more-faq-button:hover{background:#e3ecff}.wx-more-faq-button:focus-visible{outline:3px solid #1649ff;outline-offset:3px}.wx-faq-toggle-icon{font-size:24px;line-height:1;font-weight:400}.wx-more-faq-button[hidden],.wx-extra-questions[hidden]{display:none!important}.wx-extra-questions{width:100%;min-width:0}.wx-tile-faq.wx-compact-faq>.wx-extra-questions,.wx-tile-faq .wx-compact-faq>.wx-extra-questions{grid-column:1/-1}.wx-compact-faq>.wx-more-faq-button{grid-column:1/-1}@media(prefers-reduced-motion:no-preference){.wx-more-faq-button{transition:background .15s ease}}

.wx-smart-request [hidden]{display:none!important}.wx-planning-box{grid-column:1/-1;padding:24px!important;background:#f4f7fa;border:1px solid #dfe6ec;border-radius:12px;margin-block:10px 22px}.wx-planning-box>label{display:block}.wx-planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wx-planning-grid label{min-width:0;display:block;font-size:13px}.wx-planning-grid input{display:block;min-width:0;min-height:48px;width:100%;font:inherit}.wx-planning-subtitle{font-size:14px!important;color:#102332!important;font-weight:600!important;margin:20px 0 12px!important}.wx-planning-times>.micro{margin:14px 0 0}.wx-planning-dates .wx-planning-grid{margin-bottom:10px}.wx-comfort-icon{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#edf3ff;color:#1649ff;margin-bottom:22px!important}.wx-comfort-icon svg{width:27px;height:27px}@media(max-width:600px){.wx-planning-box{padding:18px!important}.wx-planning-grid{gap:10px}.wx-planning-grid input{padding:10px 7px!important;font-size:13px!important}}

/* Transparent wordmark: live text and an undistorted vector X. */
.site-header .brand:has(.wx-wordmark),.site-footer .brand:has(.wx-wordmark){width:auto!important;height:38px!important;display:inline-flex;align-items:center;overflow:visible;background:transparent!important;flex-shrink:0}.wx-wordmark{display:inline-flex;align-items:center;gap:1px;white-space:nowrap;background:transparent;color:#fff;line-height:1}.wx-wordmark-name{font-family:var(--wx-font),Arial,sans-serif;font-size:25px;font-weight:600;letter-spacing:-1.15px;line-height:1}.wx-wordmark-x{display:block;width:38px!important;height:38px!important;min-width:38px;flex:none;object-fit:contain;overflow:visible}.site-footer .wx-wordmark-name{font-size:25px}@media(max-width:700px){.site-header .brand:has(.wx-wordmark){height:34px!important}.site-header .wx-wordmark-name{font-size:22px;letter-spacing:-1px}.site-header .wx-wordmark-x{width:34px!important;height:34px!important;min-width:34px}}
.site-header .wx-wordmark .wx-wordmark-name,.site-footer .wx-wordmark .wx-wordmark-name{color:#fff!important}

/* A quieter wordmark with generous tracking; the X is deliberately larger. */
.site-header .brand .wx-wordmark,.site-footer .brand .wx-wordmark{font-size:initial;font-weight:400;gap:3px;align-items:center}
.site-header .brand .wx-wordmark-name,.site-footer .brand .wx-wordmark-name{font-family:"Inter WX",Arial,sans-serif!important;font-size:18px!important;font-weight:500!important;font-style:normal;letter-spacing:.16em!important;line-height:1!important;color:#fff!important;transform:none;text-shadow:none}
.site-header .brand .wx-wordmark-x,.site-footer .brand .wx-wordmark-x{width:44px!important;height:44px!important;min-width:44px;flex-shrink:0}
.site-header .brand:has(.wx-wordmark),.site-footer .brand:has(.wx-wordmark){height:44px!important}
@media(max-width:700px){.site-header .brand .wx-wordmark-name{font-size:16px!important;letter-spacing:.15em!important}.site-header .brand .wx-wordmark-x{width:40px!important;height:40px!important;min-width:40px}.site-header .brand:has(.wx-wordmark){height:40px!important}}

/* Header and footer share the same mobile wordmark proportions. */
@media(max-width:700px){.site-footer .brand .wx-wordmark-name{font-size:16px!important;letter-spacing:.15em!important}.site-footer .brand .wx-wordmark-x{width:40px!important;height:40px!important;min-width:40px}.site-footer .brand:has(.wx-wordmark){height:40px!important}}

.wx-home-service-fields{margin:24px 0 30px!important;padding:24px!important;background:#f4f7fa;border:1px solid #dfe6ec!important;border-radius:12px}.wx-home-service-fields legend{font-family:var(--wx-font)!important;font-size:18px!important;font-weight:600!important;padding:0 6px!important;letter-spacing:-.02em}.wx-home-service-fields .wx-home-choice{margin:0 0 20px}.wx-home-service-fields .wx-home-choice:last-child{margin-bottom:0}.wx-home-service-fields label{display:block;margin:0!important}.wx-home-service-fields select{width:100%;min-height:48px}.wx-home-field-label{display:block;margin-bottom:9px;font-size:14px;font-weight:550}@media(max-width:600px){.wx-home-service-fields{padding:18px!important}}

/* Approved logo: outlined vector X in header and footer. */
.site-header .brand .wx-wordmark-x g,.site-footer .brand .wx-wordmark-x g{fill:none;stroke:#5b83ff;stroke-width:7;stroke-linejoin:round}

/* Approved compact wordmark proportions. */
/* Compact logo proportions, preview only. */
.site-header .brand .wx-wordmark,.site-footer .brand .wx-wordmark{gap:0!important}
.site-header .brand .wx-wordmark-x,.site-footer .brand .wx-wordmark-x{width:33px!important;height:33px!important;min-width:33px;margin-left:-2px}
.site-header .brand:has(.wx-wordmark),.site-footer .brand:has(.wx-wordmark){height:38px!important}
@media(max-width:700px){.site-header .brand .wx-wordmark-x,.site-footer .brand .wx-wordmark-x{width:30px!important;height:30px!important;min-width:30px}.site-header .brand:has(.wx-wordmark),.site-footer .brand:has(.wx-wordmark){height:34px!important}}

/* Approved supplied Woning logo at 90% of its initial preview size. */
/* Uploaded Woning / roof / checkmark logo, isolated preview. */
.site-header .brand:has(.wx-logo-house-preview),.site-footer .brand:has(.wx-logo-house-preview){width:220px!important;height:62px!important;display:flex;align-items:center;overflow:visible;background:transparent!important}
.site-header .brand .wx-logo-house-preview,.site-footer .brand .wx-logo-house-preview{position:static!important;display:block!important;width:220px!important;height:62px!important;max-width:none!important;object-fit:contain;transform:none!important;margin:0}
@media(max-width:900px){.site-header .brand:has(.wx-logo-house-preview){width:185px!important;height:52px!important}.site-header .brand .wx-logo-house-preview{width:185px!important;height:52px!important}}

/* Preview: 90% of the original uploaded-logo dimensions. */
.site-header .brand:has(.wx-logo-house-preview),.site-footer .brand:has(.wx-logo-house-preview){width:198px!important;height:55.8px!important}
.site-header .brand .wx-logo-house-preview,.site-footer .brand .wx-logo-house-preview{width:198px!important;height:55.8px!important}
@media(max-width:900px){.site-header .brand:has(.wx-logo-house-preview){width:166.5px!important;height:46.8px!important}.site-header .brand .wx-logo-house-preview{width:166.5px!important;height:46.8px!important}}
/* Preview: align planning controls with the other form fields. */
.wx-smart-request .wx-planning-box{position:relative;isolation:isolate;padding:24px 0!important;border:0;background:transparent;border-radius:0;margin-block:28px}
.wx-smart-request .wx-planning-box::before{content:"";position:absolute;inset:0 -12px;background:#f4f7fa;border:1px solid #dfe6ec;border-radius:12px;z-index:-1;pointer-events:none}
.wx-smart-request .wx-planning-box select{width:100%;max-width:100%;box-sizing:border-box}
@media(min-width:700px){.wx-smart-request .wx-planning-box::before{inset-inline:-16px}}

.wx-article-jump-track{display:contents}
@media(max-width:900px){
.wx-article-jump{display:block;position:relative;padding:18px 0 0;margin-top:0;margin-bottom:24px;background:#fff;border:0;border-bottom:1px solid #dfe6ec;border-radius:0;overflow:hidden}
.wx-article-jump>span{display:block;width:auto;margin:0 0 10px;font-size:10px;letter-spacing:.12em;color:#52677b}
.wx-article-jump::after{content:"Veeg →";position:absolute;right:0;top:16px;font-size:11px;color:#65788b}
.wx-article-jump-track{display:flex;align-items:stretch;gap:22px;width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,#000 0%,#000 90%,transparent 100%)}
.wx-article-jump-track::-webkit-scrollbar{display:none}
.wx-article-jump-track>a{display:block;flex:0 0 auto;white-space:nowrap;max-width:none;scroll-snap-align:start;padding:10px 0 15px!important;margin:0;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:#34495d!important;font-size:13px!important;font-weight:500;line-height:1.4!important;text-decoration:none!important}
.wx-article-jump-track>a:first-child{color:#1649ff!important;border-bottom-color:#1649ff!important}
.wx-article-jump-track>a:focus-visible{outline:2px solid #1649ff;outline-offset:-2px}
}

/* Breadcrumbs removed at the user’s request. */
.wx-sleep-breadcrumb,.woocommerce-breadcrumb,nav[aria-label="Kruimelpad"],nav[aria-label="Breadcrumb"],.rank-math-breadcrumb{display:none!important}
.wx-article-jump-track{display:flex;flex-wrap:wrap;gap:9px 12px;width:100%}
.wx-article-jump-track>a{font-size:12px;color:#263e50;border:1px solid #dfe6ec;background:white;border-radius:24px;padding:8px 14px;text-decoration:none}
@media(max-width:900px){.wx-article-jump-track{flex-wrap:nowrap;gap:22px}.roof-anchor-nav .wrap{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.roof-anchor-nav .wrap::-webkit-scrollbar{display:none}.roof-anchor-nav a{flex:0 0 auto;white-space:nowrap}}
/* Section navigation uses the desktop width and a compact swipe row on small screens. */
.roof-anchor-nav{background:#fff!important;padding-block:0!important;border-bottom:1px solid #e1e7ee!important}
.roof-anchor-nav>.wrap{display:flex;align-items:stretch;gap:0!important}
.roof-anchor-nav a{display:flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;border-radius:0;padding:20px 18px!important;font-weight:500;color:#34495d}
.roof-anchor-nav a:hover,.roof-anchor-nav a:focus-visible{color:#1649ff;background:#f4f7fa!important}
@media(min-width:901px){.roof-anchor-nav>.wrap{justify-content:space-between}.roof-anchor-nav a{flex:1 1 0;text-align:center;white-space:normal;border-right:1px solid #edf0f4!important}.roof-anchor-nav a:last-child{border-right:0!important}.wx-article-jump{background:#fff;border:0;border-bottom:1px solid #e1e7ee;border-radius:0;padding:20px 0}.wx-article-jump-track{justify-content:space-between;gap:0}.wx-article-jump-track>a{flex:1 1 180px;text-align:center;border:0;border-radius:0;background:transparent;padding:15px;color:#34495d}}
@media(max-width:900px){.roof-anchor-nav>.wrap{gap:24px!important}.roof-anchor-nav a{padding:17px 0!important;justify-content:flex-start}}

/* Keep conditional question fields aligned with the full-width planning controls. */
.wx-smart-request .roof-fields-grid:has(> .wx-choice){grid-template-columns:minmax(0,1fr)!important}.wx-smart-request .roof-fields-grid>.wx-choice{width:100%;min-width:0}.wx-smart-request .roof-fields-grid>.wx-choice select{width:100%;box-sizing:border-box}

/* Photo chapters and a consistent reading rhythm for the maintenance overview. */
.subscription-overview .subscription-topics article.wx-maintenance-photo-card{padding:0!important;overflow:hidden;display:flex;flex-direction:column;border-radius:16px;background:#fff;border:1px solid #dfe6ec}
.wx-maintenance-photo-card>img{display:block;width:100%;height:220px;object-fit:cover}
.wx-maintenance-card-copy{padding:26px;display:flex;flex-direction:column;flex:1}
.wx-maintenance-card-copy h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0 0 14px}
.wx-maintenance-card-copy p{font-size:15px;line-height:1.75;margin:0 0 24px}
.wx-maintenance-card-copy a{margin-top:auto;font-size:14px;font-weight:600}
.subscription-info{display:grid;gap:24px}
.wx-maintenance-chapter{padding:32px;border:1px solid #dfe6ec;border-radius:16px;background:#fff}
.wx-maintenance-chapter>h2{margin:0 0 18px;font-size:30px;line-height:1.2;letter-spacing:-.03em}
.wx-maintenance-chapter>p{max-width:76ch;font-size:16px;line-height:1.8}
.wx-maintenance-chapter .subscription-topics{margin-block:24px}
@media(min-width:1000px){.subscription-info{grid-template-columns:repeat(2,minmax(0,1fr))}.wx-maintenance-chapter:first-child{grid-column:1/-1}}
@media(max-width:600px){.wx-maintenance-card-copy,.wx-maintenance-chapter{padding:23px}.wx-maintenance-chapter>h2{font-size:26px}.wx-maintenance-photo-card>img{height:205px}}

.wx-maintenance-photo-card::before,.wx-maintenance-photo-card::after{display:none!important}.wx-subscriptions .maintenance-teaser{background:#102332;color:#fff}.wx-subscriptions .maintenance-teaser .eyebrow{color:#b8cbeb}

.wx-smart-request legend{font-family:"Inter WX",Arial,sans-serif;font-weight:600;font-size:24px;line-height:1.3;letter-spacing:-.025em}

/* Clear, touch-friendly package disclosure on the homepage. */
.home #onderhoud .package-details{display:block;width:100%;margin-top:18px;padding:0;background:#fff;border:1px solid #dce4ee;border-radius:12px;overflow:hidden;font-size:14px}
.home #onderhoud .package-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;min-height:56px;margin:0;padding:15px 17px;cursor:pointer;font-family:"Inter WX",Arial,sans-serif;font-size:14px!important;font-weight:600;line-height:1.4;color:#16314b;background:#fff;text-decoration:none}
.home #onderhoud .package-details>summary::-webkit-details-marker{display:none}
.home #onderhoud .package-details>summary::marker{content:""}
.home #onderhoud .package-details>summary::after{content:"+";display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#edf2ff;color:#1649ff;font-size:21px;font-weight:400;line-height:1}
.home #onderhoud .package-details[open]>summary{border-bottom:1px solid #e4eaf1}
.home #onderhoud .package-details[open]>summary::after{content:"−"}
.home #onderhoud .package-details>summary:hover{background:#f8faff}
.home #onderhoud .package-details>p{margin:0;padding:17px;font-size:14px!important;line-height:1.75;color:#52677b}
.home #onderhoud .package-details>summary:focus-visible{outline:3px solid #416bff;outline-offset:-3px;border-radius:10px}

/* The homepage details action leads to one complete, accessible comparison. */
.wx-package-compare-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;margin-top:18px;padding:15px 17px;background:#fff;border:1px solid #dce4ee;border-radius:12px;color:#16314b;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4}
.wx-package-compare-link:hover{border-color:#1649ff;background:#f8faff}.wx-package-compare-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#edf2ff;color:#1649ff;font-size:19px}
.wx-package-comparison-page{padding-bottom:80px;background:#fff}.wx-compare-intro{padding-top:64px;padding-bottom:38px}.wx-compare-intro h1{font-size:clamp(34px,4vw,60px);line-height:1.08;max-width:20ch;margin-bottom:24px}.wx-compare-intro>p{max-width:76ch;font-size:17px;line-height:1.75}.wx-compare-note{font-size:13px!important;line-height:1.7!important;color:#627487}.wx-compare-section{padding-bottom:50px}.wx-compare-section>h2{font-size:30px;margin-bottom:24px}.wx-compare-scroll{overflow-x:auto;border:1px solid #dce4ee;border-radius:16px;background:#fff;scrollbar-width:thin;scrollbar-color:#9aafc7 #f2f5f9;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.wx-compare-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px;table-layout:fixed;font-size:14px;line-height:1.65}.wx-compare-table caption{text-align:left;padding:14px 20px;background:#f4f7fa;font-size:12px;color:#52677b}.wx-compare-table th,.wx-compare-table td{text-align:left;vertical-align:top;padding:22px;border-right:1px solid #e3e9f0;border-bottom:1px solid #e3e9f0;overflow-wrap:break-word}.wx-compare-table tr>:first-child{width:24%;background:#f5f8fb;font-weight:600}.wx-compare-table tr>:last-child{border-right:0}.wx-compare-table tbody tr:last-child>*{border-bottom:0}.wx-compare-table thead th:not(:first-child){background:#edf3ff}.wx-compare-plan-name{display:block;font-size:25px;font-weight:650;letter-spacing:-.025em;line-height:1.2;margin-bottom:16px;color:#102332}.wx-compare-price{display:block;color:#1649ff;font-size:30px;font-weight:700;letter-spacing:-.035em;line-height:1.3;margin-bottom:10px}.wx-compare-price small{font-size:12px;font-weight:400;letter-spacing:0;color:#52677b}.wx-compare-tagline{display:block;font-size:13px;font-weight:400;color:#52677b}.wx-compare-actions .btn{width:100%;padding:13px 10px;font-size:13px;white-space:normal}.wx-compare-detail-link{display:block;font-size:12px;margin-top:15px;color:#1649ff}.wx-compare-section>.wx-compare-note{margin-top:20px;max-width:95ch}.wx-compare-swipe{display:none}.wx-compare-explanations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.wx-compare-explanations article{border:1px solid #dce4ee;border-radius:14px;padding:27px}.wx-compare-explanations h2{font-size:24px;line-height:1.2;margin-bottom:16px}.wx-compare-explanations p{font-size:14px;line-height:1.8;margin-bottom:0}.wx-compare-explanations a{display:block;margin-top:20px;font-size:14px}.wx-compare-help{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:45px}.wx-compare-help h2{font-size:30px}.wx-compare-help p{font-size:15px;line-height:1.75;max-width:70ch}.wx-compare-help .btn{flex-shrink:0}
@media(max-width:900px){.wx-compare-explanations{grid-template-columns:1fr}.wx-compare-help{align-items:flex-start;flex-direction:column}.wx-compare-intro{padding-top:38px}.wx-compare-intro>p{font-size:16px}.wx-compare-swipe{display:block;font-size:12px;color:#52677b;margin-bottom:14px}.wx-compare-table{min-width:780px}.wx-compare-table th,.wx-compare-table td{padding:18px 16px}.wx-compare-table tr>:first-child{position:sticky;left:0;z-index:1;width:155px;box-shadow:2px 0 5px #10233208}.wx-compare-table thead tr>:first-child{z-index:2}.wx-compare-section>h2{font-size:27px}.wx-compare-scroll{border-radius:12px}}

/* On mobile, compare equal facts in compact cards without sideways scrolling. */
.wx-compare-mobile-cards{display:none}
@media(max-width:900px){
 .wx-package-comparison-page .wx-compare-scroll{display:none}
 .wx-compare-mobile-cards{display:grid;gap:18px}
 .wx-compare-mobile-cards .wx-mobile-plan{padding:22px;border:1px solid #dce4ee;border-radius:16px;background:#fff;min-width:0}
 .wx-mobile-plan-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:19px;border-bottom:1px solid #e6ebf1}
 .wx-mobile-plan-heading h3{margin:0 0 6px;font-size:25px;line-height:1.15;letter-spacing:-.025em}
 .wx-mobile-plan-heading p{margin:0;max-width:20ch;font-size:12px;line-height:1.5;color:#627487}
 .wx-mobile-plan-price{white-space:nowrap;flex-shrink:0;font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1.2;color:#1649ff;text-align:right}
 .wx-mobile-plan-price small{display:block;margin-top:7px;font-size:10px;font-weight:400;letter-spacing:0;color:#627487}
 .wx-mobile-plan dl{margin:0}
 .wx-mobile-plan dl>div{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:15px;padding:15px 0;border-bottom:1px solid #edf0f4}
 .wx-mobile-plan dt{font-size:13px;font-weight:500;line-height:1.55;color:#52677b}
 .wx-mobile-plan dd{margin:0;font-size:13px;font-weight:500;line-height:1.55;color:#102332}
 .wx-mobile-plan-more{margin-top:16px;font-size:13px}
 .wx-mobile-plan-more summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;list-style:none;cursor:pointer;font-size:13px;font-weight:500;color:#1649ff}
 .wx-mobile-plan-more summary::-webkit-details-marker{display:none}.wx-mobile-plan-more summary::after{content:"+";font-size:20px;font-weight:400}.wx-mobile-plan-more[open] summary::after{content:"−"}
 .wx-mobile-plan-more p{margin:10px 0 0;font-size:13px;line-height:1.7;color:#52677b}
 .wx-mobile-plan-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;flex-wrap:wrap}
 .wx-mobile-plan-actions .btn{font-size:13px;padding:13px 16px;flex:1;white-space:nowrap}
 .wx-mobile-plan-actions>a:not(.btn){font-size:12px;color:#1649ff}
 .wx-compare-intro{padding-top:30px;padding-bottom:22px}.wx-compare-intro h1{font-size:34px;line-height:1.1}.wx-compare-intro>p{font-size:15px;line-height:1.7}
 .wx-compare-section>h2{font-size:25px}.wx-compare-section{padding-bottom:24px}.wx-compare-mobile-cards>.wx-compare-note{margin-bottom:0}.wx-compare-section>.wx-compare-note{display:none}
 .wx-compare-explanations article{padding:23px}
}
@media(max-width:360px){.wx-compare-mobile-cards .wx-mobile-plan{padding:18px}.wx-mobile-plan-heading{gap:12px}.wx-mobile-plan-price{font-size:25px}.wx-mobile-plan-actions{align-items:stretch;flex-direction:column}.wx-mobile-plan-actions>a{text-align:center}}

.wx-mobile-plan-includes{margin-top:18px;padding:14px;border-radius:10px;background:#edf3ff;color:#16314b}.wx-mobile-plan-includes strong{display:block;font-size:13px;font-weight:600}.wx-mobile-plan-includes p{margin:5px 0 0;font-size:12px;line-height:1.6;color:#52677b}