.wb-au-raster { grid-template-columns: minmax(0, 1fr); align-items: start; }
  @media (min-width: 1200px) {
    .wb-au-raster { grid-template-columns: minmax(0, 470px) minmax(0, 1fr); gap: 76px; align-items: center; }
    .wb-au-kop { width: max-content; white-space: nowrap; }
  }
  .wb-au-kolom { min-width: 0; }
  .wb-au-kop { margin: 0; color: var(--wb-text, #fff); font-size: var(--wb-fs-hero); font-weight: 700;
    line-height: 1.08; letter-spacing: -0.02em; text-shadow: 0 0 32px rgba(255,255,255,.35); }
  .wb-au-intro { margin: 20px 0 0; color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-body)/1.65 "Inter Tight", sans-serif; }
  .wb-au-intro b { color: var(--wb-text, #fff); font-weight: 600; }
  .wb-au-intro[hidden] { display: none; }
  .wb-au-kaart { margin-top: 30px; }
  .wb-au-paneel[hidden] { display: none; }
  .wb-au-namen { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 16px; }
  @media (min-width: 520px) { .wb-au-namen { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
  .wb-au-wachtwoord { position: relative; }
  .wb-au-wachtwoord input { padding-right: 54px; }
  .wb-au-oog { position: absolute; right: 1px; bottom: 1px; display: inline-flex; width: 50px; height: 48px;
    align-items: center; justify-content: center; border: 0; border-radius: 0 12px 12px 0; background: none;
    color: var(--wb-text-muted, #777d87); cursor: pointer; transition: color .15s; }
  .wb-au-oog:hover, .wb-au-oog:focus-visible { color: var(--wb-text, #fff); }
  .wb-au-oog .wb-au-oog-uit { display: none; }
  .wb-au-oog[aria-pressed="true"] .wb-au-oog-aan { display: none; }
  .wb-au-oog[aria-pressed="true"] .wb-au-oog-uit { display: inline-flex; }
  .wb-au-cijfers input { text-align: center; letter-spacing: .4em;
    font-family: "Roboto Mono", "Inter Tight", monospace; }
  .wb-au-melding { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 13px; align-items: start;
    color: var(--wb-text-body, #92969f); font: 500 var(--wb-fs-tekst)/1.6 "Inter Tight", sans-serif; }
  .wb-au-melding svg { color: var(--wb-text-nav, #adb0b7); margin-top: 2px; }
  .wb-au-status { margin: 16px 0 0; padding: 13px 15px; border: 1px dashed var(--wb-border, #2a2d31);
    border-radius: 12px; background: var(--wb-canvas, #000); color: var(--wb-text-muted, #777d87);
    font: 500 var(--wb-fs-tekst)/1.5 "Inter Tight", sans-serif; }
  .wb-au-status:empty { display: none; }
  .wb-au-schakel { display: grid; gap: 11px; margin-top: 22px; text-align: center; }
  .wb-au-schakel button { display: block; width: 100%; padding: 0; border: 0; background: none;
    color: var(--wb-text-nav, #adb0b7); font: 500 var(--wb-fs-tekst)/1.4 "Inter Tight", sans-serif;
    text-decoration: underline; text-underline-offset: 4px; cursor: pointer; transition: color .15s; }
  .wb-au-schakel button:hover { color: var(--wb-text, #fff); }
  .wb-au-schakel .wb-au-zwak { color: var(--wb-text-muted, #777d87); }
  .wb-au-opnieuw { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
  .wb-au-schakel button:disabled { color: var(--wb-text-faint, #6b707a); text-decoration: none; cursor: default; }
  .wb-au-toestanden { margin-top: 26px; border: 1px dashed var(--wb-border, #2a2d31); border-radius: 14px; padding: 13px 16px; }
  .wb-au-toestanden summary { color: var(--wb-text-muted, #777d87); cursor: pointer;
    font: 600 var(--wb-fs-label)/1.5 "Inter Tight", sans-serif; }
  .wb-au-toestanden p { margin: 11px 0 0; color: var(--wb-text-faint, #6b707a);
    font: 500 var(--wb-fs-label)/1.55 "Inter Tight", sans-serif; }
  .wb-au-toestanden-knoppen { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
  .wb-au-toestanden-knoppen button { border: 1px solid var(--wb-border, #2a2d31); border-radius: 999px;
    background: var(--wb-surface-2, #131315); color: var(--wb-text-nav, #adb0b7); padding: 7px 12px;
    font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; cursor: pointer; }
  .wb-au-toestanden-knoppen button[aria-current="true"] { color: var(--wb-text, #fff); border-color: var(--wb-border-strong, #5f636c); }
  .wb-au-console { display: none; }
  @media (min-width: 1200px) {
    .wb-au-console { display: flex; min-width: 0; align-self: center; align-items: center; justify-content: center;
      pointer-events: none; user-select: none; transform: translateY(56px); }
  }
  .wb-au-console img { display: block; flex: 0 0 auto; width: calc(100% + 48px); max-width: none; height: auto;
    transform: translateX(-12px); }
  .wb-au-na-login { margin-top: 64px; padding: 30px 0; border-top: 1px solid var(--wb-border, #2a2d31);
    border-bottom: 1px solid var(--wb-border, #2a2d31); }
  .wb-au-na-inleiding { padding-bottom: 24px; }
  .wb-au-na-kicker { display: flex; align-items: center; gap: 10px; margin: 0 0 10px;
    color: var(--wb-text-muted, #777d87); font: 600 var(--wb-fs-label)/1.4 "Inter Tight", sans-serif;
    letter-spacing: .08em; text-transform: uppercase; }
  .wb-au-na-kicker::before { content: ""; width: 22px; height: 2px; background: #9fbd16; }
  .wb-au-na-titel { max-width: 270px; margin: 0; color: var(--wb-text, #fff);
    font: 650 var(--wb-fs-kaartkop)/1.2 "Inter Tight", sans-serif; letter-spacing: -.015em; }
  .wb-au-na-item { position: relative; padding: 22px 0; border-top: 1px solid var(--wb-border, #2a2d31); }
  .wb-au-na-icoon { display: inline-flex; width: 38px; height: 38px; margin-bottom: 18px;
    align-items: center; justify-content: center; border: 1px solid var(--wb-border-strong, #5f636c);
    border-radius: 11px; color: var(--wb-text, #fff); }
  .wb-au-na-nummer { position: absolute; top: 24px; right: 0; color: var(--wb-text-faint, #6b707a);
    font: 600 var(--wb-fs-label)/1 "Inter Tight", sans-serif; letter-spacing: .08em; }
  .wb-au-na-item h3 { margin: 0; color: var(--wb-text, #fff);
    font: 650 var(--wb-fs-tekst)/1.35 "Inter Tight", sans-serif; }
  .wb-au-na-item p { max-width: 31ch; margin: 8px 0 0; color: var(--wb-text-body, #92969f);
    font: 500 var(--wb-fs-label)/1.6 "Inter Tight", sans-serif; }
  @media (min-width: 900px) {
    .wb-au-na-login { display: grid; grid-template-columns: 260px repeat(3, minmax(0, 1fr)); padding: 36px 0; }
    .wb-au-na-inleiding { padding: 4px 34px 0 0; }
    .wb-au-na-item { min-width: 0; padding: 4px 30px; border-top: 0; border-left: 1px solid var(--wb-border, #2a2d31); }
    .wb-au-na-nummer { top: 7px; right: 24px; }
  }
  @media (min-width: 1440px) {
    .wb-au-raster { width: calc(100% + 200px); transform: translateX(-100px);
      grid-template-columns: 470px minmax(0, 1fr); column-gap: 76px; row-gap: 0; align-items: start; align-content: start; }
    .wb-au-kolom { display: contents; }
    .wb-au-kop, .wb-au-intro { grid-column: 1 / -1; width: auto; text-align: center; }
    .wb-au-kaart, .wb-au-toestanden { grid-column: 1; }
    .wb-au-console { grid-column: 2; grid-row: 3 / 5; align-self: start; margin-top: 30px; transform: none; }
    .wb-au-console img { width: calc(100% - 64px); transform: translateX(32px); }
    .wb-au-na-login { width: calc(100% + 200px); transform: translateX(-100px); }
  }