/* Let op: de generieke klasse .grid is hernoemd naar .kmk-grid omdat themakits die naam claimen. */
/* Woonplaatsvinder-specifiek incl. vergelijkingslaag - gescoped onder .kmk-wpv */
.kmk-wpv .kmk-grid{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:20px;margin-top:26px;align-items:start}
.kmk-wpv .card h2{font-family:var(--f-head);font-size:18px;color:var(--navy);margin:0 0 4px}
.kmk-wpv .card .sub{font-size:13px;color:var(--muted);margin:0 0 16px}
.kmk-wpv .veld{padding:9px 0}
.kmk-wpv .veld__naam{font-size:13.5px;color:var(--ink);font-weight:600;display:block;margin-bottom:6px}
.kmk-wpv .veld__naam small{font-weight:400;color:var(--muted)}
.kmk-wpv .veld .schaal output{font-size:14px;min-width:104px}
.kmk-wpv .groep{border:1px solid var(--border);border-radius:12px;background:var(--papier-2);margin:10px 0}
.kmk-wpv .groep summary{cursor:pointer;padding:11px 14px;font-size:13.5px;font-weight:700;color:var(--navy);list-style-position:inside}
.kmk-wpv .groep[open] summary{border-bottom:1px solid var(--border)}
.kmk-wpv .groep .crit{padding:10px 14px;border-bottom:1px solid var(--border-soft)}
.kmk-wpv .groep .crit:last-child{border-bottom:0}
.kmk-wpv .crit__naam{font-size:13px;font-weight:600;color:var(--ink);display:block;margin-bottom:6px}
.kmk-wpv .belang{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
.kmk-wpv .belang button{font-family:var(--f-body);font-size:10.5px;font-weight:700;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:8px;min-height:34px;padding:4px 2px;cursor:pointer;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-width:0}
.kmk-wpv .belang button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.kmk-wpv .belang button[data-v="hard"].on{background:var(--orange);border-color:var(--orange);color:#3A2600}
.kmk-wpv .crit .schaal{margin-top:8px}
.kmk-wpv .crit .schaal output{font-size:12.5px;min-width:86px}
.kmk-wpv .res__kop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}
.kmk-wpv .res__kop h2{margin:0}
.kmk-wpv .res__tel{font-size:12.5px;color:var(--muted)}
.kmk-wpv .gebied{border:1px solid var(--border);border-radius:14px;padding:14px 16px;margin:10px 0;background:#fff}
.kmk-wpv .gebied__kop{display:flex;justify-content:space-between;align-items:center;gap:10px}
.kmk-wpv .gebied__naam{font-family:var(--f-head);font-size:16px;font-weight:800;color:var(--navy)}
.kmk-wpv .gebied__naam small{display:block;font-family:var(--f-body);font-weight:400;font-size:12px;color:var(--muted)}
.kmk-wpv .gebied__score{font-family:var(--f-head);font-weight:800;font-size:20px;color:var(--blue);white-space:nowrap;font-variant-numeric:tabular-nums}
.kmk-wpv .gebied__balk{height:7px;border-radius:99px;background:var(--papier-2);border:1px solid var(--border-soft);margin:9px 0;overflow:hidden}
.kmk-wpv .gebied__balk i{display:block;height:100%;background:linear-gradient(90deg,var(--sky),var(--blue));border-radius:99px}
.kmk-wpv .gebied__uitleg{font-size:13px;color:var(--ink);line-height:1.55;margin:8px 0 0}
.kmk-wpv .gebied__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.kmk-wpv .tagje{font-size:11px;font-weight:700;border-radius:99px;padding:3px 9px;background:var(--papier-2);border:1px solid var(--border);color:var(--muted)}
.kmk-wpv .tagje--plus{background:#E9F7EF;border-color:#B7E4C7;color:#1B5E37}
.kmk-wpv .tagje--min{background:#FFF4E0;border-color:#F2D9A6;color:#7A5600}
.kmk-wpv .gebied__act{margin-top:10px}
.kmk-wpv .gebied__act button{font-family:var(--f-body);font-size:12px;font-weight:700;color:var(--blue);background:#fff;border:1px solid var(--border);border-radius:9px;padding:6px 12px;cursor:pointer}
.kmk-wpv .gebied__act button.aan{background:var(--navy);color:#fff;border-color:var(--navy)}
.kmk-wpv .afgevallen{margin-top:14px;border-top:1px solid var(--border-soft);padding-top:10px}
.kmk-wpv .afgevallen p{font-size:12.5px;color:var(--muted);margin:0 0 6px}
.kmk-wpv .verg{margin-top:16px;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.kmk-wpv .verg h3{font-family:var(--f-head);font-size:15px;color:var(--navy);margin:0;padding:12px 14px;border-bottom:1px solid var(--border)}
.kmk-wpv .verg table{width:100%;border-collapse:collapse;font-size:12.5px}
.kmk-wpv .verg th, .kmk-wpv .verg td{padding:7px 10px;text-align:left;border-bottom:1px solid var(--border-soft)}
.kmk-wpv .verg th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;background:var(--papier-2)}
.kmk-wpv .verg td:first-child{color:var(--muted)}
.kmk-wpv .verg td b{color:var(--navy);font-variant-numeric:tabular-nums}
.kmk-wpv .waarsch{background:#FFF4E0;border:1px solid #F2D9A6;color:#7A5600;font-size:12.5px;border-radius:10px;padding:10px 12px;margin-top:10px;line-height:1.5}
.kmk-wpv .groep select{width:100%;border:1px solid var(--border);border-radius:9px;padding:8px 10px;font-family:var(--f-body);font-size:13px;color:var(--ink);background:#fff}
.kmk-wpv .prijs{margin-top:9px;border-top:1px dashed var(--border-soft);padding-top:9px;font-size:12.5px;color:var(--ink);line-height:1.55}
.kmk-wpv .prijs b{color:var(--navy);font-variant-numeric:tabular-nums}
.kmk-wpv .prijs .bron{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.kmk-wpv .tagje--ref{background:var(--navy);border-color:var(--navy);color:#fff}
.kmk-wpv .tagje--beperkt{background:#FFF4E0;border-color:#F2D9A6;color:#7A5600}
@media(max-width:900px){.kmk-wpv .kmk-grid{grid-template-columns:1fr}
}@media(max-width:400px){.kmk-wpv .belang button{font-size:9.5px;min-height:32px}
}