/* De kaart per artikelgroep (D1, docs/ontwerp/huid/spec.md): boven het getal en de regels, daaronder de groepen per plaatsing × soort.
   Alleen kleuren uit de tokens van basis.css; geen hexwaarden (tests/huid-uniform.test.js). */
.gk-kaart{display:grid;gap:12px}
.gk-boven{display:grid;grid-template-columns:260px minmax(0,640px);gap:24px;align-items:start;padding:4px 0}
.gk-acos b{display:block;font-size:var(--tekst-kaartgetal);font-weight:600;letter-spacing:-.02em}
.gk-punt{display:flex;gap:12px;padding:6px 0;border-top:1px solid var(--grijs-300);font-size:var(--tekst-tabel)}
.gk-punt:first-child{border-top:0}
.gk-srt{flex:none;min-width:92px;font-size:var(--tekst-bijschrift);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--grijs-700);padding-top:2px}
.gk-levertijd{margin-top:6px;padding:8px 10px;background:var(--blauw-100);color:var(--grijs-900);border-radius:var(--radius-veld);font-size:var(--tekst-tabel)}
.gk-groep{border:1px solid var(--grijs-500);border-radius:var(--radius-kaart);overflow:hidden;background:var(--vlak)}
.gk-groepkop{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--grijs-100);border-bottom:1px solid var(--grijs-300);flex-wrap:wrap}
.gk-groepkop .gk-groep-akkoord{margin-left:auto}
.gk-plaats{font-size:var(--tekst-bijschrift);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-veld);background:var(--blauw-100);color:var(--blauw-900)}
.gk-tabel{width:100%}
.gk-tabel th{font-size:var(--tekst-bijschrift);font-weight:600;color:var(--grijs-700);text-align:left}
.gk-tabel .num{text-align:right;white-space:nowrap}
.gk-vink{width:28px}
.gk-rij.gk-uit{opacity:.55}
.gk-keuzes{display:grid;gap:4px;margin-top:4px}
.gk-keuze,.gk-niet{display:flex;gap:6px;align-items:center;font-size:var(--tekst-klein);color:var(--grijs-900)}
.gk-niet{color:var(--grijs-700);margin-top:4px}
.gk-chip{display:inline-block;padding:1px 8px;border-radius:var(--radius-kaart);font-size:var(--tekst-bijschrift);background:var(--grijs-300);color:var(--grijs-900)}
.gk-chip--let{background:var(--blauw-100);color:var(--blauw-900)}
.gk-naar{margin-left:12px}
.gk-lijsten{border:1px solid var(--grijs-500);border-radius:var(--radius-kaart);padding:8px 14px}
.gk-lijst pre{margin:6px 0;padding:8px 10px;background:var(--grijs-100);border-radius:var(--radius-veld);font-family:ui-monospace,monospace;font-size:var(--tekst-klein);line-height:1.5;white-space:pre-wrap}
.gk-cijfers{font-size:var(--tekst-klein);color:var(--grijs-700)}
@media (max-width:900px){.gk-boven{grid-template-columns:1fr}}
.gk-koppeling{display:grid;gap:4px;margin-top:6px;font-size:var(--tekst-klein);color:var(--grijs-700)}