/* Gedeelde stijl voor de juridische pagina's (cookie- en privacyverklaring),
   afgeleid van de huisstijl in index.html. */

/* Fonts — lokaal gehost (geen externe Fontshare-cookie). @font-face is per document. */
@font-face{
  font-family:'PP Pangaia';
  src:url('fonts/PPPangaia-Bold.woff2') format('woff2');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{font-family:'Satoshi';src:url('fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonts/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Satoshi';src:url('fonts/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

:root{
  --ember:#F2641E;--flame:#E5431C;--amber:#F4A24B;
  --void:#0c0604;--ink:#180b08;--panel:#22110d;
  --cream:#F7EEE6;--muted:#CBB0A2;--faint:#8E7468;
  --line:rgba(247,238,230,.10);
  --head:'PP Pangaia',Georgia,serif;
  --body:'Satoshi','Hanken Grotesk',system-ui,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--cream);line-height:1.65;
  -webkit-font-smoothing:antialiased;min-height:100vh;
  background:radial-gradient(120% 80% at 50% -10%, #1c0d08 0%, #0c0604 60%)}

.wrap{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,64px) clamp(22px,5vw,40px) 72px}

.brandbar{display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:clamp(28px,5vw,48px)}
.brandbar .brand{font-family:var(--head);font-weight:700;font-size:1.05rem;color:var(--cream);
  text-decoration:none;border:none}
.brandbar .meta{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

h1{font-family:var(--head);font-weight:700;font-size:clamp(1.9rem,5vw,2.8rem);
  line-height:1.1;letter-spacing:-.01em;margin-bottom:8px}
.updated{color:var(--faint);font-size:.85rem;margin-bottom:clamp(22px,4vw,38px)}
h2{font-family:var(--head);font-weight:700;font-size:clamp(1.2rem,3vw,1.5rem);
  color:var(--cream);margin:clamp(26px,4vw,38px) 0 10px}
p,li{color:var(--muted);font-size:1rem}
p{margin:0 0 14px}
ul{margin:0 0 16px;padding-left:1.2em}
li{margin-bottom:6px}
strong{color:var(--cream)}
a{color:var(--ember);text-decoration:none;border-bottom:1px solid rgba(242,100,30,.35);
  transition:color .25s,border-color .25s}
a:hover{color:var(--amber);border-color:var(--amber)}

table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.92rem}
th,td{text-align:left;padding:10px 12px;border:1px solid var(--line);vertical-align:top}
th{color:var(--cream);font-weight:700;background:var(--panel)}
td{color:var(--muted)}

.btn-prefs{background:none;border:1px solid rgba(247,238,230,.25);color:var(--cream);
  font:inherit;font-size:.9rem;padding:9px 16px;border-radius:10px;cursor:pointer;
  transition:background .25s;margin-bottom:8px}
.btn-prefs:hover{background:rgba(247,238,230,.06)}

footer{margin-top:clamp(36px,6vw,56px);padding-top:20px;border-top:1px solid var(--line);
  font-size:.84rem;color:var(--faint);display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between}
footer a{color:var(--muted);border:none}
footer a:hover{color:var(--ember)}

/* CookieYes banner — zelfde huisstijl-overrides als in index.html */
.cky-consent-bar,.cky-preference-center{background:var(--ink)!important;color:var(--muted)!important;
  border-color:var(--line)!important;font-family:var(--body)!important}
.cky-title,.cky-preference-title{color:var(--cream)!important;font-family:var(--head)!important}
.cky-notice-des,.cky-notice-des *,
.cky-preference-content-wrapper,.cky-preference-content-wrapper *{color:var(--muted)!important}
.cky-consent-bar a,.cky-notice-des a,.cky-preference-content-wrapper a{color:var(--ember)!important}
.cky-btn-accept,.cky-btn-preferences{background:var(--ember)!important;border:1px solid var(--ember)!important;color:#180B08!important}
.cky-btn-accept:hover,.cky-btn-preferences:hover{background:var(--flame)!important;border-color:var(--flame)!important}
.cky-btn-reject,.cky-btn-customize{background:transparent!important;border:1px solid rgba(247,238,230,.25)!important;color:var(--cream)!important}
.cky-btn-reject:hover,.cky-btn-customize:hover{background:rgba(247,238,230,.06)!important}
.cky-btn-revisit-wrapper{background:var(--panel)!important}
.cky-btn-revisit-wrapper svg,.cky-revisit-bottom-left svg{fill:var(--ember)!important}
.cky-preference-header,.cky-footer-wrapper{background:var(--ink)!important;border-color:var(--line)!important}
.cky-switch input:checked+label,.cky-switch input:checked+label::before{background:var(--ember)!important}