/* ---- design tokens (subset uit colors_and_type.css, alleen wat deze pagina gebruikt) ---- */
  :root{
    --navy:#1B3A6B; --navy-light:#4A6FA5; --link-blue:#6B8FC9; --accent-violet:#7B68EE;
    --text:#555F6E; --text-muted:#8A93A2;
    --font-display:'Thicccboi','Poppins',system-ui,sans-serif; --font-body:'Nunito',system-ui,sans-serif;
  }

  * { box-sizing: border-box; }
  html, body { margin: 0; }
  body { font-family: var(--font-body); color: var(--text); background: #fff; -webkit-font-smoothing: antialiased; }

  .legal-wrap { max-width: 720px; margin-inline: auto; padding: clamp(2.5rem,1.5rem + 4vw,5rem) clamp(1.25rem,.5rem + 3vw,2.5rem) 6rem; }

  /* ---- page header ---- */
  .legal-head { padding-bottom: 2.25rem; margin-bottom: 2.75rem; border-bottom: 1px solid #E4E8EE; }
  .legal-eyebrow { display: inline-block; font-family: var(--font-display); font-size: .8125rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--navy-light); margin-bottom: .65rem; }
  .legal-title { font-family: var(--font-display); font-size: clamp(2.1rem,1.6rem + 2.2vw,3rem); font-weight: 800; letter-spacing: -.02em; color: var(--navy); margin: 0 0 .65rem; line-height: 1.08; }
  .legal-updated { font-size: 1rem; color: var(--text-muted); margin: 0; }

  /* ---- body type ---- */
  .legal-body h2 { font-family: var(--font-display); font-size: 1.5rem; font-weight: 700; color: var(--navy); letter-spacing: -.01em; line-height: 1.25; margin: 3.25rem 0 1.1rem; }
  .legal-body h2:first-child { margin-top: 0; }
  .legal-body p { font-size: 1.0625rem; line-height: 1.8; margin: 0 0 1.2rem; text-wrap: pretty; }
  .legal-body ul { margin: 0 0 1.2rem; padding-left: 0; list-style: none; }
  .legal-body li { position: relative; font-size: 1.0625rem; line-height: 1.7; padding-left: 1.6rem; margin-bottom: .7rem; text-wrap: pretty; }
  .legal-body li::before { content: ""; position: absolute; left: .3rem; top: .65rem; width: 6px; height: 6px; border-radius: 999px; background: var(--accent-violet); }
  .legal-body strong { color: #344155; font-weight: 700; }
  .legal-body a { color: var(--link-blue); font-weight: 500; text-decoration: none; }
  .legal-body a:hover { color: var(--navy); text-decoration: underline; }

  .legal-contact { margin-top: 3.5rem; padding-top: 2rem; border-top: 1px solid #E4E8EE; font-size: 1.0625rem; color: var(--text); }

  @media (max-width: 600px) {
    .legal-body h2 { font-size: 1.35rem; }
    .legal-body p, .legal-body li { font-size: 1rem; }
  }

/* ===== Bricks-conversie fixes (page-scoped) ===== */
html{font-size:100%!important;}                       /* rem-root reset: Bricks zet html op 62.5% */
.legal-eyebrow.brxe-text-basic{font-family:var(--font-display)!important;}