/* elitegeekZ nieuwsfeed - gegenereerd, niet handmatig bewerken.
   Functionele basis-opmaak; de solutio-stijlpass komt in een latere bouwstap. */
:root{
  --paper:#f7f3ea; --paper-2:#f0ebdf; --kaart:#fbf8ef;
  --ink:#33302a; --ink-2:#4a463d; --ink-3:#6b6558;
  --hair:#d8d2c2; --accent:#7c3aed; --accent-site:#ED5E0C;
  --serif:Georgia,'Times New Roman',serif;
  --mono:ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink)}
body{font-family:var(--serif);line-height:1.55;padding:1.2em clamp(16px,4vw,48px)}
.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-3);padding-bottom:14px;border-bottom:2px solid var(--ink);margin-bottom:2em}
.topbar .c{text-align:center;color:var(--ink)}
.topbar .r{text-align:right}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-weight:400}
h2{font-weight:400}
h2.sectie{border-top:1px solid var(--ink);padding-top:.6em;margin-top:2em}
h3{font-size:1.15em;margin:0 0 .2em}
h3 a{color:var(--ink)}
h3 a:hover{color:var(--accent)}
/* Hero (startpagina): links teksthiërarchie, rechts de wordmark */
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(24px,4vw,72px);align-items:end;
  padding:clamp(20px,4vh,48px) 0 clamp(28px,5vh,56px);border-bottom:2px solid var(--ink);margin-bottom:1.6em}
.hero-links{display:flex;flex-direction:column;gap:.9em;min-width:0}
.hero-kicker{display:flex;align-items:center;gap:10px;font-family:var(--mono);
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3)}
.hero-tagline{font-family:var(--serif);font-size:clamp(16px,1.6vw,24px);
  color:var(--ink-2);margin:0;max-width:34em;line-height:1.35}
.hero-stats{display:flex;flex-wrap:wrap;gap:8px 30px;font-family:var(--mono);
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);
  padding:12px 0;border-top:1px solid var(--ink);margin-top:auto}
.hero-stats a{color:var(--ink);text-decoration:none}
.hero-stats a:hover{color:var(--accent-site)}
.hero-stats a:hover .pijl{transform:translateX(3px)}
.hero-stats .pijl{color:var(--accent-site);display:inline-block;transition:transform .15s ease}
.hero-stats .num{color:var(--accent-site)}
.wordmark{font-family:var(--serif);font-weight:400;text-align:right;
  font-size:clamp(56px,9.5vw,150px);line-height:.85;letter-spacing:-.04em;
  margin:0;color:var(--ink)}
.wordmark .z{color:var(--accent-site);font-style:italic;padding:0 .02em}
.seal{color:var(--accent-site)}
/* Mobiele verfijning: geldt uitsluitend op schermen t/m 760px.
   De desktop-layout blijft onaangeroerd. Geen display-regels op
   .updatehok/.updatestatus: die zouden de hidden-attributen
   (progressive enhancement) onbedoeld overschrijven. */
@media (max-width:760px){
  body{padding:.9em 16px 1.2em}
  .topbar{grid-template-columns:1fr 1fr;font-size:10px;letter-spacing:.08em;
    padding-bottom:10px;margin-bottom:1.4em}
  .topbar .c{display:none}
  .hero{grid-template-columns:1fr;gap:14px;padding:12px 0 18px;margin-bottom:1.2em}
  .hero-links{order:1}
  .wordmark{order:2;text-align:left;font-size:clamp(44px,13vw,80px)}
  .hero-kicker{font-size:10px}
  .hero-tagline{font-size:16px}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:10px;
    letter-spacing:.06em;padding:10px 0}
  .hero-stats a{display:flex;align-items:center;gap:8px;padding:12px;
    border:1px solid var(--hair);background:var(--kaart)}
  .hero-stats .num{margin-left:auto}
  .zoek{margin:1.2em 0 1.8em}
  .zoek input{font-size:16px}
  .zoekhint{letter-spacing:.06em}
  .updateknop{width:100%;padding:14px}
  .updatestatus{margin:8px 0 0}
  .feedblok{margin-bottom:2.2em}
  .kaart{padding:.85em .9em}
  .chip{padding:5px 10px}
  h2.sectie{margin-top:1.4em}
  .tabelwrap{margin:0 -16px;padding:0 16px}
}

/* Zoekbalk */
.zoek{margin:1.4em 0 2.4em}
.zoeklabel{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-3);margin-bottom:8px}
.zoek input{width:100%;font-family:var(--serif);font-size:1.05em;
  padding:.65em .9em;border:1px solid var(--ink);background:var(--kaart);color:var(--ink)}
.zoek input:focus{outline:2px solid var(--accent-site);outline-offset:-2px}
.zoekhint{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin:8px 0 0}
.zoekresultaten{margin-top:1em}
.updatehok{margin:0 0 2.4em}
.updatehok.onder{margin:2.4em 0 0}
.updateknop{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  background:var(--kaart);color:var(--ink);border:1px solid var(--ink);padding:.6em 1.1em;cursor:pointer}
.updateknop:hover{background:var(--ink);color:var(--paper)}
.updateknop:disabled{opacity:.6;cursor:wait}
.updatestatus{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--ink-3);margin-left:12px}
.feedblok{margin-bottom:3em;padding-top:.2em}
.feedblok h2{border-top:2px solid var(--accent);display:inline-block;padding:.4em 1em 0 0}
.kaart{background:var(--kaart);border:1px solid var(--hair);padding:1em 1.2em;margin:.7em 0}
.labels{display:flex;flex-wrap:wrap;gap:6px;margin:.2em 0 .5em}
.chip{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent);border:1px solid var(--accent);padding:2px 8px;display:inline-block}
.chip.kritiek{color:#b91c1c;border-color:#b91c1c;font-weight:700}
a.chip:hover{background:var(--ink);color:#fff;text-decoration:none}
.meta{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .5em}
.samenvatting{font-size:1.05em;margin:.3em 0}
.beschrijving{color:var(--ink);margin:.3em 0 0}
.tabelwrap{overflow-x:auto}
.tabel{border-collapse:collapse;width:100%;background:var(--kaart);font-size:.92em}
.tabel th{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--ink);color:#fff;text-align:left;padding:8px 10px}
.tabel td{border-bottom:1px solid var(--hair);padding:8px 10px;vertical-align:top}
.tabel td.k1{font-family:var(--mono);font-weight:700;white-space:nowrap}
.actiepunten{border:2px solid #b91c1c;background:var(--kaart);padding:1em 1.4em}
.actiepunten ul{margin:.2em 0;padding-left:1.2em}
.bronnen{list-style:none;padding:0}
.bronnen li{padding:.3em 0;border-bottom:1px solid var(--hair)}
.bronkop{margin:1em 0 .3em}
.leeg{font-style:italic;color:var(--ink-3)}
.meer{font-family:var(--mono);font-size:12px}
.archief{list-style:none;padding:0}
.archief li{padding:.4em 0;border-bottom:1px solid var(--hair)}
.footbar{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);border-top:1px solid var(--hair);margin-top:3em;padding-top:1em}
.gen{color:var(--ink-3)}
@media print{.kaart{border:none;padding:0}.topbar{border-bottom-width:1px}}
.acc-ai{--accent:#7c3aed;}
.acc-cyber{--accent:#a16207;}
.acc-ict{--accent:#2563eb;}
.acc-apple{--accent:#4b5563;}
.acc-bionic{--accent:#0d9488;}
.acc-ondernemers{--accent:#2f855a;}