/* Gedeelde opmaak van de publieke A-NET-pagina's (privacybeleid en
   accountverwijdering). Bewust los van het portaal: deze pagina's moeten
   blijven werken zolang de app in de winkel staat. */

  :root{
    --paper:#EEF1F5; --card:#FFFFFF; --ink:#0E1621; --muted:#5A6875;
    --faint:#8695A3; --line:#DCE3EB; --hair:#EDF1F5;
    --accent:#165DAC; --accent-soft:#E7EFFA;
  }
  @media (prefers-color-scheme: dark){
    :root{
      --paper:#0B1015; --card:#141C24; --ink:#E7EDF3; --muted:#93A2B1;
      --faint:#6C7C8B; --line:#24323E; --hair:#1B252F;
      --accent:#5B9BE0; --accent-soft:#16283C;
    }
  }

  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{
    margin:0; background:var(--paper); color:var(--ink);
    font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
    font-size:16px; line-height:1.65;
  }

  .kop{
    background:linear-gradient(135deg,#1B6FC9,#0E4785);
    color:#fff; padding:26px 0 30px;
  }
  .wrap{max-width:820px; margin:0 auto; padding:0 22px}
  .kop .wrap{display:flex; align-items:flex-start; gap:18px; flex-wrap:wrap}
  .merk{font-size:13px; letter-spacing:.22em; font-weight:700; opacity:.82}
  .kop h1{
    margin:6px 0 0; font-size:clamp(26px,5vw,34px); line-height:1.15;
    letter-spacing:-.02em; font-weight:700;
  }
  .kop .sub{margin:6px 0 0; font-size:14.5px; opacity:.82}

  .talen{margin-left:auto; display:flex; gap:6px; padding-top:4px}
  .talen button{
    font:inherit; font-size:13px; font-weight:600; cursor:pointer;
    padding:7px 13px; border-radius:20px; color:#fff;
    background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28);
    transition:background .18s ease, color .18s ease;
  }
  .talen button:hover{background:rgba(255,255,255,.26)}
  .talen button[aria-pressed="true"]{background:#fff; color:#0E4785; border-color:#fff}
  .talen button:focus-visible{outline:2px solid #fff; outline-offset:2px}

  main{padding:34px 0 64px}
  .kaart{
    background:var(--card); border:1px solid var(--line); border-radius:14px;
    padding:26px 26px 30px; margin-bottom:18px;
  }
  h2{
    font-size:19px; line-height:1.3; margin:0 0 12px; letter-spacing:-.01em;
  }
  h2 .nr{
    display:inline-block; min-width:26px; color:var(--accent);
    font-variant-numeric:tabular-nums;
  }
  h3{font-size:15.5px; margin:20px 0 6px}
  p{margin:0 0 12px}
  p:last-child,ul:last-child,table:last-child{margin-bottom:0}
  ul{margin:0 0 12px; padding-left:20px}
  li{margin-bottom:6px}
  a{color:var(--accent)}
  strong{font-weight:650}

  .intro{font-size:17px}
  .intro strong{color:var(--accent)}

  .tabelbox{overflow-x:auto; margin-bottom:12px}
  table{border-collapse:collapse; width:100%; min-width:480px; font-size:14.5px}
  th,td{
    text-align:left; vertical-align:top; padding:10px 14px 10px 0;
    border-bottom:1px solid var(--hair);
  }
  th{
    font-size:11px; letter-spacing:.1em; text-transform:uppercase;
    color:var(--faint); font-weight:600;
  }
  tbody tr:last-child td{border-bottom:0}

  .contact{
    background:var(--accent-soft); border:1px solid var(--line);
    border-radius:14px; padding:22px 26px;
  }
  .contact h2{color:var(--accent)}

  footer{
    border-top:1px solid var(--line); padding:20px 0 40px;
    color:var(--faint); font-size:13.5px;
  }
  footer .wrap{display:flex; gap:14px; flex-wrap:wrap; align-items:center}
  footer a{color:var(--faint)}

  [data-taal]{display:none}
  [data-taal].aan{display:block}

  @media print{
    .talen{display:none}
    body{background:#fff}
    .kaart{border:0; padding:0 0 12px}
  }