.wb-aiv-label { display: inline-flex; align-items: center; gap: 9px;
    color: var(--wb-text-nav, #adb0b7); font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif;
    text-transform: uppercase; letter-spacing: .08em; }
  .wb-aiv-dot { width: 16px; height: 16px; border-radius: 5px; background: var(--wb-surface-4, #1c1e20);
    position: relative; flex-shrink: 0; }
  .wb-aiv-dot::after { content: ""; position: absolute; inset: 5px; border-radius: 999px;
    background: var(--wb-positief, #07a721); }
  .wb-aiv-skelet { margin-top: 14px; padding-bottom: 16px; border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-aiv-skelet span { display: block; height: 9px; border-radius: 999px; background: var(--wb-surface-4, #1c1e20);
    margin-top: 8px; transition: width .8s cubic-bezier(.22,1,.36,1); }
  .wb-aiv-bronkop { margin-top: 15px; color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.3 "Inter Tight", sans-serif; }
  .wb-aiv-bron { display: flex; align-items: center; gap: 11px; margin-top: 10px;
    border: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-2, #131315);
    border-radius: 10px; padding: 11px 13px;
    color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1 "Roboto Mono", "Inter Tight", monospace; }
  .wb-aiv-blokje { width: 13px; height: 13px; border-radius: 4px; background: var(--wb-surface-4, #1c1e20); flex-shrink: 0;
    transition: background .4s; }
  .wb-aiv-jij { border-color: var(--wb-positief, #07a721); color: var(--wb-text, #fff); font-weight: 700;
    transition: border-color .4s; }
  .wb-aiv-jij .wb-aiv-blokje { background: var(--wb-positief, #07a721); }
  .wb-aib-kop { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
  .wb-aib-label { color: var(--wb-text-muted, #777d87); font: 500 var(--wb-fs-label)/1.3 "Inter Tight", sans-serif; }
  .wb-aib-rij { display: flex; align-items: center; gap: 14px; margin-top: 12px; }
  .wb-aib-balk { position: relative; flex: 1; min-width: 0; height: 34px; border-radius: 9px; overflow: hidden;
    background: var(--wb-surface-2, #131315); }
  .wb-aib-vul { position: absolute; inset: 0 auto 0 0; background: var(--wb-surface-4, #1c1e20);
    transition: width .8s cubic-bezier(.22,1,.36,1); }
  .wb-aib-jij .wb-aib-vul { background: var(--wb-positief, #07a721); opacity: .3; }
  .wb-aib-dom { position: relative; display: flex; align-items: center; height: 100%; padding: 0 13px;
    color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-label)/1 "Roboto Mono", "Inter Tight", monospace; }
  .wb-aib-jij .wb-aib-dom { color: var(--wb-text, #fff); font-weight: 700; }
  .wb-aib-tel { width: 30px; text-align: right; flex-shrink: 0;
    color: var(--wb-text, #fff); font: 700 var(--wb-fs-tekst)/1 "Inter Tight", sans-serif; }
  .wb-aib-som { margin-top: 18px; border-top: 1px solid var(--wb-border, #2a2d31); padding-top: 14px;
    color: var(--wb-text, #fff); font: 600 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-keuze { grid-template-columns: minmax(220px, 270px) minmax(0, 1fr); min-height: 390px; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-toolbar { grid-column: 1 / -1; display: flex; align-items: center;
    justify-content: space-between; gap: 20px; min-width: 0; padding: 17px 22px;
    border-bottom: 1px solid var(--wb-border, #2a2d31); background: var(--wb-surface-2, #131315); }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-toolbar-zoek { min-width: 0; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-toolbar-zoek svg { color: #7654d8; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-toolbar-meta { flex-shrink: 0; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-tabs { grid-column: 1; grid-row: 2; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-panelen { grid-column: 2; grid-row: 2; min-width: 0; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-tabs { position: relative; isolation: isolate; overflow: hidden; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-tab { z-index: 1; grid-template-columns: minmax(0, 1fr); min-height: 76px; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-tabnr { display: none; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-tab[aria-selected="true"] {
    background: color-mix(in srgb, #7654d8 10%, var(--wb-surface-3, #17181b)); }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-tab[aria-selected="true"]::after { background: #7654d8; }
  .wb-aiv-keuze-rail { position: absolute; z-index: 2; top: 0; right: -1px; width: 3px; height: 76px;
    background: #7654d8; pointer-events: none;
    transform: translate3d(0, var(--wb-aiv-keuze-y, 0px), 0);
    transition: transform .42s cubic-bezier(.16,1,.3,1); }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-paneel { padding-top: 30px; }
  .wb-sc-wat-keuze-citatie .wb-sc-wat-paneel.wb-aiv-paneel-in {
    animation: wb-aiv-paneel-in .36s cubic-bezier(.16,1,.3,1) both; }
  @keyframes wb-aiv-paneel-in {
    from { opacity: .48; transform: translate3d(12px,0,0); clip-path: inset(0 0 0 3%); }
    to { opacity: 1; transform: translate3d(0,0,0); clip-path: inset(0); }
  }
  @media (max-width: 809px) {
    .wb-sc-wat-keuze-citatie .wb-sc-wat-keuze { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-toolbar { grid-column: 1; grid-row: 1; align-items: flex-start; padding: 13px 14px; }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-toolbar-label { display: none; }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-tabs { grid-column: 1; grid-row: 2; }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-panelen { grid-column: 1; grid-row: 3; }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-tab { min-height: 58px; padding: 12px 9px; font-size: var(--wb-fs-label); }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-tab[aria-selected="true"]::after { left: 9px; width: 26px; }
    .wb-sc-wat-keuze-citatie .wb-aiv-keuze-rail { top: auto; right: auto; bottom: -1px; left: 0;
      width: 33.333%; height: 3px; transform: translate3d(var(--wb-aiv-keuze-x, 0%),0,0); }
  }
  @media (prefers-reduced-motion: reduce) {
    .wb-aiv-keuze-rail { transition: none; }
    .wb-sc-wat-keuze-citatie .wb-sc-wat-paneel.wb-aiv-paneel-in { animation: none; }
  }