/* stappen */
.wss-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.wss-step{display:flex;flex-direction:column;padding:22px}
.wss-step .n{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#E8F2EC;font-family:'Poppins',system-ui,sans-serif;font-size:15px;font-weight:700;color:#12833D}
.wkd .wss-step h3.wkd-h3{margin:14px 0 6px!important}
.wss-step p{margin:0;font-size:14.5px;line-height:1.65;color:#4A5A52}
.wss-step p strong{font-weight:600;color:#0F1621}
.wss-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:14px}
.wss-cats span{display:grid;place-items:center;height:34px;border-radius:9px;font-family:'Poppins',system-ui,sans-serif;font-size:14px;font-weight:700;color:#12833D;background:#F2F7F4;border:1px solid rgba(22,154,71,.22)}
.wss-cats span:nth-child(5),.wss-cats span:nth-child(6){background:#169A47;border-color:#169A47;color:#fff}
.wss-cap{display:flex;gap:8px;margin-top:14px}
.wss-cap span{flex:1;padding:10px 8px;border-radius:10px;background:#0A1017;text-align:center!important;font-size:12px;line-height:1.3;color:#A9B7C2}
.wss-cap b{display:block;font-family:'Poppins',system-ui,sans-serif;font-size:20px;font-weight:700;color:#2FD46E;text-align:center!important}
.wss-pt{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 20px;background:#fff;border:1px dashed rgba(15,22,33,.16);border-radius:14px;font-size:14.5px;line-height:1.6;color:#4A5A52}
.wss-pt svg{width:20px;height:20px;color:#169A47}
.wss-pt strong{color:#0F1621;font-weight:600}
.wkd table.wss-ptb th,.wkd table.wss-ptb td{text-align:center!important}
.wkd table.wss-ptb th:first-child,.wkd table.wss-ptb td:first-child{text-align:left!important}

/* tips */
.wss-groups{display:grid;gap:20px}
.wss-g{padding:0;overflow:hidden}
.wss-gh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 22px;border-bottom:1px solid rgba(15,22,33,.07)}
.wkd .wss-gh h3.wkd-h3{margin:0!important}
.wss-gh span{font-size:13.5px;color:#6C7A86}
.wss-pl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 18px;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(15,22,33,.06)}
.wss-pl:last-child{border-bottom:0}
.wss-pl .nm{display:flex;align-items:center;gap:10px;font-family:'Poppins',system-ui,sans-serif;font-size:16px;font-weight:600;color:#0F1621}
.wss-pl .why{grid-column:1;font-size:14px;line-height:1.55;color:#4A5A52}
.wss-pl .od{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.wss-pl .od small{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6C7A86}
.wss-out{padding:22px;background:#0A1017!important;border-color:#0A1017!important}
.wss-out .wkd-eb{color:#6CC08B}.wss-out .wkd-eb::before{background:#2FD46E}
.wkd .wss-out h3.wkd-h3{color:#fff!important}
.wss-out p{margin:0;font-size:14.5px;line-height:1.65;color:#A9B7C2}
.wss-out ul{margin:14px 0 0!important;padding:0!important;list-style:none!important;display:grid;gap:10px}
.wss-out li{display:flex;gap:10px;margin:0!important;padding:0!important;font-size:14.5px;line-height:1.55;color:#C9D3DA;list-style:none!important}
.wss-out li svg{width:18px;height:18px;margin-top:2px;color:#2FD46E}
.wss-out li b{color:#fff;font-weight:600}
.wss-outl{display:grid;gap:10px;margin-top:14px}
.wss-outl div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#111B23;border:1px solid rgba(255,255,255,.09);font-size:14px;color:#C9D3DA}
.wss-outl b{color:#fff;font-weight:600}

/* captain-rekenhulp */
.wss-calc{padding:24px}
.wss-cg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}
.wss-cc{padding:16px;border-radius:14px;background:var(--background-green,#F4F7F5);border:1px solid rgba(15,22,33,.06)}
.wss-cc.win{border-color:rgba(22,154,71,.45);background:#EEF7F1}
.wss-cc h4{margin:0 0 10px!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:15px!important;font-weight:700!important;color:#0F1621!important}
.wss-cc label{display:block;margin:0 0 10px;font-size:12.5px;font-weight:600;color:#4A5A52}
.wss-cc input{display:block;width:100%;height:42px;margin-top:5px;padding:0 12px;border:1px solid rgba(15,22,33,.16);border-radius:10px;background:#fff;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:15px;color:#0F1621;outline:none}
.wss-cc input:focus{border-color:#169A47;box-shadow:0 0 0 3px rgba(22,154,71,.15)}
.wss-cc .res{margin-top:4px;font-size:13.5px;color:#4A5A52}
.wss-cc .res b{display:block;font-family:'Poppins',system-ui,sans-serif;font-size:22px;font-weight:700;color:#0F1621;font-variant-numeric:tabular-nums}
.wss-cc.win .res b{color:#12833D}
.wss-mult{display:flex;gap:8px;margin-top:14px}
.wkd button.wss-mb{flex:1;height:40px;margin:0;border-radius:10px;border:1px solid rgba(15,22,33,.14);background:#fff;font-family:'Poppins',system-ui,sans-serif;font-size:14px;font-weight:600;color:#4A5A52;cursor:pointer}
.wkd button.wss-mb.on{background:#169A47;border-color:#169A47;color:#fff}
.wss-verdict{margin-top:14px;padding:14px 16px;border-radius:12px;background:#0A1017;font-size:14.5px;line-height:1.55;color:#C9D3DA}
.wss-verdict b{color:#2FD46E}

/* strategie */
.wss-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wss-tip{display:flex;gap:16px;padding:22px}
.wss-tip .n{flex:none;min-width:24px;font-family:'Poppins',system-ui,sans-serif;font-size:30px;font-weight:800;line-height:1;color:#169A47}
.wkd .wss-tip h3.wkd-h3{margin:0 0 6px!important}
.wss-tip p{margin:0;font-size:14.5px;line-height:1.65;color:#4A5A52}

/* tijdlijn */
.wss-tl{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.wss-tl::before{content:'';position:absolute;left:20px;right:20px;top:21px;height:2px;background:rgba(22,154,71,.25)}
.wss-ti{position:relative}
.wss-ti .dot{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #169A47;font-family:'Poppins',system-ui,sans-serif;font-size:13px;font-weight:700;color:#12833D}
.wss-ti.k .dot{background:#169A47;color:#fff}
.wss-ti small{display:block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#12833D}
.wss-ti b{display:block;margin-top:4px;font-family:'Poppins',system-ui,sans-serif;font-size:15.5px;font-weight:700;color:#0F1621}
.wss-ti p{margin:4px 0 0;font-size:14px;line-height:1.55;color:#4A5A52}

@media(max-width:1100px){.wss-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.wss-tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:24px}.wss-tl::before{display:none}}
@media(max-width:820px){.wss-tips,.wss-cg{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){
  .wss-steps{grid-template-columns:minmax(0,1fr)}
  .wss-tl{grid-template-columns:minmax(0,1fr);gap:0}
  .wss-ti{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding-bottom:18px}
  .wss-ti .dot{grid-row:1/4}.wss-ti small{margin-top:2px}
  .wss-ti:not(:last-child)::after{content:'';position:absolute;left:21px;top:44px;bottom:0;width:2px;background:rgba(22,154,71,.25)}
  .wss-pl{padding:14px 16px}.wss-gh{padding:16px}
  .wss-tip{padding:18px}.wss-calc{padding:18px}
  .wkd button.wss-mb{height:auto;min-height:40px;padding:8px 6px;font-size:12.5px;line-height:1.3}
}