/* De wizard (keuzemenu) */
.it-wizard{padding:32px 20px 64px}
.it-wizard-raster{display:grid;gap:24px}
@media (min-width:900px){.it-wizard-raster{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}
.it-stappen-balk{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none;counter-reset:s}
.it-stappen-balk li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--it-ink-zachter);font-weight:600}
.it-stappen-balk li::before{counter-increment:s;content:counter(s);display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--it-mist-diep);color:var(--it-ink-zacht);font-size:.8rem}
.it-stappen-balk li.aan{color:var(--it-ink)}
.it-stappen-balk li.aan::before{background:var(--it-geel);color:var(--it-ink)}
.it-stappen-balk li.klaar::before{background:var(--it-groen-diep);color:var(--it-wit)}
.it-stappen-balk button{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.it-wizard-kaart{background:var(--it-wit);border:1px solid var(--it-lijn);border-radius:var(--it-radius-l);padding:24px;box-shadow:var(--it-schaduw)}
@media (min-width:720px){.it-wizard-kaart{padding:32px}}
.it-wizard-kaart h1{font-size:var(--it-fs-h2)}
.it-wizard-acties{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}
.it-keuzes{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}
.it-keuze{position:relative}
.it-keuze input{position:absolute;opacity:0;inset:0}
.it-keuze span{display:grid;place-items:center;padding:14px 8px;border:2px solid var(--it-lijn);border-radius:var(--it-radius);font-family:var(--it-font-kop);font-weight:700;cursor:pointer;background:var(--it-wit)}
.it-keuze input:checked+span{border-color:var(--it-groen);background:var(--it-groen-zacht)}
.it-keuze input:focus-visible+span{box-shadow:var(--it-focus)}
.it-keuze small{display:block;font-weight:500;font-size:.8rem;color:var(--it-ink-zachter)}
.it-samenvatting{background:var(--it-navy);color:var(--it-wit);border-radius:var(--it-radius-l);padding:22px;position:sticky;top:80px}
.it-samenvatting h2{color:var(--it-geel);font-size:1rem;letter-spacing:.1em;text-transform:uppercase}
.it-samenvatting dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 12px;font-size:.95rem}
.it-samenvatting dt{color:#B8C4CF}
.it-samenvatting dd{margin:0;font-weight:700;text-align:right}
.it-samenvatting .groot{font-family:var(--it-font-kop);font-size:1.6rem;font-weight:800;margin:6px 0 14px}
.it-samenvatting ul{margin:14px 0 0;padding-left:18px;font-size:.9rem;color:#FFE38A}
.it-textarea{min-height:220px;font-family:var(--it-font-tekst);line-height:1.5;resize:vertical}
.it-hulp{font-size:.9rem;color:var(--it-ink-zachter);margin:.4em 0 0}
.it-rij{display:grid;gap:14px}
@media (min-width:600px){.it-rij{grid-template-columns:1fr 1fr}}
.it-rij--3{grid-template-columns:1fr 1fr 1fr}
.it-details{margin-top:18px;border-top:1px solid var(--it-lijn);padding-top:14px}
.it-details summary{cursor:pointer;font-weight:600;color:var(--it-ink-zacht)}
.it-hesjeskeuze{display:grid;gap:12px;margin:10px 0 6px}
@media (min-width:600px){.it-hesjeskeuze{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
.it-hesjesveld{border:1px solid var(--it-lijn);border-radius:8px;padding:12px;display:grid;gap:8px}
.it-hesjesveld strong{font-family:var(--it-font-kop)}

/* Hesjeskeuze: vier modi als rijen */
.it-hesjesmodi{display:grid;gap:8px;margin:8px 0 12px}
.it-keuze--rij{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--it-lijn);border-radius:8px;padding:10px 12px;cursor:pointer}
.it-keuze--rij input{margin-top:.25em;accent-color:var(--it-groen)}
.it-keuze--rij span{display:grid;gap:2px}
.it-keuze--rij small{color:var(--it-ink-zachter);font-weight:500}
.it-keuze--rij:has(input:checked){border-color:var(--it-groen);background:var(--it-groen-zacht)}
.it-hesjeskleuren{margin:0 0 6px}
.it-keuze--rij{text-align:left;justify-content:flex-start;align-items:flex-start}
.it-keuze--rij input{position:static;opacity:1;inset:auto;width:18px;height:18px;flex:0 0 auto}
.it-keuze--rij span{display:grid;place-items:start;gap:2px;padding:0;border:0;background:transparent;font-family:var(--it-font-tekst);font-weight:500}
.it-keuze--rij input:checked+span{border:0;background:transparent}
.it-keuze--rij strong{font-family:var(--it-font-kop)}