:root{--kanaal-rood:#ff2d55;--kanaal-groen:#00d26a;--kanaal-blauw:#2b4bff;--klok-geel:#ffe600;--inkt:#0d0d12;--inkt-zacht:#4a4a55;--lijn:#dcdce4;--vel:#fff;--vel-grijs:#f4f4f7;--kanaal:var(--inkt);--radius:4px;--radius-groot:14px;--maat-1:.25rem;--maat-2:.5rem;--maat-3:.75rem;--maat-4:1rem;--maat-5:1.5rem;--maat-6:2rem;--maat-7:3rem;--maat-8:4.5rem;--maat-9:7rem;--breedte:1180px;--breedte-tekst:68ch}[data-kanaal=praktijk]{--kanaal:var(--kanaal-rood)}[data-kanaal=gelegenheid]{--kanaal:var(--kanaal-groen)}[data-kanaal=techniek]{--kanaal:var(--kanaal-blauw)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--vel);color:var(--inkt);font-family:var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:1.0625rem;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-display), system-ui, sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;font-stretch:125%;line-height:1.04}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(1.9rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2vw,1.6rem)}h4{font-size:1.05rem;font-stretch:112%}p{margin:0 0 var(--maat-4);text-wrap:pretty}a{color:inherit;text-underline-offset:.2em}img,svg{max-width:100%;height:auto;display:block}ul,ol{margin:0 0 var(--maat-4);padding-left:1.15rem}li{margin-bottom:var(--maat-2)}:focus-visible{outline:3px solid var(--kanaal-blauw);outline-offset:3px;border-radius:2px}.omhulsel{width:min(100% - 2.5rem, var(--breedte));margin-inline:auto}.sectie{padding-block:var(--maat-8)}.sectie--grijs{background:var(--vel-grijs)}.tekstkolom{max-width:var(--breedte-tekst)}.kanaalbalk{grid-template-columns:repeat(3,1fr);height:6px;display:grid}.kanaalbalk span:first-child{background:var(--kanaal-rood)}.kanaalbalk span:nth-child(2){background:var(--kanaal-groen)}.kanaalbalk span:nth-child(3){background:var(--kanaal-blauw)}.kanaalbalk[data-kanaal] span{opacity:.2;transition:opacity .2s}.kanaalbalk[data-kanaal=praktijk] span:first-child,.kanaalbalk[data-kanaal=gelegenheid] span:nth-child(2),.kanaalbalk[data-kanaal=techniek] span:nth-child(3){opacity:1}.bovenkop{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-zacht);margin:0 0 var(--maat-3);align-items:center;gap:var(--maat-2);font-size:.75rem;display:flex}.bovenkop:before{content:"";background:var(--kanaal);flex:none;width:1.5rem;height:3px}.lead{color:var(--inkt-zacht);max-width:54ch;font-size:clamp(1.1rem,1.6vw,1.35rem)}.getal{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums}.knop{justify-content:center;align-items:center;gap:var(--maat-2);border:2px solid var(--inkt);border-radius:var(--radius);background:var(--inkt);color:var(--vel);font-family:var(--font-display), system-ui, sans-serif;cursor:pointer;padding:.95rem 1.6rem;font-size:1rem;font-weight:700;font-stretch:112%;text-decoration:none;transition:transform .12s,background .12s,color .12s,border-color .12s;display:inline-flex}.knop:hover{background:var(--kanaal-blauw);border-color:var(--kanaal-blauw);transform:translateY(-2px)}.knop--licht{color:var(--inkt);background:0 0}.knop--licht:hover{background:var(--inkt);color:var(--vel);border-color:var(--inkt)}.knop--klein{padding:.6rem 1.05rem;font-size:.9rem}.knop[disabled]{opacity:.45;cursor:not-allowed;transform:none}.knoppen{gap:var(--maat-3);flex-wrap:wrap;display:flex}label{margin-bottom:var(--maat-1);font-size:.95rem;font-weight:600;display:block}input,select,textarea{border:2px solid var(--lijn);border-radius:var(--radius);width:100%;font:inherit;background:var(--vel);color:var(--inkt);padding:.75rem .9rem;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--kanaal-blauw);outline:none}.tabelwikkel{border:2px solid var(--inkt);background:var(--vel);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.98rem}th,td{text-align:left;border-bottom:1px solid var(--lijn);padding:.85rem 1rem}tbody tr:last-child td{border-bottom:0}thead th{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--inkt-zacht);border-bottom:2px solid var(--inkt);font-size:.72rem}td.getal-cel,th.getal-cel{font-family:var(--font-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.feiten{gap:var(--maat-5);grid-template-columns:repeat(3,1fr);margin:0;display:grid}@media (max-width:620px){.feiten{gap:var(--maat-4);grid-template-columns:1fr}}.feiten>div{border-top:3px solid var(--kanaal-rood);padding-top:var(--maat-3)}.feiten>div:nth-child(2){border-top-color:var(--kanaal-groen)}.feiten>div:nth-child(3){border-top-color:var(--kanaal-blauw)}.feiten dt{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--inkt-zacht);font-size:.68rem}.feiten dd{margin:var(--maat-2) 0 0}.overslaan{background:var(--inkt);color:var(--vel);padding:var(--maat-3) var(--maat-4);z-index:100;position:absolute;top:0;left:-9999px}.overslaan:focus{left:0}.inhoud>*+h2{margin-top:var(--maat-8)}.inhoud>*+h3{margin-top:var(--maat-6)}.inhoud>h2+p,.inhoud>h3+p{margin-top:var(--maat-4)}.inhoud>ul{padding-left:0;list-style:none}.inhoud>ul>li{padding-left:1.5rem;position:relative}.inhoud>ul>li:before{content:"";background:var(--kanaal);width:.55rem;height:.55rem;position:absolute;top:.62em;left:0}
