.hb{--paars:#5e17eb;--paars-zacht:#efe9fd;--inkt:#1a1626;--steun:#6b6580;--lijn:#e3dff0;--amber-bg:#fde68a;--amber-tekst:#78350f;--blauw-bg:#bfdbfe;--blauw-tekst:#1e3a8a;--groen-bg:#bbf7d0;--groen-tekst:#14532d;--grijs-bg:#e5e7eb;--grijs-tekst:#374151;color:var(--inkt);font-size:15px;line-height:1.65}.hb h1.hfdst{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 18px}.hb h1.hfdst:not(:first-child){margin-top:44px}.hb h2{font-size:18px;font-weight:750;letter-spacing:-.01em;margin:30px 0 5px}.hb h2 .nr{color:var(--paars);margin-right:8px;font-variant-numeric:tabular-nums}.hb p{margin:9px 0 0}.hb li b,.hb p b{font-weight:650}.hb ul{margin:9px 0 0;padding-left:22px}.hb li{margin-top:6px}.hb li::marker{color:var(--paars)}.hb .kader{margin-top:14px;border:1px solid var(--lijn);border-radius:14px;padding:14px 18px;background:#fbfaff}.hb .kader .label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--steun);margin-bottom:6px}.hb .kader p{margin-top:6px}.hb .kader.tip{border-left:4px solid var(--paars)}.hb .pill{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:700;white-space:nowrap}.hb .pill.open{background:var(--amber-bg);color:var(--amber-tekst)}.hb .pill.lopend{background:var(--blauw-bg);color:var(--blauw-tekst)}.hb .pill.klaar{background:var(--groen-bg);color:var(--groen-tekst)}.hb .pill.archief{background:var(--grijs-bg);color:var(--grijs-tekst)}.hb .pill.project{background:var(--paars);color:#fff}.hb table{width:100%;border-collapse:collapse;margin-top:14px;font-size:14px}.hb th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--steun);padding:7px 12px 7px 0;border-bottom:2px solid var(--paars)}.hb td{padding:9px 12px 9px 0;border-bottom:1px solid var(--lijn);vertical-align:top}.hb td:first-child{font-weight:650}.hb .tl{margin-top:10px;display:grid;gap:7px}.hb .tl .r .w{font-weight:600}.hb .tl .r .d{font-size:12.5px;color:var(--steun)}.hb .boom{margin-top:10px;display:grid;gap:5px;font-size:14px}.hb .boom .rij{display:flex;align-items:center;gap:8px}.hb .boom .tak{color:var(--steun);font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.hb .boom .naam{font-weight:600}.hb .boom .wie{color:var(--steun);font-size:13px}.hb .hb-scroll{overflow-x:auto}@media (max-width:640px){.hb{font-size:14.5px}.hb h1.hfdst{font-size:25px}}.hb h2{scroll-margin-top:24px}