.anb,.anb *{box-sizing:border-box!important;text-align:left!important}
.anb{position:fixed!important;z-index:980;top:0;left:0;display:block!important;width:100%;max-width:100vw;min-width:0!important;margin:0!important;padding:0!important;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#0F1621;-webkit-font-smoothing:antialiased;opacity:0;visibility:hidden;transform:translateY(-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
/* Pas zichtbaar als je voorbij de hero bent */
.anb.anb-show{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .16s ease,transform .16s ease}
.anb[hidden]{display:none!important}
.anb svg{display:block;flex:none}

/* Kaart met huidige sectie, teller en leesvoortgang */
.anb .anb-bar{position:relative;background:#fff;border:1px solid rgba(15,22,33,.10);border-radius:14px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease}
.anb.anb-show .anb-bar{border-color:rgba(15,22,33,.12);box-shadow:0 10px 26px rgba(15,22,33,.07)}
.anb button.anb-btn{display:flex!important;align-items:center;gap:12px;width:100%;min-height:56px;margin:0!important;padding:8px 12px 10px!important;background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;color:#0F1621!important;text-transform:none!important;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}
.anb button.anb-btn:focus-visible{outline:2px solid #169A47!important;outline-offset:-3px}
.anb .anb-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:10px;background:rgba(22,154,71,.10);color:#12833D}
.anb .anb-ic svg{width:16px;height:16px}
.anb .anb-txt{display:flex;flex-direction:column;gap:2px;flex:1 1 0;width:0;min-width:0;overflow:hidden}
.anb .anb-eb{font-size:10.5px;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#12833D}
.anb .anb-cur{display:block;font-family:'Poppins',system-ui,sans-serif;font-size:14.5px;font-weight:600;line-height:1.3;color:#0F1621;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}
.anb button.anb-btn:hover .anb-cur{color:#12833D}
.anb .anb-cnt{flex:none;padding:3px 8px;border-radius:999px;background:#F2F5F3;font-size:12px;font-weight:700;line-height:1.2;color:#4A5560;font-variant-numeric:tabular-nums;white-space:nowrap}
.anb .anb-cnt:empty{display:none}
.anb .anb-chev{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:10px;border:1px solid rgba(15,22,33,.12);color:#4A5560;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.anb .anb-chev svg{width:14px;height:14px}
.anb button.anb-btn:hover .anb-chev{border-color:rgba(22,154,71,.45);color:#12833D}
.anb.anb-open .anb-chev{transform:rotate(180deg);background:#0F1621;border-color:#0F1621;color:#fff}
.anb .anb-prog{position:absolute;left:0;right:0;bottom:0;height:3px;background:#EEF2F0}
.anb .anb-prog-in{display:block;width:0;height:100%;background:#169A47;transition:width .12s linear}

/* Lijst met alle kopjes: losse kaart onder de balk, als stappenlijst */
.anb .anb-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:2;display:flex;flex-direction:column;max-height:min(60vh,560px);background:#fff;border:1px solid rgba(15,22,33,.12);border-radius:14px;box-shadow:0 18px 40px rgba(15,22,33,.12);overflow:hidden}
.anb .anb-panel[hidden]{display:none!important}
.anb ol.anb-list{position:relative;flex:1 1 auto;min-height:0;margin:0!important;padding:8px!important;overflow-y:auto;overscroll-behavior:contain;list-style:none!important;scrollbar-width:thin;scrollbar-color:rgba(15,22,33,.18) transparent}
.anb .anb-list li{position:relative;margin:0!important;padding:0!important;list-style:none!important}
.anb .anb-list li::before{display:none!important}
/* Verbindingslijn tussen de stappen */
.anb .anb-list li+li::after{content:'';position:absolute;left:23px;top:-9px;height:18px;width:2px;border-radius:1px;background:#E3E9E5}
.anb .anb-list li.done+li::after,.anb .anb-list li.done::after{background:rgba(22,154,71,.35)}
.anb a.anb-a{position:relative;z-index:1;display:flex!important;align-items:center;gap:12px;margin:0!important;padding:8px 10px!important;border-radius:10px!important;background:none!important;border:0!important;box-shadow:none!important;font-family:'Poppins',system-ui,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.35!important;color:#2B3640!important;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
.anb a.anb-a:hover{background:#F7FAF8!important;color:#0F1621!important}
.anb a.anb-a:focus-visible{outline:2px solid #169A47!important;outline-offset:-2px}
.anb .anb-n{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border-radius:50%;background:#fff;border:1.5px solid #D5DDE3;font-size:11.5px;color:#7A8792;font-variant-numeric:tabular-nums}
.anb .anb-n b{font-weight:700}
.anb .anb-n svg{display:none;width:12px;height:12px}
.anb .anb-t{min-width:0}
.anb a.anb-a.done{color:#5C6873!important}
.anb a.anb-a.done .anb-n{background:rgba(22,154,71,.10);border-color:rgba(22,154,71,.35);color:#12833D}
.anb a.anb-a.done .anb-n b{display:none}
.anb a.anb-a.done .anb-n svg{display:block}
.anb a.anb-a.on{background:rgba(22,154,71,.08)!important;color:#12833D!important;font-weight:600!important}
.anb a.anb-a.on .anb-n{background:#169A47;border-color:#169A47;color:#fff}
.anb button.anb-top{display:flex!important;align-items:center;justify-content:center!important;gap:8px;flex:none;width:100%;margin:0!important;padding:12px 16px!important;border:0!important;border-top:1px solid rgba(15,22,33,.08)!important;border-radius:0!important;background:#FAFCFB!important;box-shadow:none!important;font-family:'Poppins',sans-serif!important;font-size:13.5px!important;font-weight:600!important;line-height:1.2!important;color:#12833D!important;text-align:center!important;text-transform:none!important;cursor:pointer}
.anb button.anb-top:hover{background:#F2F9F4!important}
.anb button.anb-top svg{width:14px;height:14px}
.anb button.anb-top:focus-visible{outline:2px solid #169A47!important;outline-offset:-2px}

/* De houder (Webflow-embed tussen hero en artikel) neemt geen ruimte in: geen witte strook */
.anb-host{position:relative!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}

@media(max-width:640px){
  .anb button.anb-btn{min-height:52px;gap:10px;padding:7px 10px 9px!important}
  .anb .anb-ic{width:30px;height:30px;border-radius:9px}
  .anb .anb-cur{font-size:14px}
  .anb .anb-cnt{padding:2px 7px;font-size:11.5px}
  .anb .anb-chev{width:30px;height:30px}
  .anb a.anb-a{font-size:14px!important;padding:9px 8px!important}
  .anb .anb-list li+li::after{left:21px}
}
@media(prefers-reduced-motion:reduce){.anb *{transition:none!important}}