/* Makersindex: filter, interview, adviesformulier. Bovenop riso.css; alleen tokens en klassen van riso.css hergebruikt. */

/* ---------- filter ---------- */
.mi-filter{display:grid;gap:18px;margin-bottom:28px}
.mi-zoek input{display:block;width:100%;font:inherit;font-size:var(--tussen);letter-spacing:-.01em;color:inherit;background:transparent;border:0;border-top:var(--lijn) solid var(--zwart);padding:14px 0 10px;border-radius:0;outline:0}
.mi-zoek input:focus{border-top-color:var(--blauw)}
.mi-zoek input::placeholder{color:var(--zwart);opacity:.45}
.mi-groep{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.mi-groep>.label{width:88px;flex:none}
/* filter als tekstwoorden (pin S1, Menil): actief blauw en onderstreept, geen zwarte pil (Dauji 26-10-2026) */
.mi-chip{font:inherit;font-size:var(--klein);line-height:1;color:inherit;background:transparent;border:0;border-radius:0;padding:8px 10px 8px 0;min-height:32px;cursor:pointer;transition:color .2s}
.mi-chip:hover{color:var(--blauw)}
.mi-chip[aria-pressed="true"]{color:var(--blauw);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px}
.mi-chip:focus-visible,.mi-zoek input:focus-visible{outline:2px solid var(--blauw);outline-offset:3px}
.mi-aantal{min-height:1.3em}
.mi-verder[hidden],.mi-filter[hidden],.mi-knoppen[hidden],.mi-leeg[hidden],.mi-maker[hidden],.mi-fout[hidden]{display:none}
.mi-lijst .rij[hidden]{display:none}
.lijst.mi-lijst:empty,.tegels.mi-lijst:empty{display:none}
.tegels.mi-lijst+.lijst.mi-lijst{margin-top:56px}
.mi-leeg{border-top:var(--lijn) solid var(--zwart);padding-top:20px}
.mi-leeg .lead{margin-bottom:16px}

/* ---------- interview ---------- */
.mi-concept{font-size:var(--klein);line-height:1.35;border:var(--lijn) solid var(--blauw);color:var(--blauw);padding:10px 14px;margin-bottom:36px;max-width:44em}
.mi-interview .twee>h2{position:sticky;top:32px}
.mi-interview .lees>.lead{font-size:var(--tussen)}
.mi-interview blockquote cite{display:block;margin-top:.6em;font-style:normal;font-size:var(--klein);font-weight:400;letter-spacing:0}

/* ---------- adviesformulier ---------- */
.mi-form .wz-step{border:0;padding:0;margin:0;min-width:0}
.mi-form .wz-step+.wz-step{margin-top:36px}
.mi-form legend,.mi-form .wz-controle>h2{font-weight:700;font-size:var(--tussen);line-height:1.05;letter-spacing:-.045em;margin-bottom:18px;padding:0}
.mi-form legend label{font:inherit}
.mi-hint{display:block;font-size:var(--klein);margin:-8px 0 14px}
.mi-keus{position:relative;border-top:var(--lijn) solid var(--zwart)}
.mi-keus:last-of-type{border-bottom:var(--lijn) solid var(--zwart)}
.mi-form .mi-keus input,.mi-form .mi-vink input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;border:0}
.mi-keus label{display:flex;align-items:center;gap:14px;padding:14px 0;font-size:var(--tekst);cursor:pointer}
.mi-keus label::before{content:"";flex:none;width:18px;height:18px;border:var(--lijn) solid var(--zwart);border-radius:50%;transition:background .15s,box-shadow .15s}
.mi-keus input[type=checkbox]+label::before{border-radius:0}
.mi-keus input:checked+label::before{background:var(--zwart);box-shadow:inset 0 0 0 3px var(--papier)}
.mi-keus input:focus-visible+label{outline:2px solid var(--blauw);outline-offset:2px}
.mi-keus label:hover{color:var(--blauw)}
.mi-form [data-gegevens] label{display:block;font-size:var(--klein);margin-top:18px}
.mi-form [data-gegevens] input{margin-top:6px}
.mi-fout{display:block;color:var(--blauw);font-size:var(--klein);font-weight:500}
.mi-overzicht{border-top:var(--lijn) solid var(--zwart);margin-bottom:24px}
.mi-rij{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:var(--lijn) solid var(--zwart);padding:12px 0}
.mi-rij>div{min-width:0}
.mi-overzicht dt{font-size:var(--klein)}
.mi-overzicht dd{font-size:var(--tekst);margin:2px 0 0;overflow-wrap:anywhere}
.mi-wijzig{flex:none;font:inherit;font-size:var(--klein);font-weight:500;background:none;border:0;padding:0;cursor:pointer;color:inherit;text-decoration:underline;text-underline-offset:3px;margin:0}
.mi-vink{position:relative;margin-top:8px}
.mi-vink label{display:flex;gap:14px;font-size:var(--tekst);line-height:1.4;cursor:pointer}
.mi-vink label::before{content:"";flex:none;width:18px;height:18px;margin-top:1px;border:var(--lijn) solid var(--zwart)}
.mi-vink input:checked+label::before{background:var(--zwart);box-shadow:inset 0 0 0 3px var(--papier)}
.mi-vink input:focus-visible+label{outline:2px solid var(--blauw);outline-offset:2px}
.mi-honing{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.mi-knoppen{display:flex;justify-content:space-between;align-items:center;margin-top:28px}
.mi-knoppen .mi-terug{font-weight:400;font-size:var(--klein);text-decoration:underline;text-underline-offset:3px;margin:0}
.mi-knoppen .mi-terug[disabled]{visibility:hidden}
.mi-knoppen .mi-verder{margin:0}
.mi-melding{margin-top:20px;font-size:var(--klein);font-weight:500;color:var(--blauw)}
.mi-melding:empty{display:none}
.mi-maker{margin-bottom:28px}
.mi-form button:focus-visible{outline:2px solid var(--blauw);outline-offset:3px}

/* tikvlak 44 bij 44 op telefoon, tablet en aanraakscherm (meting 31-10-2026: chip "alle" was 30 breed, op 768 32 hoog) */
@media (max-width:1000px),(pointer:coarse){
 .mi-chip{min-height:44px;min-width:44px}
}
@media (max-width:760px){
 .mi-groep>.label{width:100%}
 .mi-interview .twee>h2{position:static}
}

/* ---------- bevestiging (GOV.UK confirmation) ---------- */
.mi-klaar{border-top:var(--lijn) solid var(--zwart);padding-top:22px}
.mi-klaar[hidden],.mi-proefnoot[hidden],.mi-form[hidden]{display:none}
.mi-klaar:focus{outline:0}
.mi-klaar h2{margin-bottom:14px}
.mi-klaar h3{margin:28px 0 8px}
.mi-proefnoot{color:var(--blauw);margin-bottom:14px}
.mi-melding a{color:inherit}
.mi-keus input[aria-invalid="true"]+label::before{border-color:var(--blauw)}