/* ELUCENS — page-v5.css: huisstijl voor ALLE losse pagina's van elucens.com
   (privacyverklaring, landingspagina's, over-ons, 404). Zie HUISSTIJL.md.
   Bouwt voort op site-v5.css (fonts, kleuren, .wm, .btn, .seed). Laad altijd:
     <link rel="stylesheet" href="/site-v5.css">
     <link rel="stylesheet" href="/page-v5.css">
   Geen <style>-blok in losse pagina's: de build weigert dat (build.mjs, huisstijl-check). */

/* teal palette to match the live site (vars are normally injected by JS on index) */
body{
  --accent:#0E9C9A;--accent-deep:#0A7574;--accent-soft:#D6ECEC;
  --surface:#072A2B;--tint:#E3F0F0;
  --on-dark:#E6F1F0;--on-dark-2:#9DB7B6;--on-dark-line:#18474A;
}
.lhead{position:sticky;top:0;z-index:10;background:rgba(244,245,241,.85);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid var(--line)}
.lhead__in{display:flex;align-items:center;justify-content:space-between;height:76px}
.lhead__back{font-family:var(--font-body);font-weight:600;font-size:15px;color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;gap:9px;transition:color .15s}
.lhead__back:hover{color:var(--accent-deep)}
.lhead__back .ar{transition:transform .18s}
.lhead__back:hover .ar{transform:translateX(-4px)}

.legal{max-width:760px;margin:0 auto;padding:72px 44px 110px}
.legal__no{display:inline-flex;align-items:center;gap:11px;font-family:var(--font-body);font-weight:700;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:22px}
.legal__no .seed{width:9px;height:9px;border-radius:var(--pill);background:var(--accent)}
.legal h1{font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5.4vw,62px);line-height:1.03;letter-spacing:-.03em;color:var(--ink);max-width:16ch}
.legal__meta{font-family:var(--font-body);font-size:14px;color:var(--ink-3);margin-top:18px}

.legal h2{font-family:var(--font-display);font-weight:700;font-size:25px;letter-spacing:-.02em;color:var(--ink);margin:52px 0 14px;display:flex;gap:14px;align-items:baseline}
.legal h2 .n{font-size:16px;color:var(--accent);font-weight:700;flex:0 0 auto}
.legal p{font-family:var(--font-body);font-size:17px;line-height:1.62;color:var(--ink-2);margin-bottom:14px}
.legal ul{margin:6px 0 14px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.legal li{font-family:var(--font-body);font-size:17px;line-height:1.55;color:var(--ink-2);padding-left:24px;position:relative}
.legal li::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:var(--pill);background:var(--accent)}
.legal a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}

.lfoot{background:var(--surface);color:var(--on-dark)}
.lfoot__in{max-width:760px;margin:0 auto;padding:42px 44px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--on-dark-2)}
.lfoot__in a{color:var(--on-dark-2);text-decoration:none}
.lfoot__in a:hover{color:var(--accent)}
@media(max-width:680px){.legal{padding:48px 24px 80px}.lhead__in,.lfoot__in{padding-left:24px;padding-right:24px}}

/* landingspagina's, over-ons */
.legal__actions{margin-top:22px}
.legal__actions .btn{color:#fff;text-decoration:none}
.legal__lead{font-family:var(--font-body);font-size:19px;line-height:1.6;color:var(--ink-2);margin-top:22px}
.legal .q{font-family:var(--font-body);font-weight:700;color:var(--ink);margin:22px 0 6px;padding-left:24px;position:relative}
.legal .q::before{content:"";position:absolute;left:2px;top:10px;width:7px;height:7px;border-radius:var(--pill);background:var(--accent)}
.legal .q + p{padding-left:24px}
.legal li b,.legal p b{color:var(--ink)}
.lfoot__in nav{display:flex;gap:18px;flex-wrap:wrap}