/* Ward full-site audit: scoped to heating and service content only. */
.ns-audit-heating .ns-hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:42px;align-items:center}
.ns-audit-heating .ns-hero-copy{max-width:650px}
.ns-audit-heating .ns-hero .ns-media{margin:0;min-height:0;aspect-ratio:4/3;border-radius:18px;overflow:hidden}
.ns-audit-heating .ns-hero .ns-media img{width:100%;height:100%;object-fit:cover}
.ns-audit-heating .ns-card{background:#f5f3f0;border-color:#e8e4df}
.ns-audit-heating .ns-audit-explanation{padding:52px 0}
.ns-audit-heating .ns-audit-explanation:nth-of-type(even){background:#f8f6f3}
.ns-audit-heating .ns-audit-explanation h2{max-width:850px}
.ns-audit-heating .ns-audit-explanation .container>p{max-width:950px}
.ns-audit-heating .ns-audit-note{font-size:.88rem;color:#67615b;margin-top:18px}
.ns-audit-heating .ns-audit-hybrid{display:grid;grid-template-columns:1fr .7fr 1fr;gap:18px;margin:24px 0;align-items:stretch}
.ns-audit-heating .ns-audit-hybrid article,.ns-audit-heating .ns-audit-hybrid-switch{padding:24px;border-radius:16px;background:#f1e9e3;border:1px solid #e7dad0}
.ns-audit-heating .ns-audit-hybrid article span{font-size:.85rem;font-weight:700;color:#bd422c}
.ns-audit-heating .ns-audit-hybrid-switch{background:#e9e6e1;display:flex;flex-direction:column;justify-content:center}
.ns-audit-heating .ns-audit-symptoms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0}
.ns-audit-heating .ns-audit-symptom{display:flex;gap:16px;text-decoration:none;padding:24px;background:#f3efe9;border:1px solid #e5ddd4;border-radius:16px;color:inherit}
.ns-audit-heating .ns-audit-symptom:hover{border-color:var(--coral)}
.ns-audit-heating .ns-audit-symptom-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;font-size:24px;background:#f9dacf;color:#9e321f}
.ns-audit-heating .ns-audit-symptom h3{font-size:1.15rem;margin-top:0}
.ns-audit-heating .ns-audit-safety{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.ns-audit-heating .ns-audit-safety article{border-left:4px solid var(--coral);padding:22px;background:#fff0e9;border-radius:0 14px 14px 0}
.ns-audit-heating .ns-audit-symptom:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
@media(max-width:900px){.ns-audit-heating .ns-hero-inner{gap:24px}.ns-audit-heating .ns-audit-symptoms{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ns-audit-heating .ns-hero-inner,.ns-audit-heating .ns-audit-hybrid,.ns-audit-heating .ns-audit-symptoms,.ns-audit-heating .ns-audit-safety{grid-template-columns:1fr}.ns-audit-heating .ns-audit-explanation{padding:36px 0}.ns-audit-heating .ns-hero .ns-media{aspect-ratio:4/3}.ns-audit-heating .ns-audit-symptom{padding:20px}}

.ns-audit-heating .ns-hero-split .ns-hero-copy{grid-column:1;grid-row:1}
.ns-audit-heating .ns-hero-split .ns-hero-inner>.ns-media{grid-column:2;grid-row:1;min-height:0}
.ns-audit-heating .ns-hero-split .ns-hero-inner>.ns-media img{min-height:0;max-height:none;aspect-ratio:auto;object-fit:cover}
.ns-audit-heating .ns-audit-symptom-group{display:flex;flex-direction:column;gap:8px}
.ns-audit-heating .ns-audit-symptom-group .ns-audit-symptom{flex:1}
.ns-audit-heating .ns-audit-help{font-size:.85rem;padding-inline:10px}
@media(max-width:700px){.ns-audit-heating .ns-hero-split .ns-hero-copy{grid-column:1;grid-row:1}.ns-audit-heating .ns-hero-split .ns-hero-inner>.ns-media{grid-column:1;grid-row:2}.ns-audit-heating .ns-hero-split .ns-hero-inner>.ns-media img{height:100%}}

.ns-audit-heating .ns-hero:not(.ns-hero-split)>.container{padding-block:42px}
.ns-audit-heating .ns-hero:not(.ns-hero-split) h1{font-size:clamp(2.1rem,4vw,3.35rem);line-height:1.12;max-width:950px}
.ns-audit-heating .ns-hero:not(.ns-hero-split) .lede{max-width:820px;line-height:1.65;margin:22px 0}

/* Warmtepomp overview only: four equal choices, no orphan card. */
.ns-audit-heating #warmtepomp-routes .ns-cards,
.ns-audit-heating #mig_opl_wp_types .ns-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
.ns-audit-heating .ns-bodem-more{margin-top:18px}
@media(max-width:1100px){
 .ns-audit-heating #warmtepomp-routes .ns-cards,
 .ns-audit-heating #mig_opl_wp_types .ns-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .ns-audit-heating #warmtepomp-routes .ns-cards,
 .ns-audit-heating #mig_opl_wp_types .ns-cards{grid-template-columns:1fr}
}

/* Warmtepomp overview hero only: same quote and advice pair as /verwarming/. */
#mig_opl_wp_hero .ns-quote-advice,
#mig_opl_wp_hero .ns-quote-advice .ns-heating-cta-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px;max-width:100%;min-width:0}
#mig_opl_wp_hero .ns-quote-advice{margin-top:22px}
#mig_opl_wp_hero .ns-quote-advice .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 18px;font-size:1rem;line-height:1.25;white-space:nowrap;max-width:100%;box-sizing:border-box;text-align:center}
#mig_opl_wp_hero .ns-quote-advice .btn-primary{background:var(--coral);border-color:transparent;color:var(--ink)}
#mig_opl_wp_hero .ns-quote-advice .btn-ghost{background:#fff;color:var(--ink);border:1px solid rgba(50,50,50,.3);box-shadow:none}
#mig_opl_wp_hero .ns-quote-advice .btn-ghost:hover{background:#ece9e6;border-color:var(--ink);color:var(--ink)}
#mig_opl_wp_hero .ns-quote-advice .btn:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
@media(min-width:1000px){#mig_opl_wp_hero .ns-quote-advice .ns-heating-cta-row{flex-wrap:nowrap}}
@media(max-width:999px){
  #mig_opl_wp_hero .ns-quote-advice,
  #mig_opl_wp_hero .ns-quote-advice .ns-heating-cta-row{flex-direction:column;align-items:stretch;width:100%}
  #mig_opl_wp_hero .ns-quote-advice .btn{width:100%;height:auto;white-space:normal}
}
@media(max-width:768px){#mig_opl_wp_hero .ns-actions.ns-quote-advice{display:flex}}
/* Warmtepomp overview only: grouped section backgrounds from the existing white and light neutral. */
#ns-warmtepomp-page #warmtepomp-routes,
#ns-warmtepomp-page #warmtepomp-vervangen,
#ns-warmtepomp-page #mig_opl_wp_faq,
#ns-warmtepomp-page #mig_opl_wp_process{background:#fff}
#ns-warmtepomp-page #mig_opl_wp_types,
#ns-warmtepomp-page #mig_opl_wp_fit,
#ns-warmtepomp-page #mig_opl_wp_mw,
#ns-warmtepomp-page #warmtepomp-bodem{background:#f8f6f3}
#ns-warmtepomp-page ~ .ns-google-reviews.section{background:#fff}
/* Warmtepomp overview only: spacing inside the named blocks. */
#ns-warmtepomp-page #warmtepomp-routes>.container>.eyebrow+h2,
#ns-warmtepomp-page #warmtepomp-vervangen>.container>.eyebrow+h2,
#ns-warmtepomp-page #warmtepomp-bodem>.container>.eyebrow+h2{margin-top:14px}
#ns-warmtepomp-page #warmtepomp-vervangen>.container>h2+p,
#ns-warmtepomp-page #warmtepomp-bodem>.container>h2+p{margin-top:16px}
#ns-warmtepomp-page #warmtepomp-vervangen>.container>p+a.btn{margin-top:22px}
#ns-warmtepomp-page #warmtepomp-bodem>.container>p+h2{margin-top:30px}
#ns-warmtepomp-page #warmtepomp-bodem .ns-bodem-more{margin-top:22px}
#ns-warmtepomp-page #warmtepomp-routes>.container>h2+.ns-cards{margin-top:28px}
