/* CAMA v6.3.4 information-design components for service pages only. */
.visual-section-heading{max-width:780px;margin-bottom:32px}.visual-section-heading h2{max-width:740px}.visual-section-heading>p:not(.eyebrow){max-width:690px;margin-top:14px;color:var(--muted);font-size:15px;line-height:1.68}.decision-section,.service-extra-visual,.service-price,.coordination-section,.scope-section{padding-block:clamp(72px,6.2vw,92px)}

/* Woning: three decisions, three agreed extras and compact price factors. */
.decision-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line)}.visual-card{display:grid;grid-template-rows:116px auto;min-width:0;padding:22px 26px 24px}.visual-card+.visual-card{border-left:1px solid var(--page-line)}.visual-card img{display:block;width:116px;height:116px;object-fit:contain}.visual-card h3{margin-top:13px;font-size:20px;letter-spacing:-.025em;line-height:1.2}.visual-card p{max-width:310px;margin-top:7px;color:var(--muted);font-size:13.5px;line-height:1.55}.decision-section .context-link{margin-top:18px}.media-slot-support{width:min(100%,560px);margin:42px 0 0 auto}
.service-extra-card-visual{display:block;padding:0;border:0;border-radius:0;background:transparent}.service-extra-card-visual>div>p:not(.eyebrow):not(.visual-note){max-width:720px;margin-top:12px;color:var(--muted);font-size:13.5px}.compact-visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px;border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line)}.compact-visual-item{display:grid;grid-template-rows:104px auto;min-width:0;padding:18px 22px 20px}.compact-visual-item+.compact-visual-item{border-left:1px solid var(--page-line)}.compact-visual-item img{display:block;width:104px;height:104px;object-fit:contain}.compact-visual-item strong,.compact-visual-item small{display:block}.compact-visual-item strong{margin-top:10px;font-size:15px;line-height:1.3}.compact-visual-item small{margin-top:5px;color:var(--muted);font-size:11.5px;line-height:1.48}.visual-note{margin-top:17px;padding-left:14px;border-left:2px solid var(--page-accent);color:var(--muted);font-size:12.5px;font-weight:650}.service-extra-card-visual .media-slot-compact{margin-top:36px}.service-price{background:var(--page-surface)}.price-factor-block{display:grid;grid-template-columns:minmax(190px,.38fr) minmax(0,1fr);gap:clamp(38px,6vw,78px);align-items:center}.price-factor-visual{display:grid;place-items:center}.price-factor-visual img{display:block;width:min(100%,210px);height:auto;object-fit:contain}.price-factor-block h2{max-width:720px;font-size:clamp(30px,3.15vw,44px)}.price-factor-block p:not(.eyebrow){margin-top:12px;color:var(--muted);font-size:13.5px}.factor-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.factor-chips span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid var(--page-line);border-radius:999px;color:var(--page-accent-dark);background:#fff;font-size:11.5px;font-weight:720;line-height:1.2}
.service-woning .service-extra-grid{grid-template-columns:1fr}.service-woning .service-extra-card-visual .media-slot-compact{width:min(100%,720px)}.compact-related{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid var(--page-line);font-size:12px}.compact-related span{color:var(--page-accent-dark);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.compact-related a{font-weight:710;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--page-accent) 38%,transparent);text-underline-offset:3px}.compact-related a:hover{color:var(--page-accent-dark)}

/* Zorgkamer: one compact coordination flow and text-first remote options. */
.coordination-section{color:var(--ink);background:#fff}.coordination-section::after{display:none}.coordination-section .eyebrow{color:var(--page-accent-dark)}.coordination-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.coordination-flow::before{position:absolute;top:51px;right:11%;left:11%;height:1px;background:var(--page-line);content:""}.coordination-flow article{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;min-width:0;text-align:center}.coordination-flow img{display:block;width:102px;height:102px;object-fit:contain;background:#fff}.coordination-flow h3{margin-top:13px;font-size:17px;line-height:1.25}.coordination-flow p{max-width:220px;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.48}.remote-options{border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line)}.remote-options article{grid-template-columns:40px minmax(0,1fr);gap:15px;background:transparent}.remote-options .option-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--page-line);border-radius:50%;color:var(--page-accent-dark);font-size:10px;font-weight:800;letter-spacing:.06em}.remote-options h3{margin-top:0}

/* Bedrijf: a larger room anchor paired with three compact scope rows. */
.scope-component{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(38px,6vw,82px);align-items:stretch;border-top:1px solid var(--page-line);border-bottom:1px solid var(--page-line)}.scope-anchor{display:grid;justify-items:start;align-content:center;padding:22px 36px 22px 0;border-right:1px solid var(--page-line);text-align:left}.scope-anchor img{display:block;width:min(100%,218px);height:auto;object-fit:contain}.scope-anchor h3{margin-top:12px;font-size:20px}.scope-anchor p{max-width:330px;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.55}.scope-rows{display:grid}.scope-row{display:grid;grid-template-columns:86px minmax(0,1fr);gap:19px;align-items:center;padding:18px 4px}.scope-row+.scope-row{border-top:1px solid var(--page-line)}.scope-row img{display:block;width:86px;height:86px;object-fit:contain}.scope-row h3{font-size:17px;line-height:1.25}.scope-row p{max-width:510px;margin-top:5px;color:var(--muted);font-size:12.5px;line-height:1.5}.scope-note{margin-top:18px;color:var(--muted);font-size:12.5px;font-weight:650}.scope-section .media-slot-overview{margin-top:42px}

/* Accessible FAQ rows retain semantic details/summary markup. */
.faq-list summary::after{top:50%;right:9px;width:10px;height:10px;padding:0;border:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;border-radius:0;background:transparent;content:"";transform:translateY(-68%) rotate(45deg);transition:transform .18s var(--ease),color .18s var(--ease)}.faq-list summary:hover::after,.faq-list summary:focus-visible::after{border-color:currentColor;background:transparent}.faq-list details[open] summary::after{content:"";transform:translateY(-32%) rotate(225deg)}.faq-list details[open] p{animation:faq-answer-in .2s var(--ease) both}

@media(max-width:1023px){
  .decision-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-cards .visual-card:last-child{grid-column:1/-1;width:50%;border-top:1px solid var(--page-line);border-left:0}
  .coordination-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.coordination-flow::before{display:none}.coordination-flow article{min-height:188px;padding:20px;border-top:1px solid var(--page-line)}.coordination-flow article:nth-child(even){border-left:1px solid var(--page-line)}.coordination-flow article:nth-last-child(-n+2){border-bottom:1px solid var(--page-line)}
  .scope-component{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:34px}.scope-anchor img{width:min(100%,190px)}
}

@media(max-width:767px){
  .decision-section,.service-extra-visual,.service-price,.coordination-section,.scope-section{padding-block:48px}.visual-section-heading{margin-bottom:22px}.visual-section-heading>p:not(.eyebrow){margin-top:10px;font-size:13px;line-height:1.58}
  .decision-cards{grid-template-columns:1fr;gap:0}.decision-cards .visual-card:last-child{grid-column:auto;width:auto;border-top:1px solid var(--page-line)}.visual-card{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;gap:15px;align-items:center;min-height:106px;padding:14px 0}.visual-card+.visual-card{border-top:1px solid var(--page-line);border-left:0}.visual-card img{width:76px;height:76px}.visual-card h3{margin-top:0;font-size:16px}.visual-card p{margin-top:5px;font-size:11.5px;line-height:1.48}.decision-section .context-link{margin-top:15px;font-size:11.5px}.media-slot-support{width:100%;margin-top:28px}
  .compact-visual-grid{grid-template-columns:1fr;gap:0;margin-top:19px}.compact-visual-item{grid-template-columns:76px minmax(0,1fr);grid-template-rows:auto;gap:15px;align-items:center;min-height:106px;padding:14px 0}.compact-visual-item+.compact-visual-item{border-top:1px solid var(--page-line);border-left:0}.compact-visual-item img{width:76px;height:76px}.compact-visual-item strong{margin-top:0;font-size:14px}.compact-visual-item small{font-size:10.8px;line-height:1.42}.visual-note{margin-top:14px;font-size:11.5px;line-height:1.5}.service-extra-card-visual .media-slot-compact{margin-top:27px}
  .compact-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin-top:17px;padding-top:15px;font-size:11px}.compact-related span{grid-column:1/-1}.compact-related a:last-child{grid-column:1/-1}
  .price-factor-block{grid-template-columns:88px minmax(0,1fr);gap:15px;align-items:start;padding:0}.price-factor-visual{justify-items:start}.price-factor-visual img{width:88px}.price-factor-block h2{font-size:clamp(24px,6.5vw,29px)}.price-factor-block p:not(.eyebrow){margin-top:8px;font-size:11.5px}.factor-chips{gap:6px;margin-top:14px}.factor-chips span{min-height:29px;padding:5px 9px;font-size:10px}
  .coordination-flow article{min-height:174px;padding:16px 12px}.coordination-flow img{width:72px;height:72px}.coordination-flow h3{margin-top:10px;font-size:14px}.coordination-flow p{margin-top:5px;font-size:11px;line-height:1.42}.remote-options article{grid-template-columns:34px minmax(0,1fr);gap:12px;min-height:0;padding:17px 0}.remote-options .option-index{width:32px;height:32px;font-size:9px}.remote-options h3{font-size:14.5px}.remote-options p{font-size:11.5px}
  .scope-component{grid-template-columns:1fr;gap:0}.scope-anchor{justify-items:start;padding:20px 0;border-right:0;border-bottom:1px solid var(--page-line);text-align:left}.scope-anchor img{width:158px}.scope-anchor h3{margin-top:9px;font-size:17px}.scope-anchor p{font-size:11.5px;line-height:1.48}.scope-row{grid-template-columns:78px minmax(0,1fr);gap:16px;min-height:112px;padding:14px 0}.scope-row img{width:78px;height:78px}.scope-row h3{font-size:15px}.scope-row p{font-size:11px;line-height:1.46}.scope-note{margin-top:15px;font-size:11.5px;line-height:1.5}.scope-section .media-slot-overview{margin-top:34px}
  .faq-list summary::after{top:50%;right:9px;width:9px;height:9px;font-size:0}
}

@media(max-width:389px){
  .visual-card,.compact-visual-item,.scope-row{grid-template-columns:70px minmax(0,1fr);gap:14px}.visual-card img,.compact-visual-item img,.scope-row img{width:70px;height:70px}.coordination-flow article{min-height:170px;padding-inline:9px}.coordination-flow p{font-size:10.5px}.price-factor-block{grid-template-columns:78px minmax(0,1fr);padding-inline:18px}.price-factor-visual img{width:78px}
}

@media(prefers-reduced-motion:reduce){.faq-list details[open] p{animation:none}.faq-list summary::after{transition:none}}

/* v6.3.5: consistent illustration and media scales, with tighter section rhythm. */
.decision-section,.service-extra-visual,.service-price,.coordination-section,.scope-section{padding-block:clamp(68px,5.4vw,86px)}
.service-faq{padding-block:clamp(72px,5.5vw,86px)}
.media-slot-support{width:min(100%,680px);margin:38px auto 0}
.service-woning .service-extra-card-visual .media-slot-compact{width:100%;margin:0}
.video-related-split{display:grid;grid-template-columns:minmax(0,7fr) minmax(250px,5fr);gap:clamp(28px,4vw,48px);align-items:start;width:min(100%,1160px);margin-top:32px}
.video-related-split .media-slot-compact{grid-column:auto}
.video-related-split .compact-related{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:0;border-top:1px solid var(--page-line)}
.video-related-split .compact-related span{padding:12px 2px 10px}
.video-related-split .compact-related a{min-height:48px;padding:13px 2px;border-top:1px solid var(--page-line);text-decoration:none}
.price-factor-block{grid-template-columns:minmax(260px,.32fr) minmax(0,.68fr);gap:clamp(42px,5vw,70px)}
.price-factor-visual img{width:min(100%,290px)}
.coordination-flow{width:min(100%,1120px);gap:10px;margin-inline:auto}
.coordination-flow::before{right:10%;left:10%}
.coordination-flow article{padding-inline:12px}
.coordination-flow h3{margin-top:9px}
.coordination-flow p{max-width:235px}
.service-zorg .service-remote{padding-block:70px}
.remote-options article{min-height:94px;padding-block:20px}
.service-related-inline{margin-top:26px}
.scope-component{grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(38px,4vw,54px)}
.scope-anchor{padding:18px 32px 18px 0}
.scope-anchor img{width:min(100%,280px)}
.scope-row{min-height:112px;padding-block:13px}
.scope-row img{width:88px;height:88px}
.scope-section .media-slot-overview{width:min(100%,680px);margin:38px 0 0}
.business-small-work{display:block;padding:4px 0 4px 24px;border-left:2px solid var(--page-accent);border-radius:0;background:transparent}
.business-small-work>div>p:not(.eyebrow){max-width:660px}

@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .visual-card img,.compact-visual-item img,.price-factor-visual img,.coordination-flow img,.scope-anchor img,.scope-row img{transition:transform 220ms var(--ease)}
  .visual-card:hover img,.compact-visual-item:hover img,.price-factor-block:hover .price-factor-visual img,.coordination-flow article:hover img,.scope-anchor:hover img,.scope-row:hover img{transform:translateY(-3px) scale(1.015)}
}

@media(max-width:1023px){
  .video-related-split{grid-template-columns:1fr;gap:24px}
  .video-related-split .compact-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
  .video-related-split .compact-related span{grid-column:1/-1}
  .video-related-split .compact-related a+a{padding-left:14px;border-left:1px solid var(--page-line)}
  .scope-component{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:32px}
  .scope-anchor img{width:min(100%,245px)}
}

@media(max-width:767px){
  .decision-section,.service-extra-visual,.service-price,.coordination-section,.scope-section{padding-block:48px}
  .service-faq{padding-block:52px}
  .media-slot-support{margin-top:24px}
  .video-related-split{display:block;margin-top:24px}
  .video-related-split .compact-related{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}
  .video-related-split .compact-related span{grid-column:1/-1}
  .video-related-split .compact-related a{min-height:44px}
  .video-related-split .compact-related a:last-child{grid-column:1/-1;padding-left:2px;border-left:0}
  .price-factor-block{grid-template-columns:1fr;gap:14px;padding:0}
  .price-factor-visual{justify-items:start}
  .price-factor-visual img{width:170px}
  .coordination-flow{gap:0}
  .coordination-flow article{min-height:158px;padding:13px 10px}
  .coordination-flow img{width:76px;height:76px}
  .coordination-flow h3{margin-top:7px}
  .service-zorg .service-remote{padding-block:52px}
  .remote-options article{min-height:0;padding-block:15px}
  .service-related-inline{margin-top:21px}
  .scope-component{grid-template-columns:1fr;gap:0}
  .scope-anchor{padding:16px 0 18px}
  .scope-anchor img{width:178px}
  .scope-row{min-height:108px}
  .scope-section .media-slot-overview{margin-top:24px}
  .business-small-work{padding:2px 0 2px 17px}
}

@media(max-width:389px){.price-factor-visual img{width:158px}.scope-anchor img{width:165px}}

/* v6.3.8: reserve a stable visual column so business illustrations never enter the copy area. */
@media(max-width:767px){
  .service-bedrijf .scope-row{grid-template-columns:132px minmax(0,1fr);column-gap:18px;align-items:center;min-height:120px}
  .service-bedrijf .scope-row img{width:112px;height:112px;justify-self:center;object-fit:contain}
  .service-bedrijf .scope-row>div{min-width:0}
}
@media(max-width:389px){
  .service-bedrijf .scope-row{grid-template-columns:124px minmax(0,1fr);column-gap:16px}
  .service-bedrijf .scope-row img{width:106px;height:106px}
}