/* Gedeelde stijl voor de juridische pagina's (privacy + algemene voorwaarden).
   Scherm = huisstijl (donker). Print/PDF = wit papier, nieuw logo, KvK-voettekst. */
:root{
  --base:#15171a; --copper:#c77b4a; --copper2:#e0985e; --teal:#2fd0bd;
  --beige:#e7e2da; --muted:#8a857c; --ink:#1c1f24;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  background:#100e0c;   /* egaal warm antraciet, zoals de hoofdpagina */
  color:var(--beige); font-family:"JetBrains Mono", ui-monospace, monospace;
  line-height:1.65; min-height:100vh; -webkit-font-smoothing:antialiased;
}
.wrap{max-width:52rem; margin-inline:auto; padding:clamp(2rem,6vw,4.5rem) clamp(1.4rem,5vw,3rem);
  position:relative; z-index:1}   /* tekst boven de spookbits */

/* spookbits: vage 0'en/1'en in de hoeken, zoals op de hoofdpagina (rustige vaste opzet) */
#ghosts{position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; font-weight:800}
#ghosts span{position:absolute; line-height:1; animation:ghost 14s ease-in-out infinite}
#ghosts span:nth-child(1){right:-.3em; bottom:-.24em; font-size:19vmin; color:var(--copper); transform:rotate(-8deg)}
#ghosts span:nth-child(2){left:-.26em; top:14vh; font-size:13vmin; color:var(--teal); transform:rotate(7deg); animation-duration:17s; animation-delay:-6s}
#ghosts span:nth-child(3){right:9vw; top:-.28em; font-size:9vmin; color:var(--copper2); transform:rotate(5deg); animation-duration:12s; animation-delay:-9s}
#ghosts span:nth-child(4){left:11vw; bottom:8vh; font-size:6vmin; color:var(--copper); transform:rotate(-6deg); animation-duration:19s; animation-delay:-3s}
@keyframes ghost{0%,100%{opacity:.015}50%{opacity:.06}}
@media (prefers-reduced-motion:reduce){#ghosts span{animation:none; opacity:.04}}
a{color:var(--teal); text-decoration:none} a:hover{color:var(--copper)}

.topbar{display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:2.4rem; flex-wrap:wrap}
.brandmark{height:36px; width:auto; color:#f3efe9; display:block}
.actions{display:flex; gap:1rem; align-items:center}
.back{font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:var(--muted)}
.back:hover{color:var(--beige)}
.printbtn{font-family:inherit; font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; font-weight:700;
  background:var(--copper); color:var(--base); border:0; border-radius:3px; padding:.65em 1.1em; cursor:pointer}
.printbtn:hover{background:var(--copper2)}

h1{font-size:clamp(1.9rem,4.5vw,2.8rem); font-weight:800; color:#fff; letter-spacing:-.02em; margin-bottom:.4rem}
h1 .c{color:var(--copper)}
.meta{color:var(--muted); font-size:.85rem; margin-bottom:1.8rem}
.lead{color:#cfc9bf; font-size:.95rem; margin-bottom:1.8rem; max-width:60ch}

h2{font-size:1.02rem; color:#fff; margin:1.7rem 0 .5rem; font-weight:700; letter-spacing:-.01em}
h2 .n{color:var(--copper); margin-right:.5em}
.art{margin-bottom:1.1rem}
p{color:#cfc9bf; font-size:.9rem; margin-bottom:.55rem}
ul{margin:.15rem 0 .7rem 1.2rem; color:#cfc9bf; font-size:.9rem} li{margin-bottom:.3rem}
em{color:var(--muted); font-style:italic}

.note{border:1px dashed rgba(199,123,74,.5); border-radius:8px; padding:1rem 1.25rem;
  background:rgba(199,123,74,.06); color:#cfc9bf; font-size:.88rem; margin-bottom:1.6rem}
.ok{border:1px solid rgba(47,208,189,.4); border-radius:8px; padding:.95rem 1.2rem;
  background:rgba(47,208,189,.06); color:#cfe9e4; font-size:.9rem; margin-bottom:1.6rem}

.docfooter{border-top:1px solid #2b241d; margin-top:2.6rem; padding-top:1.2rem; color:var(--muted); font-size:.78rem}
.print-running-foot{display:none}

/* ---------- PRINT / PDF ---------- */
@media print{
  @page{ margin:1.6cm 1.6cm 1.9cm; }
  html,body{ background:#fff !important; color:var(--ink);
    font-family:"Segoe UI", Arial, "Helvetica Neue", sans-serif; font-size:9.5pt; line-height:1.4 }
  .wrap{ max-width:none; padding:0 }
  a{ color:var(--ink); text-decoration:none }
  .brandmark{ color:var(--ink); height:30px }
  .back, .printbtn, .note, #ghosts{ display:none !important }
  .topbar{ margin-bottom:1rem; border-bottom:1px solid #ddd; padding-bottom:.6rem }
  h1{ font-family:inherit; font-size:19pt; color:#111; margin-bottom:.2rem }
  h1 .c{ color:#111 }
  .meta{ font-size:8.5pt; margin-bottom:.8rem }
  .lead{ font-size:9.5pt; color:#333; margin-bottom:1rem }
  h2{ font-family:inherit; font-size:10.5pt; color:#111; margin:.7rem 0 .25rem; page-break-after:avoid }
  h2 .n{ color:#111 }
  .art{ margin-bottom:.5rem; page-break-inside:avoid }
  p{ font-size:9.5pt; margin-bottom:.26rem; color:var(--ink) }
  li{ font-size:9.5pt; page-break-inside:avoid } ul{ margin-left:1.1rem }
  em{ color:#555 }
  .ok{ border:1px solid #bbb; background:#f5f5f5; color:var(--ink); padding:.5rem .7rem; margin-bottom:1rem }
  .docfooter{ color:#555; border-top:1px solid #bbb; margin-top:1.2rem; font-size:8pt }
  /* herhaalde voettekst op elke geprinte pagina */
  .print-running-foot{ display:block; position:fixed; bottom:0; left:0; right:0;
    text-align:center; font-size:7.5pt; color:#888; }
}