/* De uitslag van de gratis check in de nieuwe stijl (4 november 2026), bij static/v2/check.js. Gewone CSS met de
   kleuren van het ontwerp (thema.css): de homepage heeft een eigen vooraf gebouwde stylesheet, dus deze klassen (ku-)
   staan hier los, zodat er niets opnieuw gebouwd hoeft te worden. */
.ku { border-top: 1px solid var(--color-line, #1e1e1e); scroll-margin-top: 4rem; }
.ku[hidden] { display: none; }
.ku-binnen { max-width: 56rem; margin: 0 auto; padding: 3rem 1.25rem 4rem; display: grid; gap: 1rem; color: var(--color-muted, #9a9a9a); font-size: 0.9375rem; line-height: 1.6; }
.ku-kaart { border: 1px solid var(--color-line, #1e1e1e); border-radius: 1.5rem; background: #0c0c0c; padding: 1.4rem 1.4rem 1.5rem; display: grid; gap: 0.75rem; }
.ku-kaart > * { margin: 0; }
.ku b, .ku h2, .ku h3, .ku strong { color: var(--color-fg, #f4f4f5); font-weight: 500; }
.ku h3 { font-size: 1.125rem; letter-spacing: -0.02em; margin: 0; }
.ku-label { font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--color-faint, #8a8a8a); }
.ku-winkel { color: var(--color-fg, #f4f4f5); }
.ku-titel { font-size: clamp(1.5rem, 3vw, 2.25rem); letter-spacing: -0.03em; line-height: 1.15; }
.ku-zacht { color: var(--color-muted, #9a9a9a); margin: 0; }
.ku-fout { color: #ff8a5c; margin: 0; }
.ku-rood { color: #ff6b6b !important; }
.ku-groen { color: var(--color-up, #3dd68c) !important; }
.ku-tegels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
@media (min-width: 640px) { .ku-tegels { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ku-tegel { border: 1px solid var(--color-line, #1e1e1e); border-radius: 1rem; padding: 0.8rem 0.9rem; }
.ku-tegel span { display: block; font-size: 0.75rem; color: var(--color-faint, #8a8a8a); }
.ku-tegel b { display: block; margin-top: 0.3rem; font-size: 1.5rem; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.ku-blokkop { padding: 1rem 0.25rem 0; }
.ku-blokkop h3 { font-size: 1.375rem; }
.ku-blokkop p { margin: 0.35rem 0 0; }
.ku-tabel { padding: 0; gap: 0; overflow: hidden; }
.ku-trij { display: grid; grid-template-columns: 1fr; gap: 0.4rem; padding: 0.85rem 1.25rem; border-top: 1px solid var(--color-line, #1e1e1e); }
.ku-trij:first-child { border-top: 0; }
@media (min-width: 720px) { .ku-trij { grid-template-columns: minmax(0, 1.6fr) 7rem minmax(0, 1.4fr); align-items: center; gap: 1rem; } }
.ku-trij > span:first-child { color: var(--color-fg, #f4f4f5); }
.ku-tkop { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; }
.ku-tkop > span, .ku-tkop > span:first-child { color: var(--color-faint, #8a8a8a); }
@media (max-width: 719px) { .ku-tkop { display: none; } }
.ku-vaag { filter: blur(4px); user-select: none; }
.ku-tvoet { font-size: 0.875rem; }
.ku-tvoet > span:first-child { color: var(--color-muted, #9a9a9a); }
.ku-tvoet a { grid-column: 1 / -1; color: var(--color-fg, #f4f4f5); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 720px) { .ku-tvoet a { grid-column: auto / span 2; justify-self: end; } }
.ku-pil { display: inline-block; font-style: normal; font-size: 0.75rem; line-height: 1; padding: 0.35rem 0.6rem; margin: 0 0.25rem 0.25rem 0; border-radius: 999px; border: 1px solid var(--color-line-strong, #2c2c2c); color: var(--color-fg, #f4f4f5); white-space: nowrap; }
.ku-pil-rood { color: #ff6b6b; border-color: rgba(255, 107, 107, 0.35); }
.ku-pil-oranje { color: #ffb15c; border-color: rgba(255, 177, 92, 0.35); }
.ku-pil-groen { color: var(--color-up, #3dd68c); border-color: rgba(61, 214, 140, 0.35); }
.ku-lijst { list-style: none; margin: 0; padding: 0; display: grid; }
.ku-lijst li { display: grid; grid-template-columns: 1.75rem minmax(0, 1fr) auto; gap: 0.75rem; padding: 0.55rem 0; border-top: 1px solid var(--color-line, #1e1e1e); font-size: 0.875rem; }
.ku-lijst li:first-child { border-top: 0; }
.ku-lijst li > span:first-child { color: var(--color-faint, #8a8a8a); }
.ku-lijst li > span:nth-child(2) { color: var(--color-fg, #f4f4f5); }
.ku-lijst-plat li { grid-template-columns: minmax(0, 1fr) auto; }
.ku-lijst-plat li > span:first-child { color: var(--color-fg, #f4f4f5); }
.ku-lijst small { color: var(--color-faint, #8a8a8a); }
.ku-jij { background: rgba(255, 255, 255, 0.05); border-radius: 0.6rem; padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
.ku-link { color: var(--color-fg, #f4f4f5); text-decoration: underline; text-underline-offset: 3px; font-size: 0.875rem; }
.ku-techkop { display: flex; gap: 1.25rem; align-items: flex-start; }
.ku-techkop > div { display: grid; gap: 0.4rem; }
.ku-score { margin: 0; font-size: 3rem; line-height: 1; letter-spacing: -0.04em; color: var(--color-fg, #f4f4f5); font-variant-numeric: tabular-nums; }
.ku-score span { font-size: 1rem; color: var(--color-faint, #8a8a8a); letter-spacing: 0; }
.ku-klap { border-top: 1px solid var(--color-line, #1e1e1e); padding-top: 0.75rem; }
.ku-klap summary { cursor: pointer; display: flex; justify-content: space-between; gap: 1rem; color: var(--color-fg, #f4f4f5); list-style: none; }
.ku-klap summary::-webkit-details-marker { display: none; }
.ku-klap summary em { font-style: normal; font-size: 0.875rem; }
.ku-punt { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; padding: 0.7rem 0; border-top: 1px solid var(--color-line, #1e1e1e); }
.ku-klap .ku-punt:first-of-type { border-top: 0; margin-top: 0.5rem; }
.ku-punt > div { display: grid; gap: 0.2rem; }
.ku-punt span { color: var(--color-muted, #9a9a9a); font-size: 0.875rem; }
.ku-laden { grid-template-columns: auto 1fr; align-items: center; gap: 1rem; color: var(--color-fg, #f4f4f5); }
.ku-draai { width: 1.4rem; height: 1.4rem; border-radius: 50%; border: 2px solid var(--color-line-strong, #2c2c2c); border-top-color: #fff; animation: ku-draai 0.8s linear infinite; }
@keyframes ku-draai { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ku-draai { animation: none; } }
.ku-rij { display: flex; flex-wrap: wrap; gap: 0.6rem; }
.ku-rij input { flex: 1 1 14rem; min-width: 0; height: 2.75rem; border-radius: 999px; border: 1px solid var(--color-line-strong, #2c2c2c); background: #000; color: var(--color-fg, #f4f4f5); padding: 0 1rem; font-size: 1rem; outline: none; }
.ku-rij input:focus { border-color: #fff; }
.ku-knop { display: inline-flex; align-items: center; justify-content: center; height: 2.75rem; padding: 0 1.25rem; border: 0; border-radius: 999px; background: #fff; color: #000 !important; font-size: 0.875rem; font-weight: 500; text-decoration: none; cursor: pointer; justify-self: start; }
.ku-knop:disabled { opacity: 0.5; cursor: default; }
.ku-ztform { display: grid; gap: 0.6rem; }
.ku-vink { display: flex; gap: 0.6rem; align-items: flex-start; font-size: 0.8125rem; color: var(--color-muted, #9a9a9a); }
.ku-vink input { margin-top: 0.2rem; accent-color: #fff; }
.ku-vink a { color: var(--color-fg, #f4f4f5); }
.ku-meer { border-top: 1px solid var(--color-line, #1e1e1e); padding-top: 1rem; display: grid; gap: 0.75rem; }
.ku-meer > p { margin: 0; }
.ku-kansen { border: 1px solid var(--color-line-strong, #2c2c2c); border-radius: 1.5rem; padding: 1.5rem; display: grid; gap: 0.75rem; margin-top: 0.5rem; }
.ku-kansen h3 { font-size: 1.375rem; }
.ku-plannen { display: grid; gap: 0.75rem; }
@media (min-width: 640px) { .ku-plannen { grid-template-columns: 1fr 1fr; } }
.ku-plan { border: 1px solid var(--color-line, #1e1e1e); border-radius: 1.25rem; background: #0c0c0c; padding: 1.2rem; display: grid; gap: 0.6rem; align-content: start; }
.ku-plan > p { margin: 0; }
.ku-plan > p:first-child { display: flex; justify-content: space-between; align-items: baseline; }
.ku-plan > p:first-child span { color: var(--color-muted, #9a9a9a); font-variant-numeric: tabular-nums; }
.ku-plan em { font-style: normal; color: var(--color-fg, #f4f4f5); font-size: 0.875rem; }
.ku-plan-licht { border-color: #fff; }
.ku-feiten { margin: 0; font-size: 0.8125rem; color: var(--color-faint, #8a8a8a); }