@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap";
:root{--hh-navy:#001860;--hh-blue:#0060f8;--hh-arc:#90c0f0;--hh-doc:#0060f0;--hh-leads:#10b0b0;--hh-insight:#7048c0;--hh-tasks:#f8a018;--hh-space:#18b080;--hh-doc-ink:#0060f0;--hh-leads-ink:#0c8484;--hh-insight-ink:#7048c0;--hh-tasks-ink:#a76805;--hh-space-ink:#128662;--hh-surface:#fff;--hh-canvas:#f4f6fb;--hh-line:#dde3ef;--hh-line-strong:#c3cde3;--hh-nav-ink:#fff;--hh-nav-muted:#b9c6e6;--hh-text:#16203c;--hh-text-soft:#5a6480;--hh-sidebar:300px;--hh-topbar:56px;--hh-row:44px;--hh-radius:8px;--hh-radius-field:6px;--hh-gap:16px;--hh-pad:20px;--hh-dur:.15s;--hh-pagina-max:1600px;--hh-pagina-midden:1040px;--hh-pagina-smal:820px;--hh-rail:320px;--hh-lees:74ch;--font-display:"Comfortaa", sans-serif;--font-body:"Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;--fw-semibold:600;--fw-bold:700;--ls-display:-.3px}*{box-sizing:border-box;margin:0;padding:0}body{font:400 14px/1.5 var(--font-body);color:var(--hh-text);background:var(--hh-canvas);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--ls-display);font-weight:var(--fw-semibold)}h1{font-size:22px}h2{font-size:17px}h3{font-size:14px}a{color:var(--hh-blue);text-decoration:none}.hh-card{background:var(--hh-surface);border:1px solid var(--hh-line);border-radius:var(--hh-radius);padding:var(--hh-pad)}.hh-label{font:var(--fw-semibold) 11px/1.4 var(--font-body);letter-spacing:.6px;text-transform:uppercase;color:var(--hh-text-soft);margin-bottom:5px;display:block}.hh-field{width:100%;font:400 14px/1.4 var(--font-body);color:var(--hh-text);border:1px solid var(--hh-line-strong);border-radius:var(--hh-radius-field);background:var(--hh-surface);padding:8px 10px}.hh-field:focus{outline:2px solid var(--hh-blue);outline-offset:-1px;border-color:var(--hh-blue)}.hh-btn{font:var(--fw-semibold) 13px/1 var(--font-body);border-radius:var(--hh-radius-field);background:var(--hh-blue);color:#fff;cursor:pointer;transition:filter var(--hh-dur);border:1px solid #0000;padding:10px 16px}.hh-btn:hover:not(:disabled){filter:brightness(1.08)}.hh-btn:disabled{opacity:.5;cursor:default}.hh-btn-ghost{color:var(--hh-text);border-color:var(--hh-line-strong);background:0 0}.hh-table{border-collapse:collapse;width:100%}.hh-table th{font:var(--fw-semibold) 11px/1.4 var(--font-body);letter-spacing:.6px;text-transform:uppercase;color:var(--hh-text-soft);text-align:left;border-bottom:1px solid var(--hh-line);padding:0 8px 6px 0}.hh-table td{border-bottom:1px solid var(--hh-line);padding:6px 8px 6px 0}.hh-pagina{padding:var(--hh-pad);max-width:var(--hh-pagina-max);margin-inline:auto}.hh-pagina.midden{max-width:var(--hh-pagina-midden)}.hh-pagina.smal{max-width:var(--hh-pagina-smal)}.hh-split{gap:var(--hh-gap);grid-template-columns:minmax(0, 1fr) var(--hh-rail);align-items:start;display:grid}.hh-stapel{gap:var(--hh-gap);align-content:start;min-width:0;display:grid}.hh-rail{top:calc(var(--hh-topbar) + var(--hh-pad));align-content:start;gap:12px;display:grid;position:sticky}@media (max-width:1180px){.hh-split{grid-template-columns:minmax(0,1fr)}.hh-rail{position:static;top:auto}}.hh-merkbalk{cursor:pointer;transition:background var(--hh-dur)}.hh-merkbalk:hover,.hh-merkbalk:focus-visible{background:#ffffff12}.hh-merkbalk:focus-visible{outline:2px solid var(--hh-arc);outline-offset:-2px}.hh-hub-vlak{min-height:calc(100vh - var(--hh-topbar) - 2 * var(--hh-pad));place-items:center;display:grid}.hh-hub{width:100%;max-width:1040px;height:auto;max-height:calc(100vh - var(--hh-topbar) - 2 * var(--hh-pad));display:block}.hh-hub .spaak{stroke:var(--hh-line-strong);stroke-width:1.5px;transition:stroke var(--hh-dur), stroke-width var(--hh-dur)}.hh-hub .knoop{cursor:pointer}.hh-hub .knoop .lab{font:var(--fw-semibold) 13px/1 var(--font-body);fill:var(--hh-text);transition:fill var(--hh-dur)}.hh-hub .knoop .pad{font:400 11px/1 var(--font-body);fill:var(--hh-text-soft);opacity:0;transition:opacity var(--hh-dur)}.hh-hub .knoop .dot{transition:r var(--hh-dur)}.hh-hub .knoop:hover .spaak,.hh-hub .knoop:focus-visible .spaak{stroke:currentColor;stroke-width:2.5px}.hh-hub .knoop:hover .lab,.hh-hub .knoop:focus-visible .lab{fill:var(--hh-navy)}.hh-hub .knoop:hover .pad,.hh-hub .knoop:focus-visible .pad{opacity:1}.hh-hub .knoop:hover .dot,.hh-hub .knoop:focus-visible .dot{r:7}.hh-hub .knoop:focus-visible{outline:none}.hh-hub .knoop:focus-visible .ring{stroke:var(--hh-blue);stroke-width:2.5px}.hh-hub .straks{cursor:default}.hh-hub .straks .lab{fill:var(--hh-text-soft)}.hh-hub .straks .dot{opacity:.45}.hh-hub .sector{font:var(--fw-semibold) 10px/1 var(--font-body);letter-spacing:1.4px;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.hh-hub *{transition:none}}