/* ===== MOCKUP: hoofdonderwerpen in het menu ===== */
nav a[aria-current="page"]{color:var(--blue);font-weight:700}
/* dropdown (variant B en C) */
.has-sub{position:relative}
.sub-toggle{font:inherit;font-weight:500;color:var(--text);background:none;border:0;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.sub-toggle::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px;transition:.15s}
.has-sub.open .sub-toggle::after{transform:rotate(-135deg) translateY(-1px)}
.submenu{display:none;position:absolute;top:calc(100% + 14px);left:-18px;min-width:300px;background:#fff;border-radius:14px;box-shadow:0 14px 40px rgba(15,27,61,.16);padding:10px;z-index:20;border-top:4px solid var(--blue)}
.submenu::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}
.has-sub.open .submenu{display:block}
@media(min-width:861px) and (hover:hover){.has-sub:hover .submenu{display:block}}
.submenu a{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:10px;white-space:normal;line-height:1.3}
.submenu a:hover,.submenu a:focus-visible{background:var(--teal-t)}
.submenu .ic{flex:0 0 38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:1.2rem;background:var(--teal-t)}
.submenu a:nth-child(5n+2) .ic{background:var(--peach-t)}.submenu a:nth-child(5n+3) .ic{background:var(--violet-t)}.submenu a:nth-child(5n+4) .ic{background:var(--amber-t)}
.submenu b{display:block;font-weight:600}
.submenu small{display:block;color:var(--muted);font-size:.82rem;font-weight:400}
.submenu.simple{min-width:200px}.submenu.simple a{padding:9px 12px}
@media(max-width:860px){
 nav{max-height:calc(100vh - 72px);overflow:auto;gap:14px}
 .has-sub{width:100%}
 .sub-toggle{font-weight:700;color:var(--violet-d);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;pointer-events:none}
 .sub-toggle::after{display:none}
 .submenu,.has-sub .submenu{display:block;position:static;box-shadow:none;border:0;padding:4px 0 0;min-width:0;background:none}
 .submenu::before{display:none}
 .submenu a{padding:8px 0}
 .submenu small{display:none}
 .submenu .ic{flex-basis:32px;height:32px;font-size:1rem}
 nav .btn-cta{margin-top:6px}
}
/* onderwerppagina's */
.topic-hero .eyebrow a{color:inherit;text-decoration:none}
.topic-hero .eyebrow a:hover{text-decoration:underline}
.price-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-top:32px}
.price-cards .card{grid-column:auto!important}
.price-cards>.card:nth-child(4n+1){border-top-color:var(--blue)}.price-cards>.card:nth-child(4n+1) .icon{background:var(--teal-t)}
.price-cards>.card:nth-child(4n+2){border-top-color:var(--accent)}.price-cards>.card:nth-child(4n+2) .icon{background:var(--peach-t)}
.price-cards>.card:nth-child(4n+3){border-top-color:var(--violet)}.price-cards>.card:nth-child(4n+3) .icon{background:var(--violet-t)}
.price-cards>.card:nth-child(4n+4){border-top-color:var(--amber)}.price-cards>.card:nth-child(4n+4) .icon{background:var(--amber-t)}
.card .more{font-weight:600}
.related{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:20px 0 0}
.related a{display:inline-block;background:#fff;border-radius:999px;padding:8px 18px;text-decoration:none;font-weight:600;box-shadow:0 3px 12px rgba(15,27,61,.06)}
.related a:hover{background:var(--teal-t)}
.cta-band{background:linear-gradient(135deg,var(--teal-t),var(--peach-t))}
.cta-band .container{text-align:center}
.cta-band h2::after{margin-left:auto;margin-right:auto}
.cta-band .cta-row{justify-content:center}
.cta-band .section-lead{margin:0 auto}