.dev-guide{min-width:0}.dev-guide code{overflow-wrap:anywhere}.dev-guide .dev-steps{gap:25px;margin:26px 0 30px;padding:0;list-style:none;display:grid}.dev-guide .dev-steps li{align-items:start;gap:16px;display:flex}.dev-guide .dev-steps li>span{background:var(--kleur-primair-licht);width:32px;height:32px;color:var(--kleur-primair);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.dev-guide .dev-steps strong{margin-bottom:4px;display:block}.dev-guide .dev-steps p{margin:0}.dev-guide .dev-routes,.dev-guide .dev-errors{border:1px solid var(--rand);border-radius:14px;margin:18px 0 30px;overflow:hidden}.dev-guide .dev-routes>div,.dev-guide .dev-errors>div{grid-template-columns:56px minmax(0,190px) 1fr;align-items:start;gap:12px;padding:15px;display:grid}.dev-guide .dev-routes>div+div,.dev-guide .dev-errors>div+div{border-top:1px solid var(--rand)}.dev-guide .dev-routes span,.dev-guide .dev-errors code{color:var(--kleur-primair);font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace}.dev-guide .dev-routes p,.dev-guide .dev-errors p{margin:0;font-size:14px;line-height:1.5}.dev-guide .dev-errors>div{grid-template-columns:56px 1fr}.dev-guide .dev-code{color:#eef2ff;background:#171b42;border-radius:14px;margin:18px 0 30px;overflow:hidden}.dev-guide .dev-code-bar{color:#aabbe9;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;display:flex}.dev-guide .dev-code-bar button{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:6px;padding:6px 10px}.dev-guide .dev-code-bar button:hover{background:#ffffff3b}.dev-guide .dev-code pre{white-space:pre;margin:0;padding:20px;font-size:13px;line-height:1.7;overflow:auto}.dev-guide .dev-note{background:var(--kleur-primair-licht);border-radius:12px;margin:25px 0;padding:20px}.dev-guide .dev-note strong{margin-bottom:6px;display:block}.dev-guide .dev-note p{margin:0;font-size:14px}.dev-guide .dev-security{color:var(--tekst-zacht);margin:0 0 28px;padding-left:24px;line-height:1.8}.dev-guide button:focus-visible,.dev-guide pre:focus-visible{outline:3px solid var(--kleur-actie);outline-offset:3px}@media (width<=570px){.dev-guide .dev-routes>div{grid-template-columns:45px 1fr;gap:7px 10px}.dev-guide .dev-routes p{grid-column:2}.dev-guide .dev-code pre{font-size:12px}}.uitleg-page{max-width:1160px;color:var(--tekst);margin-inline:auto;padding:clamp(24px,5vw,64px) clamp(20px,4vw,48px) 80px}.uitleg-page .uitleg-header{max-width:72ch;margin-block-end:40px}.uitleg-page h1{margin:0 0 14px;font-size:clamp(32px,4vw,46px);font-weight:700;line-height:1.15}.uitleg-page .uitleg-header p{color:var(--tekst-zacht);margin:0;font-size:18px;line-height:1.65}.uitleg-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:48px;display:grid}.uitleg-inhoud{background:var(--kleur-primair-licht);border-radius:16px;gap:8px;padding:18px;display:grid;position:sticky;top:24px}.uitleg-inhoud strong{padding:0 10px 8px;font-size:14px}.uitleg-inhoud a{color:var(--kleur-primair);border-radius:8px;padding:10px;font-size:14px;line-height:1.5;text-decoration:none}.uitleg-inhoud a:hover,.uitleg-inhoud a[aria-current]{text-underline-offset:4px;background:#fff;text-decoration:underline}.uitleg-leeskolom{min-width:0;max-width:72ch}.uitleg-page .uitleg-onderwerp{overflow-wrap:anywhere;padding-block-end:48px;scroll-margin-top:28px}.uitleg-page .uitleg-onderwerp+.uitleg-onderwerp{border-block-start:1px solid var(--rand);padding-block-start:40px}.uitleg-page h2{margin:0 0 20px;font-size:clamp(24px,2.5vw,30px);font-weight:700;line-height:1.25}.uitleg-page h3{margin:30px 0 16px;font-size:20px;font-weight:700}.uitleg-onderwerp p{color:var(--tekst-zacht);margin:0 0 20px;font-size:16px;line-height:1.75}.uitleg-page .uitleg-stappen{counter-reset:uitleg-stap;margin:28px 0;padding:0;list-style:none}.uitleg-stappen li{counter-increment:uitleg-stap;margin-block-end:26px;padding-inline-start:48px;position:relative}.uitleg-stappen li:before{content:counter(uitleg-stap);inset-inline-start:0;width:30px;height:30px;color:var(--kleur-primair);background:var(--kleur-primair-licht);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:0}.uitleg-stappen strong{margin-block-end:6px;line-height:1.6;display:block}.uitleg-page .uitleg-voorbeeld{background:var(--kleur-actie-licht);border-inline-start:3px solid var(--kleur-actie);border-radius:0 12px 12px 0;margin-block:28px;padding:20px 24px}.uitleg-voorbeeld strong{color:var(--kleur-primair)}.uitleg-page .uitleg-voorbeeld p{margin:8px 0 0}.uitleg-page .uitleg-status{background:var(--bg);border:1px solid var(--rand);border-radius:12px;padding:18px 20px;font-size:14px}.uitleg-page .uitleg-notitie{font-size:14px}.uitleg-vragen details{border-block-end:1px solid var(--rand);padding-block:16px}.uitleg-vragen summary{cursor:pointer;font-weight:600;line-height:1.6}.uitleg-page .uitleg-vragen p{margin:12px 0 0}.uitleg-page a:focus-visible,.uitleg-page summary:focus-visible,.uitleg-onderwerp:focus-visible{outline:2px solid var(--kleur-actie);outline-offset:5px}@media (width<=960px){.uitleg-layout{grid-template-columns:minmax(0,1fr);gap:32px}.uitleg-inhoud{position:static}.uitleg-page .uitleg-header{margin-block-end:28px}.uitleg-page .uitleg-onderwerp{scroll-margin-top:80px}}
