#pwr-verzuimwijzer { --pwrw-navy:#28395f; --pwrw-ink:#23314b; --pwrw-muted:#556174; --pwrw-line:#dbe0e7; --pwrw-soft:#f5f7f9; --pwrw-sage:#e4ece5; color:var(--pwrw-ink); font-family:Arial,Helvetica,sans-serif; line-height:1.6; max-width:920px; margin:32px auto; text-align:left; }
#pwr-verzuimwijzer *, #pwr-verzuimwijzer *::before, #pwr-verzuimwijzer *::after { box-sizing:border-box; }
#pwr-verzuimwijzer .pwrw-shell { background:#fff; border:1px solid var(--pwrw-line); border-radius:24px; padding:clamp(24px,5vw,54px); box-shadow:0 16px 50px #28395f0a; }
#pwr-verzuimwijzer .pwrw-eyebrow { color:var(--pwrw-muted); text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:700; margin-bottom:24px; }
#pwr-verzuimwijzer h2 { font-family:inherit; font-size:clamp(28px,4vw,42px); line-height:1.2; font-weight:700; color:var(--pwrw-navy); margin:20px 0; letter-spacing:-.025em; }
#pwr-verzuimwijzer h3 { font-family:inherit; font-size:23px; line-height:1.3; color:var(--pwrw-navy); font-weight:700; margin:28px 0 16px; }
#pwr-verzuimwijzer p { margin:0 0 20px; }
#pwr-verzuimwijzer .pwrw-lead { font-size:18px; line-height:1.7; max-width:680px; }
#pwr-verzuimwijzer .pwrw-pill { display:inline-block; background:var(--pwrw-sage); color:#304a39; padding:6px 14px; border-radius:30px; font-size:13px; font-weight:700; }
#pwr-verzuimwijzer button { font-family:inherit; cursor:pointer; font-size:15px; line-height:1.5; font-weight:700; letter-spacing:normal; text-transform:none; }
#pwr-verzuimwijzer .pwrw-button { display:inline-flex; align-items:center; justify-content:center; gap:24px; border:2px solid var(--pwrw-navy); border-radius:100px; padding:14px 24px; background:var(--pwrw-navy); color:#fff; text-decoration:none; min-height:52px; box-shadow:none; }
#pwr-verzuimwijzer .pwrw-button:hover { background:#192b50; border-color:#192b50; }
#pwr-verzuimwijzer .pwrw-button:disabled { opacity:.7; cursor:wait; }
#pwr-verzuimwijzer .pwrw-note { font-size:13px; color:var(--pwrw-muted); line-height:1.7; margin:20px 0 0; }
#pwr-verzuimwijzer .pwrw-progress { display:flex; align-items:center; gap:20px; margin-bottom:24px; font-size:13px; font-weight:700; color:var(--pwrw-muted); }
#pwr-verzuimwijzer progress { appearance:none; border:none; width:100%; flex:1; max-width:220px; height:7px; border-radius:10px; background:var(--pwrw-line); color:var(--pwrw-navy); }
#pwr-verzuimwijzer progress::-webkit-progress-bar { background:var(--pwrw-line); border-radius:10px; }
#pwr-verzuimwijzer progress::-webkit-progress-value { background:var(--pwrw-navy); border-radius:10px; }
#pwr-verzuimwijzer progress::-moz-progress-bar { background:var(--pwrw-navy); border-radius:10px; }
#pwr-verzuimwijzer fieldset { border:0; padding:0; margin:0; min-width:0; }
#pwr-verzuimwijzer legend { display:block; padding:0; font-size:clamp(25px,3vw,32px); line-height:1.3; font-weight:700; margin-bottom:20px; color:var(--pwrw-navy); width:100%; }
#pwr-verzuimwijzer .pwrw-help { color:var(--pwrw-muted); font-size:15px; }
#pwr-verzuimwijzer .pwrw-options { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
#pwr-verzuimwijzer .pwrw-option { display:flex; align-items:center; gap:12px; padding:18px; border:1.5px solid var(--pwrw-line); border-radius:14px; cursor:pointer; font-size:15px; font-weight:400; margin:0; background:#fff; transition:border-color .15s,background .15s; }
#pwr-verzuimwijzer .pwrw-option:hover { border-color:var(--pwrw-navy); background:var(--pwrw-soft); }
#pwr-verzuimwijzer .pwrw-option:has(input:checked) { border-color:var(--pwrw-navy); background:#edf1f7; box-shadow:inset 0 0 0 .5px var(--pwrw-navy); }
#pwr-verzuimwijzer .pwrw-option input { appearance:auto; accent-color:var(--pwrw-navy); flex:none; width:19px; height:19px; margin:0; position:static; opacity:1; }
#pwr-verzuimwijzer .pwrw-actions { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:24px; }
#pwr-verzuimwijzer .pwrw-back { background:transparent; border:0; color:var(--pwrw-navy); padding:12px 0; border-radius:4px; box-shadow:none; text-decoration:underline; text-underline-offset:4px; }
#pwr-verzuimwijzer .pwrw-error { font-size:14px; color:#9b2424; margin:12px 0 0; }
#pwr-verzuimwijzer .pwrw-error:empty { display:none; }
#pwr-verzuimwijzer .pwrw-points { counter-reset:pwrw-step; list-style:none; margin:0; padding:0; }
#pwr-verzuimwijzer .pwrw-points li { counter-increment:pwrw-step; display:flex; align-items:flex-start; gap:16px; padding:18px 0; border-bottom:1px solid var(--pwrw-line); margin:0; }
#pwr-verzuimwijzer .pwrw-points li::before { content:counter(pwrw-step); display:flex; align-items:center; justify-content:center; border-radius:50%; width:32px; height:32px; flex:0 0 32px; background:var(--pwrw-sage); color:#304a39; font-size:14px; font-weight:700; }
#pwr-verzuimwijzer a { color:var(--pwrw-navy); text-decoration:underline; text-underline-offset:3px; }
#pwr-verzuimwijzer a:hover { color:#142343; }
#pwr-verzuimwijzer .pwrw-links { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:24px; font-weight:700; font-size:14px; }
#pwr-verzuimwijzer .pwrw-contact { background:var(--pwrw-soft); border:1px solid var(--pwrw-line); border-radius:18px; padding:clamp(20px,4vw,32px); margin-top:32px; }
#pwr-verzuimwijzer .pwrw-contact h3 { margin-top:0; }
#pwr-verzuimwijzer .pwrw-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
#pwr-verzuimwijzer .pwrw-field { display:flex; flex-direction:column; gap:7px; font-weight:700; font-size:14px; margin:0; }
#pwr-verzuimwijzer .pwrw-field input { font:inherit; font-weight:400; color:var(--pwrw-ink); background:#fff; border:1px solid #adb7c4; border-radius:8px; padding:12px; width:100%; min-width:0; height:48px; box-shadow:none; }
#pwr-verzuimwijzer .pwrw-lead-form > .pwrw-button { margin-top:22px; }
#pwr-verzuimwijzer .pwrw-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
#pwr-verzuimwijzer .pwrw-status { margin-top:16px; }
#pwr-verzuimwijzer .pwrw-success { background:var(--pwrw-sage); padding:22px; border-radius:12px; }
#pwr-verzuimwijzer .pwrw-success strong { font-size:20px; }
#pwr-verzuimwijzer .pwrw-success p { margin:10px 0 0; }
#pwr-verzuimwijzer :focus-visible { outline:3px solid #6b85b6; outline-offset:4px; }
#pwr-verzuimwijzer [data-focus]:focus { outline:none; }
@media(max-width:600px) {
  #pwr-verzuimwijzer { margin:20px auto; }
  #pwr-verzuimwijzer .pwrw-shell { border-radius:18px; padding:24px 18px; }
  #pwr-verzuimwijzer .pwrw-options, #pwr-verzuimwijzer .pwrw-form-grid { grid-template-columns:1fr; }
  #pwr-verzuimwijzer .pwrw-option { padding:16px; }
  #pwr-verzuimwijzer .pwrw-result-actions { align-items:flex-start; flex-direction:column; gap:0; }
  #pwr-verzuimwijzer .pwrw-contact { padding:20px 16px; }
  #pwr-verzuimwijzer .pwrw-button { gap:12px; padding:12px 18px; }
  #pwr-verzuimwijzer .pwrw-lead-form > .pwrw-button { width:100%; }
}
@media print {
  #pwr-verzuimwijzer .pwrw-contact, #pwr-verzuimwijzer .pwrw-actions, #pwr-verzuimwijzer .pwrw-button { display:none !important; }
  #pwr-verzuimwijzer .pwrw-shell { border:0; box-shadow:none; padding:0; }
  #pwr-verzuimwijzer .pwrw-result { break-inside:avoid; }
}
#pwr-verzuimwijzer h1.pwrw-eyebrow { font-family:inherit; font-size:13px; line-height:1.5; font-weight:700; margin:0 0 24px; }
#pwr-verzuimwijzer .pwrw-back:disabled { cursor:default; text-decoration:none; color:var(--pwrw-muted); }
@media print {
  body:has(#pwr-verzuimwijzer) * { visibility:hidden; }
  body #pwr-verzuimwijzer, body #pwr-verzuimwijzer * { visibility:visible; }
  body #pwr-verzuimwijzer { position:absolute; top:0; left:0; width:100%; max-width:none; margin:0; padding:20px; }
}
