/* Gedeelde stijl voor de juridische pagina's — Lead Jam
   Tokens identiek aan projects/leadjam-events/index.html */
@import url('fonts.css');

:root{
  --bg:#070a14;
  --panel:#111729;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --text:#eef2fb;
  --muted:#9aa6c2;
  --muted-2:#6b7793;
  --blue:#3b82f6;
  --blue-soft:#bcd0ff;
  --radius:16px;
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body::before{
  content:''; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(800px 460px at 80% -5%, rgba(59,130,246,.16), transparent 60%),
    radial-gradient(700px 420px at 5% 8%, rgba(59,130,246,.10), transparent 60%),
    var(--bg);
}

.site-header{
  border-bottom:1px solid var(--line);
  background:rgba(7,10,20,.6); backdrop-filter:blur(16px);
  position:sticky; top:0; z-index:10;
}
.site-header .inner{
  max-width:860px; margin:0 auto; padding:16px 24px;
  display:flex; align-items:center; gap:11px;
}
.site-header .name{
  display:flex; align-items:center; gap:11px;
  text-decoration:none; color:var(--text);
}
.site-header .name img{height:34px; width:auto; display:block}
.site-header .name .div{width:1px; height:18px; background:var(--line-strong)}
.site-header .name .sub{
  font-family:'Poppins',sans-serif; font-weight:600; font-size:.95rem; color:var(--muted);
}

.wrap{max-width:860px; margin:0 auto; padding:0 24px}
.doc{padding:clamp(40px,6vw,68px) 0 80px}

h1{
  font-family:'Poppins',sans-serif; font-weight:700; letter-spacing:-.02em;
  font-size:clamp(1.75rem,4vw,2.4rem); line-height:1.15; margin:0 0 10px;
}
h2{
  font-family:'Poppins',sans-serif; font-weight:600; letter-spacing:-.01em;
  font-size:1.12rem; margin:38px 0 12px; color:var(--text);
}
p{margin:0 0 14px; color:var(--muted)}
ul{margin:0 0 14px; padding-left:22px; color:var(--muted)}
li{margin-bottom:8px}
strong{color:var(--text); font-weight:600}
a{color:var(--blue-soft)}
a:hover{color:#fff}

.updated{color:var(--muted-2); font-size:.87rem; margin-bottom:26px}
.lead{color:var(--muted); font-size:1.05rem; margin-bottom:8px}

.callout{
  border:1px solid rgba(59,130,246,.28);
  background:rgba(59,130,246,.07);
  border-radius:var(--radius);
  padding:20px 22px; margin:26px 0;
}
.callout p:last-child{margin-bottom:0}

.entity{
  border:1px solid var(--line); background:rgba(255,255,255,.03);
  border-radius:var(--radius); padding:20px 22px; margin:22px 0;
  font-size:.95rem;
}
.entity p{margin-bottom:4px}

.legal-footer{
  border-top:1px solid var(--line); margin-top:56px; padding:26px 0 60px;
  color:var(--muted-2); font-size:.85rem;
}
.legal-footer nav{display:flex; flex-wrap:wrap; gap:10px 22px; margin-bottom:14px}
.legal-footer nav a{color:var(--muted); text-decoration:none}
.legal-footer nav a:hover{color:var(--text)}

@media(max-width:600px){
  body{font-size:15px}
  h2{font-size:1.06rem; margin-top:32px}
}