/* Shared styling for the terms and privacy pages. Same palette and type as the sales page, set for
   long-form reading: a single narrow column, generous leading, and a measure near 65 characters. */
:root{
  --ground:#FAF8F4; --panel:#FFFFFF; --ink:#191E1C; --ink-soft:#5F6B66;
  --rule:#E5E0D7; --accent:#15594B; --flag-soft:#F7E5E3; --flag:#B3302C;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --ground:#121614; --panel:#1A201D; --ink:#EDF1EF; --ink-soft:#9BA8A2;
    --rule:#2C3531; --accent:#6FBFA8; --flag-soft:#2E211F; --flag:#E5817C;
  }
}
:root[data-theme="dark"]{
  --ground:#121614; --panel:#1A201D; --ink:#EDF1EF; --ink-soft:#9BA8A2;
  --rule:#2C3531; --accent:#6FBFA8; --flag-soft:#2E211F; --flag:#E5817C;
}
*{box-sizing:border-box}
body{background:var(--ground);color:var(--ink);margin:0;
  font-family:Karla,"Helvetica Neue",Arial,sans-serif;font-size:17px;line-height:1.7}
.wrap{max-width:660px;margin:0 auto;padding:56px 24px 90px}
.eyebrow{font-family:Archivo,sans-serif;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;margin:0 0 26px}
.eyebrow a{color:var(--accent);text-decoration:none}
.eyebrow a:hover{text-decoration:none;color:var(--ink)}
h1{font-family:Archivo,sans-serif;font-size:clamp(32px,5vw,46px);font-weight:800;
  letter-spacing:-.03em;line-height:1.05;margin:0 0 14px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
h2{font-family:Archivo,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em;
  margin:40px 0 10px;padding-top:22px;border-top:1px solid var(--rule)}
/* The verwerkersbijlage lives on its own page; the algemene voorwaarden close with a short block
   pointing at it. The heavier rule marks it as a separate document, not as article 20. */
h2.annex{font-size:clamp(26px,4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1;
  margin:72px 0 14px;padding-top:34px;border-top:3px solid var(--ink)}
p{margin:0 0 16px}
.lede{font-size:19px;color:var(--ink-soft);margin-bottom:8px}
strong{font-weight:600}
ul{margin:0 0 16px;padding-left:20px}
li{margin:6px 0}
/* Never underlined, not on hover either (Mirjam, standing rule + delivery checklist).
   Links in running text stand out by colour and weight instead. */
a{color:var(--accent);text-decoration:none;font-weight:600}
a:hover{text-decoration:none;color:var(--ink)}
/* Anything still to be filled in is impossible to miss — these must not reach a live page. */
.fill{background:var(--flag-soft);color:var(--flag);font-weight:600;padding:1px 6px;border-radius:4px}
.back{margin-top:48px;padding-top:22px;border-top:1px solid var(--rule);font-size:15px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}