/* Natio Suriname — editorial system. Shared values live here. */
:root {
  --jungle: #082b22;
  --jungle-2: #123e31;
  --groen: #377e3f;
  --groen-diep: #235d45;
  --goud: #ecc81d;
  --goud-rand: #d5bd8a;
  --goud-tekst: #746016;
  --rood: #b40a2d;
  --ink: #18251e;
  --ink-2: #505a52;
  --ink-3: #59665c;
  --grond: #fafbf8;
  --papier: #ffffff;
  --creme: #f3f0e7;
  --creme-diep: #e9e5d9;
  --lijn: #d6dcd5;
  --lijn-2: #e9ede7;
  --lijn-creme: #d9d6cc;
  --licht-op-donker: #bdcfc2;
  --lijn-donker: #365448;
  --breedte: 1280px;
  --leesbreedte: 680px;
  --display: 'Big Shoulders Display', 'Arial Narrow', Impact, sans-serif;
  --lees: Newsreader, Georgia, 'Times New Roman', serif;
  --ui: Archivo, ui-sans-serif, system-ui, sans-serif;
  --ruimte: clamp(20px, 3.6vw, 56px);
  --sectie-ruimte: clamp(40px, 5vw, 72px);
  --snel: 180ms;
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; scroll-padding-top: 24px; }
body { margin: 0; color: var(--ink); background: var(--papier); font: 400 18px/1.6 var(--lees); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
button, summary { cursor: pointer; }
button { color: inherit; }
a, button, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible { outline: 3px solid var(--groen); outline-offset: 5px; }
::selection { background: var(--goud); color: var(--jungle); }
h1,h2,h3,h4,p { margin-top: 0; }
h1,h2,h3 { text-wrap: pretty; }
a:hover { color: var(--groen-diep); }
svg { flex: none; }
.omhulsel, .sectie { max-width: var(--breedte); margin-inline: auto; padding-inline: var(--ruimte); }
.sectie { padding-block: var(--sectie-ruimte); }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.eyebrow, .rubriek { font: 700 11px/1.4 var(--ui); letter-spacing: .09em; text-transform: uppercase; color: var(--groen-diep); }
.rubriek { display: inline-block; }
.meta { font: 400 11px/1.5 var(--ui); color: var(--ink-3); margin: 0; }
.meta b { font-weight: 500; color: var(--ink-2); }
.meta time { white-space: nowrap; }
.label-archief { font: 500 10px/1.4 var(--ui); text-transform: uppercase; letter-spacing: .07em; color: var(--ink-3); }
.tekstlink { display: inline-flex; align-items: center; gap: 12px; font: 600 12px/1.5 var(--ui); min-height: 44px; }
.tekstlink:hover { text-decoration: underline; text-underline-offset: 5px; }
.knop { min-height: 46px; display: inline-flex; align-items:center; justify-content: center; gap: 14px; padding: 12px 20px; font: 600 13px/1.4 var(--ui); background: var(--jungle); color: var(--papier); border: 1px solid var(--jungle); transition: background var(--snel); }
.knop:hover { background: var(--jungle-2); color: var(--papier); }
.knop.licht { background: var(--papier); color: var(--jungle); border-color: var(--lijn); }
.knop.goud { background: var(--goud); color: var(--jungle); border-color: var(--goud); }
.knop-goud, .knop-lijn { display: inline-flex; padding: 12px 20px; min-height:44px; align-items:center; font:600 13px/1.5 var(--ui); border:1px solid var(--jungle); }
.knop-goud { background:var(--jungle);color:var(--papier); }
.knop-lijn { color:var(--jungle); }
.sectie-kop { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; border-top: 2px solid var(--ink); padding-top: 18px; margin-bottom: 28px; }
.sectie-kop h1,.sectie-kop h2 { font: 800 clamp(28px,3vw,38px)/1 var(--display); text-transform: uppercase; margin: 0; }
.sectie-kop .meer { font: 500 11px/1.4 var(--ui); color:var(--ink-2); }
.sectie-kop .tekstlink { min-height: 30px; }
.raster { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 34px 28px; }
.raster.twee { grid-template-columns: repeat(2,minmax(0,1fr)); }
.foto { display:block; overflow:hidden; background:var(--creme); }
.foto img { width:100%;height:100%;object-fit:cover;transition:transform 350ms ease; }
a.foto:hover img { transform:scale(1.025); }
.kaart .foto { aspect-ratio: 3/2; margin-bottom:18px; }
.kaart .rubriek { margin-bottom:9px; }
.kaart h3 { font:600 21px/1.27 var(--ui); letter-spacing:-.035em; margin:0 0 12px; }
.kaart.magazine h3 { font:500 27px/1.15 var(--lees);letter-spacing:-.025em; }
.kaart .inleiding { font:400 16px/1.5 var(--lees); color:var(--ink-2); margin:0 0 14px; }
.kaart.compact h3 { font-size:18px; }
.kaart.compact.magazine h3 { font-size:23px; }
.kaart.geen-foto { border-top:1px solid var(--lijn);padding-top:20px; }
.kaart .meta { margin-top: auto; }
.kaart { display:flex;flex-direction:column;align-items:stretch;min-width:0; }
/* Masthead */
.utility { background:var(--jungle);color:var(--papier);font:400 10px/1.4 var(--ui);letter-spacing:.05em; }
.utility .omhulsel { display:flex;justify-content:space-between;align-items:center;min-height:30px;gap:16px; }
.utility a { color:var(--licht-op-donker); }
.utility a:hover { color:var(--papier); }
.masthead { display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px; }
.merk { display:flex;align-items:center;gap:14px;color:var(--jungle); }
.merk img { width:51px;height:52px;object-fit:contain; }
.wordmark { display:flex;align-items:baseline;gap:9px;font:900 clamp(36px,4.6vw,65px)/.85 var(--display);letter-spacing:-.04em;text-transform:uppercase; }
.wordmark span { font-weight:600; }
.masthead-rechts { display:flex;gap:28px;align-items:center; }
.merkzin { font:400 17px/1.4 var(--lees);margin:0;color:var(--ink-2); }
.merkzin em { color:var(--jungle); }
.search-link { display:flex;align-items:center;gap:9px;min-height:44px;font:500 12px/1 var(--ui); }
.navigatie { border-top:1px solid var(--lijn);border-bottom:1px solid var(--ink); }
.nav-in { display:flex;justify-content:space-between;align-items:center;gap:20px; }
.hoofd ul { display:flex;gap:30px;list-style:none;margin:0;padding:0; }
.hoofd a { position:relative;display:flex;align-items:center;min-height:51px;font:600 12px/1.2 var(--ui); }
.hoofd a[aria-current=page]::after { content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--groen); }
.nav-latest { font:500 11px/1.4 var(--ui);display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px; }
.nav-latest::before { content:'';width:5px;height:5px;border-radius:50%;background:var(--groen); }
.mobiel-menu { display:none; }
.wedstrijdstrip { display:block;background:var(--creme);text-align:center;padding:10px 16px;font:500 12px/1.5 var(--ui); }
.mobiel-balk { display:none; }
/* Front page */
.editie-regel { display:flex;justify-content:space-between;gap:16px;padding-block:20px 23px;font:500 10px/1.5 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3); }
.editie-regel b { color:var(--jungle);font-weight:600; }
.opening { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,.9fr);gap:26px;padding-bottom:38px; }
.opening-lead { min-width:0; }
.opening-lead .foto { aspect-ratio:1.48; margin-bottom:20px; }
.opening-lead h1 { font:700 clamp(28px,2.7vw,39px)/1.08 var(--ui);letter-spacing:-.055em;margin:10px 0 14px; }
.opening-lead .intro { font:400 18px/1.4 var(--lees);color:var(--ink-2);margin:0 0 16px; }
.opening-zij { display:flex;flex-direction:column;gap:24px;border-left:1px solid var(--lijn);padding-left:25px; }
.opening-zij .kaart + .kaart { border-top:1px solid var(--lijn);padding-top:22px; }
.opening-zij .kaart .foto { aspect-ratio:1.65;margin-bottom:14px; }
.opening-zij .kaart h3 { font:600 18px/1.3 var(--ui);letter-spacing:-.03em; }
.nieuwsrail { border-left:1px solid var(--lijn);padding-left:24px; }
.rail-kop { display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:4px; }
.rail-kop h2 { margin:0;font:700 14px/1.2 var(--ui);letter-spacing:-.03em; }
.rail-kop svg { color:var(--groen-diep); }
.nieuwsregels { list-style:none;margin:0;padding:0; }
.nieuwsregels li { padding:15px 0;border-bottom:1px solid var(--lijn); }
.nieuwsregels time { display:block;font:400 10px/1.4 var(--ui);color:var(--ink-3);margin-bottom:6px; }
.nieuwsregels h3 { font:500 13px/1.45 var(--ui);margin:0;letter-spacing:-.015em; }
.rail-slot { margin-top:15px; }
.onder-opening { border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);display:flex;gap:24px;align-items:center;padding-block:13px; }
.onder-opening>span { font:600 10px/1.4 var(--ui);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);white-space:nowrap; }
.onder-opening a { font:500 11px/1.5 var(--ui);display:inline-flex;align-items:center;gap:7px; }
.onder-opening a::before { content:'/';color:var(--ink-3);margin-right:12px; }
.voetbal-layout { display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:36px;align-items:start; }
.leestips { border-left:1px solid var(--lijn);padding-left:25px; }
.leestips>h3 { font:700 12px/1.3 var(--ui);margin:0 0 8px; }
.leestips ol { list-style:none;padding:0;margin:0; }
.leestips li { display:grid;grid-template-columns:25px 1fr;gap:12px;border-bottom:1px solid var(--lijn);padding:19px 0; }
.leestips .nummer { font:400 26px/1 var(--lees);color:var(--groen-diep); }
.leestips h4 { font:500 13px/1.5 var(--ui);margin:0 0 6px; }
/* Spotlight — a deliberately slower spread */
.spotlight-band { background:var(--creme);padding-block:var(--sectie-ruimte); }
.spotlight-label { display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--ink);padding-top:18px;margin-bottom:28px; }
.spotlight-label h2 { font:500 clamp(34px,4vw,52px)/1 var(--lees);letter-spacing:-.04em;margin:0; }
.spotlight-label p { font:400 13px/1.4 var(--ui);color:var(--ink-2);margin:0; }
.spotlight-spread { display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center; }
.spotlight-beeld { position:relative; }
.spotlight-beeld .foto { aspect-ratio:1.12; }
.spotlight-beeld img { object-position:44% center; }
.spotlight-folio { display:flex;justify-content:space-between;gap:12px;font:400 10px/1.4 var(--ui);color:var(--ink-2);margin-top:12px; }
.spotlight-copy h3 { font:500 clamp(35px,4vw,56px)/1.04 var(--lees);letter-spacing:-.035em;margin:20px 0; }
.spotlight-copy .intro { font:400 19px/1.5 var(--lees);color:var(--ink-2);max-width:40ch; }
.spotlight-copy .tekstlink { border-bottom:1px solid var(--ink);margin-top:18px; }
.spotlight-copy .meta { margin-top:24px; }
.spotlight-bottom { margin-top:36px;border-top:1px solid var(--lijn-creme);padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:18px; }
.spotlight-bottom p { margin:0;font:400 14px/1.5 var(--lees);color:var(--ink-2); }
/* Natio */
.natio-band { background:var(--jungle);color:var(--papier);padding-block:var(--sectie-ruimte); }
.natio-band a:hover { color:var(--goud); }
.natio-in { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:80px; }
.natio-embleem { display:flex;gap:18px;align-items:center;margin-bottom:24px; }
.natio-embleem img { width:66px;height:67px;object-fit:contain; }
.natio-embleem h2 { font:800 clamp(44px,5vw,66px)/1 var(--display);margin:0;text-transform:uppercase;letter-spacing:-.03em; }
.natio-intro { font:400 25px/1.3 var(--lees);max-width:25ch;color:var(--licht-op-donker); }
.natio-band .eyebrow,.natio-band .rubriek { color:var(--goud); }
.natio-band .meta { color:var(--licht-op-donker); }
.natio-verhalen { list-style:none;margin:0;padding:0; }
.natio-verhalen li { border-top:1px solid var(--lijn-donker);padding:22px 0; }
.natio-verhalen h3 { font:500 clamp(20px,2vw,25px)/1.25 var(--ui);letter-spacing:-.025em;margin:8px 0; }
.natio-cijfers { display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--lijn-donker);padding-top:18px;margin-top:18px;font:500 13px/1.5 var(--ui); }
/* Video and community */
.video-layout { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:36px;align-items:center; }
.video-preview { position:relative; }
.video-preview .foto { aspect-ratio:16/9; }
.play-mark { position:absolute;bottom:20px;left:20px;display:flex;align-items:center;gap:10px;background:var(--papier);color:var(--jungle);padding:12px 16px;font:600 11px/1 var(--ui); }
.video-copy h3 { font:500 clamp(28px,3vw,40px)/1.13 var(--lees);letter-spacing:-.03em;margin:14px 0; }
.video-copy p { color:var(--ink-2); }
.community { border-top:1px solid var(--lijn);padding-block:48px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center; }
.community h2 { font:500 clamp(29px,3vw,40px)/1.13 var(--lees);letter-spacing:-.03em;margin:10px 0 16px; }
.community h2 strong { font-weight:500;color:var(--groen-diep); }
.community p { margin:0;max-width:48ch;font:400 17px/1.5 var(--lees);color:var(--ink-2); }
.community-acties { display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-left:35px;border-left:1px solid var(--lijn); }
/* Section fronts */
.front-kop { padding-block:40px 32px;border-bottom:1px solid var(--lijn);margin-bottom:32px; }
.kruimel { display:flex;align-items:center;gap:10px;font:500 11px/1.5 var(--ui);color:var(--ink-3);margin:0 0 22px; }
.front-kop h1 { font:800 clamp(48px,6vw,78px)/1 var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0 0 16px; }
.magazine .front-kop h1 { font-family:var(--lees);font-weight:500;text-transform:none; }
.front-intro { color:var(--ink-2);font:400 20px/1.45 var(--lees);max-width:64ch;margin:0; }
.rubriekchips { display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:22px; }
.rubriekchips a { display:flex;gap:10px;align-items:center;min-height:44px;font:500 12px/1.4 var(--ui);border-bottom:1px solid var(--lijn); }
.rubriekchips span { color:var(--ink-3);font-size:10px; }
.front-top { display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:44px; }
.front-lead .foto { aspect-ratio:16/10;margin-bottom:20px; }
.front-lead h2 { font:600 clamp(28px,3.5vw,44px)/1.1 var(--ui);letter-spacing:-.04em;margin:10px 0 16px; }
.magazine .front-lead h2 { font-family:var(--lees);font-weight:500; }
.front-lead .uitleg { color:var(--ink-2);font-size:19px; }
.front-naast { border-left:1px solid var(--lijn);padding-left:30px; }
.front-naast .kaart { padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--lijn); }
.front-verder { padding-block:48px 64px; }
.sectiefront.magazine { background:var(--creme); }
.archief-notitie { color:var(--ink-3);font:400 12px/1.6 var(--ui);margin-top:20px; }
/* Article reading */
.artikel-header { max-width:900px;margin:auto;padding:40px var(--ruimte) 28px; }
.artikel-header h1 { font:600 clamp(31px,4.5vw,57px)/1.1 var(--ui);letter-spacing:-.045em;margin:17px 0 22px; }
.artikel-header .intro { font:400 clamp(20px,2.2vw,25px)/1.45 var(--lees);color:var(--ink-2);margin-bottom:26px; }
.mag-art { background:var(--creme); }
.mag-art .artikel-header h1 { font-family:var(--lees);font-weight:500;font-size:clamp(36px,5vw,65px);letter-spacing:-.04em; }
.artikel-byline { border-top:1px solid var(--lijn);padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:center; }
.artikel-byline .meta { font-size:12px; }
.artikel-byline b { display:block;font:600 12px/1.8 var(--ui);color:var(--ink); }
.artikel-foto { max-width:1080px;margin:0 auto;padding-inline:var(--ruimte); }
.artikel-foto img { width:100%;max-height:660px;object-fit:cover; }
.artikel-foto figcaption { font:400 11px/1.5 var(--ui);color:var(--ink-3);margin-top:10px; }
.artikel-context { max-width:var(--leesbreedte);padding:0 24px;margin:30px auto 0; }
.artikel-context p { border-left:2px solid var(--lijn);padding-left:14px;font:400 12px/1.6 var(--ui);color:var(--ink-3);margin:0; }
.tekst { max-width:var(--leesbreedte);padding:30px 24px 48px;margin:auto;overflow-wrap:break-word; }
.tekst p { margin:0 0 24px; }
.tekst { font-size:20px;line-height:1.7; }
.tekst h2 { font:600 27px/1.25 var(--ui);letter-spacing:-.03em;margin:38px 0 17px; }
.tekst h3,.tekst h4 { font:600 23px/1.3 var(--lees);margin:30px 0 16px; }
.tekst blockquote { margin:36px 0;padding:8px 0 8px 24px;border-left:2px solid var(--groen);font:500 25px/1.35 var(--lees); }
.tekst blockquote p:last-child { margin:0; }
.tekst img { max-height:720px;object-fit:contain;margin:28px auto; }
.tekst a { color:var(--groen-diep);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px; }
.tekst ul,.tekst ol { padding-left:25px; }
.tekst iframe,.tekst video { max-width:100%; }
.deel-acties { display:flex;gap:8px;align-items:center;flex-wrap:wrap; }
.deel-acties a,.deel-acties button { min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border:1px solid var(--lijn);background:transparent;font:500 11px/1.4 var(--ui);text-decoration:none; }
.deel-acties .whatsapp { background:var(--jungle);color:var(--papier);border-color:var(--jungle); }
.deel-acties .whatsapp:hover { background:var(--jungle-2); }
.deel-einde { border-top:1px solid var(--lijn);padding-top:25px;margin-top:35px; }
.deel-einde>p { font:600 12px/1.5 var(--ui);margin-bottom:12px; }
.deel-status { font:500 12px/1.5 var(--ui);color:var(--groen-diep); }
/* Footer */
.site-footer { background:var(--jungle);color:var(--papier);padding-block:50px 22px; }
.voet-top { display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px; }
.voet-merk { font:800 35px/1 var(--display);text-transform:uppercase;letter-spacing:-.025em; }
.voet-top p { color:var(--licht-op-donker);max-width:36ch;font:400 17px/1.5 var(--lees);margin:17px 0; }
.voet-top h2 { font:600 11px/1.4 var(--ui);text-transform:uppercase;letter-spacing:.1em;color:var(--licht-op-donker);margin-bottom:18px; }
.voet-top ul { list-style:none;margin:0;padding:0; }
.voet-top li a { display:inline-block;padding:6px 0;font:500 12px/1.5 var(--ui); }
.site-footer a:hover { color:var(--goud); }
.voet-onder { display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--lijn-donker);margin-top:38px;padding-top:20px;font:400 10px/1.5 var(--ui);color:var(--licht-op-donker); }
/* Shared lists and search */
.pager { display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:36px;border-top:1px solid var(--lijn);padding-top:22px;font:500 12px/1.5 var(--ui); }
.pager a { padding:12px;border:1px solid var(--lijn); }
.nieuws-lijst { list-style:none;margin:0;padding:0; }
.nieuws-lijst>li { border-bottom:1px solid var(--lijn);padding:24px 0;display:grid;grid-template-columns:110px 1fr 130px;gap:28px;align-items:start; }
.nieuws-lijst time { font:500 11px/1.5 var(--ui);color:var(--ink-3); }
.nieuws-lijst h2 { font:600 21px/1.3 var(--ui);letter-spacing:-.025em;margin:5px 0 8px; }
.nieuws-lijst .foto { aspect-ratio:3/2; }
.zoek-form { display:flex;gap:0;max-width:750px;margin:26px 0; }
.zoek-form input { width:100%;min-width:0;padding:16px 18px;font:400 16px/1.5 var(--ui);border:1px solid var(--ink-3);background:var(--papier);border-radius:0; }
.zoek-status { font:400 13px/1.5 var(--ui);color:var(--ink-2); }
.zoek-resultaat { display:block;border-bottom:1px solid var(--lijn);padding:20px 0; }
.zoek-resultaat h2 { font:600 21px/1.3 var(--ui);margin:5px 0 10px; }
.zoek-resultaat p { margin:0;font:400 12px/1.5 var(--ui);color:var(--ink-3); }
@media (max-width:1100px) {
  .opening { grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); }
  .nieuwsrail { grid-column:1/-1;border-left:0;border-top:1px solid var(--lijn);padding:22px 0 0; }
  .nieuwsrail .nieuwsregels { display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px; }
  .voetbal-layout { grid-template-columns:1fr; }
  .leestips { border-left:0;padding-left:0;border-top:1px solid var(--lijn);padding-top:20px; }
  .leestips ol { display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }
  .natio-in { gap:40px; }
}
@media (max-width:760px) {
  .utility .omhulsel { font-size:9px; }
  .utility .utility-extra { display:none; }
  .masthead { padding-block:19px;gap:12px; }
  .merk { gap:9px; }
  .merk img { width:35px;height:36px; }
  .wordmark { font-size:37px;gap:5px; }
  .masthead-rechts { gap:15px; }
  .merkzin,.search-link span,.hoofd,.nav-latest { display:none; }
  .search-link { min-width:30px;justify-content:center; }
  .navigatie { border-top:0; }
  .nav-in { min-height:0; }
  .site-header { position:relative; }
  .mobiel-menu { display:block;position:static; }
  .mobiel-menu summary { list-style:none;display:flex;align-items:center;justify-content:center;min-height:44px;min-width:32px; }
  .mobiel-menu summary::-webkit-details-marker { display:none; }
  .menu-panel { position:absolute;right:0;top:100%;width:min(100%,420px);background:var(--papier);border-bottom:2px solid var(--jungle);padding:20px var(--ruimte);z-index:100;box-shadow:0 12px 18px rgb(0 0 0 / .06); }
  .menu-panel a { display:block;padding:13px 0;border-bottom:1px solid var(--lijn);font:500 17px/1.4 var(--ui); }
  .menu-panel p { font:400 13px/1.5 var(--lees);color:var(--ink-2);margin:18px 0 4px; }
  .editie-regel { padding-block:16px;font-size:9px; }
  .editie-regel span:last-child { display:none; }
  .opening { grid-template-columns:1fr;gap:26px;padding-bottom:24px; }
  .opening-lead .foto { aspect-ratio:1.45;margin-bottom:17px; }
  .opening-lead h1 { font-size:31px;line-height:1.12; }
  .opening-lead .intro { font-size:18px; }
  .nieuwsrail { grid-row:2;padding-top:19px; }
  .nieuwsrail .nieuwsregels { display:block; }
  .nieuwsrail .nieuwsregels li { display:grid;grid-template-columns:69px 1fr;gap:14px; }
  .nieuwsrail .nieuwsregels li:nth-child(n+4) { display:none; }
  .nieuwsregels h3 { font-size:14px; }
  .nieuwsregels time { font-size:10px; }
  .opening-zij { border-left:0;padding-left:0;display:grid;grid-template-columns:1fr 1fr;gap:18px; }
  .opening-zij .kaart + .kaart { padding:0;border:0; }
  .opening-zij .kaart h3 { font-size:17px; }
  .opening-zij .kaart .foto { aspect-ratio:1.25; }
  .onder-opening { gap:12px;flex-wrap:wrap; }
  .onder-opening a { font-size:10px; }
  .onder-opening a::before { margin-right:0; }
  .onder-opening>span { width:100%; }
  .raster { grid-template-columns:1fr;gap:30px; }
  .raster.twee { grid-template-columns:1fr; }
  .kaart h3 { font-size:23px; }
  .kaart.magazine h3 { font-size:29px; }
  .kaart.compact h3 { font-size:20px; }
  .voetbal-layout>.raster .kaart { display:grid;grid-template-columns:1fr 108px;column-gap:16px;border-bottom:1px solid var(--lijn);padding-bottom:22px; }
  .voetbal-layout>.raster .kaart .foto { grid-column:2;grid-row:1/5;aspect-ratio:1.2;margin:0;width:100%;min-width:0;align-self:start; }
  .voetbal-layout>.raster .kaart h3 { font-size:18px; }
  .voetbal-layout>.raster .kaart .meta { font-size:10px; }
  .leestips ol { grid-template-columns:1fr;gap:0; }
  .leestips h4 { font-size:15px; }
  .spotlight-label { align-items:baseline;gap:15px; }
  .spotlight-label p { display:none; }
  .spotlight-spread { grid-template-columns:1fr;gap:25px; }
  .spotlight-beeld .foto { aspect-ratio:1.15; }
  .spotlight-copy h3 { font-size:41px; }
  .spotlight-copy .intro { font-size:20px; }
  .spotlight-copy .tekstlink { margin-top:4px; }
  .spotlight-bottom { flex-direction:column;align-items:flex-start;gap:8px; }
  .natio-in { grid-template-columns:1fr;gap:25px; }
  .natio-intro { max-width:32ch;font-size:23px; }
  .natio-embleem { margin-bottom:16px; }
  .natio-embleem h2 { font-size:54px; }
  .natio-verhalen h3 { font-size:22px; }
  .video-layout { grid-template-columns:1fr;gap:24px; }
  .community { grid-template-columns:1fr;gap:25px; }
  .community-acties { padding-left:0;border-left:0; }
  .front-kop { padding-block:25px; }
  .front-top { grid-template-columns:1fr;gap:28px; }
  .front-naast { padding-left:0;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:20px; }
  .front-naast .kaart h3 { font-size:19px; }
  .front-naast .kaart { margin-bottom:0; }
  .front-naast .kaart .foto { aspect-ratio:1.25; }
  .front-verder { padding-block:35px 45px; }
  .artikel-header { padding-block:25px 24px; }
  .artikel-header h1 { font-size:33px; }
  .mag-art .artikel-header h1 { font-size:40px; }
  .artikel-byline { flex-wrap:wrap;gap:12px; }
  .artikel-byline .deel-acties { width:100%; }
  .artikel-foto { padding-inline:0; }
  .artikel-foto figcaption { padding-inline:var(--ruimte); }
  .tekst { padding-inline:var(--ruimte);font-size:19px;line-height:1.65; }
  .artikel-context { padding-inline:var(--ruimte); }
  .voet-top { grid-template-columns:1fr 1fr;gap:30px; }
  .voet-intro { grid-column:1/-1; }
  .site-footer { padding-bottom:92px; }
  .mobiel-balk { display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:80;background:var(--papier);border-top:1px solid var(--lijn);padding:6px 12px calc(6px + env(safe-area-inset-bottom)); }
  .mobiel-balk a { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:46px;font:500 9px/1.3 var(--ui);color:var(--ink-2); }
  .mobiel-balk a[aria-current=page] { color:var(--groen-diep);font-weight:700; }
  .mobiel-balk.artikel-balk { grid-template-columns:1fr 2fr;gap:14px; }
  .mobiel-balk.artikel-balk a { flex-direction:row;gap:8px;font-size:12px; }
  .mobiel-balk .mobiel-deel { color:var(--papier);background:var(--jungle); }
  .nieuws-lijst>li { grid-template-columns:1fr 90px;gap:10px 18px; }
  .nieuws-lijst time { grid-column:1/-1; }
  .nieuws-lijst h2 { font-size:19px; }
}
@media (max-width:380px) {
  .wordmark { font-size:28px; }
  .masthead { gap:8px; }
  .masthead-rechts { gap:10px; }
  .utility a { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation:none!important;transition:none!important; }
}
/* Partnership editorial portfolio */
.partner-opening { background:var(--creme); }
.partner-opening-in { display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-block:55px;align-items:center; }
.partner-belofte h1 { font:500 clamp(40px,4.4vw,62px)/1.04 var(--lees);letter-spacing:-.04em;margin:20px 0 25px; }
.partner-belofte h1 em { color:var(--groen-diep); }
.partner-belofte>p:not(.eyebrow) { color:var(--ink-2);font:400 20px/1.5 var(--lees);max-width:43ch; }
.partner-belofte .knop { margin-top:10px; }
.partner-beeld { position:relative; }
.partner-beeld img { width:100%;aspect-ratio:1;object-fit:cover;object-position:44% center; }
.partner-beeld span { display:block;font:400 11px/1.5 var(--ui);margin-top:12px;color:var(--ink-2); }
.partner-bereik { display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:32px;border-bottom:1px solid var(--lijn); }
.partner-bereik strong { display:block;font:800 51px/1 var(--display);color:var(--jungle);letter-spacing:-.025em; }
.partner-bereik span { font:400 11px/1.5 var(--ui);color:var(--ink-2); }
.partner-bereik p { font:400 18px/1.5 var(--lees);margin:0;color:var(--ink-2); }
.partner-intro { max-width:650px;margin-bottom:40px; }
.partner-intro h2,.partner-aanpak h2,.partner-portfolio h2 { font:500 clamp(32px,3.8vw,45px)/1.1 var(--lees);letter-spacing:-.035em; }
.partner-intro>p:last-child { font-size:19px;color:var(--ink-2); }
.partner-format { display:grid;grid-template-columns:60px 1fr 1.15fr;gap:32px;border-top:1px solid var(--ink);padding-block:30px 35px; }
.format-nummer { font:400 29px/1 var(--lees);color:var(--ink-3); }
.partner-format h3 { font:500 31px/1.1 var(--lees);letter-spacing:-.03em;margin:14px 0 0; }
.partner-format p { font:400 17px/1.55 var(--lees);color:var(--ink-2);margin:0 0 18px; }
.partner-format p.format-onderdelen { font:500 11px/1.8 var(--ui);color:var(--groen-diep);margin:0; }
.partner-portfolio { background:var(--creme);padding-block:55px; }
.partner-portfolio-in { display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center; }
.partner-portfolio .foto { aspect-ratio:1.35; }
.partner-portfolio p { color:var(--ink-2); }
.partner-portfolio p.portfolio-notitie { font:400 11px/1.6 var(--ui);margin-top:18px; }
.partner-aanpak { display:grid;grid-template-columns:1fr 1fr;gap:70px; }
.partner-aanpak>div>p:last-child { max-width:35ch;color:var(--ink-2); }
.partner-aanpak ol { list-style:none;margin:0;padding:0;counter-reset:stap; }
.partner-aanpak li { border-bottom:1px solid var(--lijn);padding:18px 0 18px 30px;position:relative;counter-increment:stap; }
.partner-aanpak li::before { content:counter(stap);position:absolute;left:0;font:400 19px/1.2 var(--lees);color:var(--groen-diep); }
.partner-aanpak b { font:600 14px/1.4 var(--ui); }
.partner-aanpak li p { font:400 16px/1.5 var(--lees);margin:8px 0 0;color:var(--ink-2); }
.partner-contact { background:var(--jungle);color:var(--papier);padding-block:60px; }
.partner-contact-in { display:grid;grid-template-columns:1.3fr 1fr;gap:80px; }
.partner-contact h2 { font:500 clamp(40px,5vw,60px)/1.1 var(--lees);letter-spacing:-.035em;margin:16px 0; }
.partner-contact p { color:var(--licht-op-donker);max-width:46ch; }
.partner-contact .eyebrow { color:var(--goud); }
.partner-contact aside { border-left:1px solid var(--lijn-donker);padding-left:35px;align-self:center; }
.partner-contact aside h3 { font:600 17px/1.3 var(--ui); }
.partner-contact aside p { font:400 16px/1.6 var(--lees); }
.partner-mail { display:block;font:400 12px/1.5 var(--ui);color:var(--licht-op-donker);margin-top:20px;overflow-wrap:anywhere; }
.partner-mail:hover { color:var(--papier); }
.video-bronnen { border-top:1px solid var(--lijn);padding-top:24px;margin-top:24px; }
.video-bronnen .tekstlink { display:flex;text-decoration:none; }
[hidden] { display:none!important; }
@media(max-width:760px) {
  .partner-opening-in { grid-template-columns:1fr;padding-block:30px;gap:30px; }
  .partner-belofte h1 { font-size:43px; }
  .partner-beeld img { aspect-ratio:1.4; }
  .partner-bereik { flex-wrap:wrap;gap:20px; }
  .partner-bereik p { font-size:16px; }
  .partner-bereik .tekstlink { display:none; }
  .partner-format { grid-template-columns:32px 1fr;gap:15px; }
  .partner-format>div:last-child { grid-column:2; }
  .partner-format h3 { font-size:30px; }
  .partner-portfolio-in,.partner-aanpak,.partner-contact-in { grid-template-columns:1fr;gap:30px; }
  .partner-contact aside { border-left:0;border-top:1px solid var(--lijn-donker);padding:26px 0 0; }
}

/* News-first revision: compact choices, complete feeds and stable navigation. */
:root { --news-title: 17px; --row-space: 14px; }
.meta { font-size:12px; }
.masthead { padding-block:15px; }
.merk img { width:42px;height:43px; }
.wordmark { font-size:48px; }
.hoofd a { min-height:45px;font-size:13px; }
.editie-regel { padding-block:14px; }
.opening { grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:32px;padding-bottom:26px; }
.top-stories { min-width:0; }
.opening-lead { display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;border-bottom:1px solid var(--lijn);padding-bottom:24px; }
.opening-lead .foto { aspect-ratio:4/3;margin:0; }
.opening-lead h1 { font-size:clamp(25px,2.4vw,33px);line-height:1.13;letter-spacing:-.04em;margin:12px 0 16px; }
.opening-zij { display:grid;grid-template-columns:1fr 1fr;border:0;padding:22px 0;gap:24px; }
.opening-zij .kaart + .kaart { border:0;padding:0; }
.opening-zij .kaart .foto { aspect-ratio:1.9; }
.opening-zij .kaart h3 { font-size:18px;line-height:1.3; }
.nieuwsrail { grid-column:auto;grid-row:auto;border-top:0;border-left:1px solid var(--lijn);padding:0 0 0 28px; }
.feed-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:2px solid var(--ink);padding:13px 0 11px; }
.feed-heading h2 { margin:0;font:700 20px/1.2 var(--ui);letter-spacing:-.035em; }
.feed-heading>a,.feed-heading>span { font:500 12px/1.4 var(--ui); }
.feed-heading>a { min-height:32px;display:flex;align-items:center; }
.archive-line { font:400 12px/1.5 var(--ui);color:var(--ink-2);margin:0 0 10px; }
.news-feed { list-style:none;margin:0;padding:0; }
.news-feed>li { border-bottom:1px solid var(--lijn); }
.news-row { display:flex;justify-content:space-between;align-items:center;gap:24px;padding:var(--row-space) 0;min-height:68px; }
.news-text { min-width:0; }
.news-row h3 { font:600 var(--news-title)/1.35 var(--ui);letter-spacing:-.025em;margin:0; }
.news-row:hover h3 { text-decoration:underline;text-underline-offset:3px; }
.news-meta { display:flex;gap:12px;flex-wrap:wrap;color:var(--ink-2);font:400 12px/1.4 var(--ui);margin:0 0 6px; }
.news-meta span { color:var(--groen-diep);font-weight:500; }
.news-row img { width:116px;height:77px;object-fit:cover;flex:none; }
.compact-feed .news-row { padding-block:12px; }
.compact-feed .news-row h3 { font-size:15px; }
.compact-feed .news-meta { font-size:11px; }
.compact-feed .news-meta span { display:none; }
.match-short { display:grid;gap:8px;padding:20px;background:var(--creme);border-left:3px solid var(--groen);font:400 13px/1.5 var(--ui); }
.match-short strong { font:600 21px/1.2 var(--ui);letter-spacing:-.035em; }
.match-short b { font-size:11px; }
.match-link { text-decoration:underline;text-underline-offset:4px;font-size:12px; }
.onder-opening { padding-block:10px; }
.natio-band { padding-block:32px;margin-top:28px; }
.natio-in { grid-template-columns:1fr 1.4fr;gap:50px; }
.natio-embleem { margin-bottom:12px; }
.natio-embleem img { width:42px;height:43px; }
.natio-embleem h2 { font-size:40px; }
.natio-intro { font-size:22px;margin-bottom:18px; }
.natio-in .knop { margin-right:20px; }
.natio-verhalen li { padding-block:12px; }
.natio-verhalen h3 { font-size:20px; }
.spotlight-spread { grid-template-columns:1fr 1fr;gap:50px; }
.spotlight-beeld .foto { aspect-ratio:1.35; }
.spotlight-copy h3 { font-size:clamp(32px,3.5vw,47px); }
.spotlight-copy .tekstlink { margin-top:0; }
.compact-header { padding-top:24px;padding-bottom:20px; }
.compact-header .kruimel { margin-bottom:12px; }
.compact-header h1 { font:800 42px/1 var(--display);text-transform:uppercase;margin:0 0 10px; }
.compact-header>p:not(.kruimel) { color:var(--ink-2);font:400 16px/1.5 var(--ui);margin:0;max-width:70ch; }
.topic-nav { display:flex;flex-wrap:wrap;gap:6px;margin-top:18px; }
.topic-nav a { display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid var(--lijn);font:500 13px/1.3 var(--ui); }
.topic-nav a[aria-current=page] { background:var(--jungle);border-color:var(--jungle);color:var(--papier); }
.section-content { padding-bottom:48px; }
.with-sidebar { display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:48px; }
.section-aside { padding-top:0; }
.aside-guide { border-top:1px solid var(--lijn);margin-top:28px;padding-top:20px; }
.aside-guide h2 { font:600 18px/1.3 var(--ui);letter-spacing:-.03em;margin-bottom:10px; }
.aside-guide p { font:400 16px/1.5 var(--lees);color:var(--ink-2);margin:0; }
.magazine-view { background:var(--creme); }
.magazine-view .compact-header h1 { font:500 46px/1.05 var(--lees);text-transform:none; }
.magazine-view .raster { padding-top:16px;align-items:start; }
.magazine-view .geen-foto { background:var(--creme-diep);padding:24px;border-top:3px solid var(--jungle); }
.magazine-view .geen-foto .meta { margin-top:20px; }
.magazine-view .kaart .foto { aspect-ratio:1.8; }
.magazine-view .kaart h3 { max-width:32ch;font-size:27px; }
.schedule { padding-bottom:48px; }
.schedule-note { font:400 14px/1.6 var(--ui);color:var(--ink-2);max-width:82ch; }
.schedule-note a { text-decoration:underline;text-underline-offset:3px; }
.schedule ol { padding:0;list-style:none;border-top:2px solid var(--ink);margin:24px 0; }
.schedule li { display:grid;grid-template-columns:1.4fr 1fr;gap:32px;border-bottom:1px solid var(--lijn);padding:28px 0;align-items:center; }
.schedule li h2 { font:600 25px/1.2 var(--ui);letter-spacing:-.035em;margin:8px 0; }
.schedule li h2 span { color:var(--ink-3); }
.schedule li>div>p { margin:0;font:400 13px/1.5 var(--ui);color:var(--ink-2); }
.match-times { display:grid;gap:12px; }
.match-times p { display:flex;justify-content:space-between;gap:16px;font:400 14px/1.5 var(--ui);margin:0; }
.match-times b { font-weight:500; }
.article-reading-link { display:inline-flex;min-height:44px;align-items:center;font:500 12px/1.4 var(--ui);text-decoration:underline;text-underline-offset:4px;margin-top:12px; }
.search-header { max-width:850px; }
.search-header .zoek-form { margin:20px 0 12px; }
.search-results { max-width:850px;padding-bottom:48px; }
.search-results .zoek-resultaat:first-child { border-top:2px solid var(--ink); }
.search-results .rubriekchips { margin-top:28px; }
.artikel-header .kruimel a { display:inline-flex;min-height:32px;align-items:center; }
@media (min-width:761px) and (max-width:1000px) {
  .opening { grid-template-columns:minmax(0,1.5fr) minmax(265px,1fr);gap:24px; }
  .opening-lead { grid-template-columns:1fr;gap:15px; }
  .opening-lead .foto { grid-row:1;aspect-ratio:2; }
  .opening-zij { grid-template-columns:1fr; }
  .opening-zij .kaart { display:grid;grid-template-columns:1fr 100px;column-gap:14px; }
  .opening-zij .kaart .foto { grid-column:2;grid-row:1/4;width:100%;aspect-ratio:1.25;align-self:start;margin:0; }
  .hoofd ul { gap:20px; }
  .with-sidebar { grid-template-columns:minmax(0,1fr) 250px;gap:26px; }
}
@media (max-width:760px) {
  .utility { display:none; }
  .masthead { padding-block:10px;gap:12px; }
  .merk img { width:32px;height:33px; }
  .wordmark { font-size:32px;gap:4px; }
  .masthead-rechts { gap:6px; }
  .search-link,.mobiel-menu summary { min-width:44px;min-height:44px; }
  .navigatie { border-top:1px solid var(--lijn); }
  .nav-in { overflow-x:auto;scrollbar-width:none; }
  .hoofd { display:block; }
  .hoofd ul { gap:23px; }
  .hoofd a { min-height:43px;white-space:nowrap;font-size:13px; }
  .menu-panel { max-height:calc(100dvh - 170px);overflow:auto; }
  .editie-regel { padding-block:12px;font-size:10px; }
  .opening { display:grid;grid-template-columns:1fr;gap:22px; }
  .top-stories { display:contents; }
  .opening-lead { grid-row:1;grid-template-columns:minmax(0,1fr) 112px;gap:16px;padding:0 0 20px;align-items:start; }
  .opening-lead .foto { margin:0;aspect-ratio:.9; }
  .opening-lead h1 { font-size:23px;line-height:1.18;margin:8px 0 12px; }
  .opening-lead .rubriek { font-size:10px;letter-spacing:.04em; }
  .opening-lead .meta { font-size:11px; }
  .nieuwsrail { grid-row:2;grid-column:1;border:0;padding:0; }
  .feed-heading { padding-block:10px; }
  .feed-heading h2 { font-size:19px; }
  .compact-feed .news-row { padding-block:12px; }
  .compact-feed .news-row h3 { font-size:16px; }
  .compact-feed .news-meta { font-size:12px; }
  .opening-zij { grid-row:3;padding:0;gap:18px; }
  .opening-zij .kaart h3 { font-size:17px; }
  .opening-zij .kaart .foto { aspect-ratio:1.6; }
  .opening-match { grid-row:4; }
  .onder-opening { display:none; }
  .natio-in { grid-template-columns:1fr;gap:20px; }
  .natio-intro { font-size:20px; }
  .natio-verhalen h3 { font-size:19px; }
  .natio-embleem h2 { font-size:35px; }
  .spotlight-spread { grid-template-columns:1fr;gap:24px; }
  .spotlight-beeld .foto { aspect-ratio:1.35; }
  .spotlight-copy h3 { font-size:35px; }
  .compact-header { padding-top:20px;padding-bottom:16px; }
  .compact-header h1 { font-size:36px; }
  .compact-header>p:not(.kruimel) { font-size:14px; }
  .topic-nav { gap:6px;margin-top:14px; }
  .topic-nav a { padding:8px 11px;font-size:12px; }
  .with-sidebar { grid-template-columns:1fr;gap:32px; }
  .news-row { gap:16px;padding-block:14px; }
  .news-row img { width:82px;height:62px; }
  .news-row h3 { font-size:17px; }
  .news-meta { font-size:11px;gap:8px; }
  .magazine-view .raster.twee { grid-template-columns:1fr;gap:30px; }
  .magazine-view .kaart h3 { font-size:26px; }
  .schedule li { grid-template-columns:1fr;gap:20px;padding-block:23px; }
  .schedule li h2 { font-size:23px; }
  .match-times { padding-top:14px;border-top:1px solid var(--lijn-2); }
  .match-times p { font-size:13px; }
  .artikel-header { padding-top:20px; }
  .artikel-header h1 { font-size:30px; }
  .mag-art .artikel-header h1 { font-size:34px; }
  .artikel-header .intro { font-size:20px;line-height:1.45;margin-bottom:20px; }
  .mobiel-balk.met-delen { grid-template-columns:repeat(5,1fr); }
  .mobiel-balk .mobiel-deel { background:transparent;color:var(--groen-diep); }
}
@media (max-width:380px) {
  .wordmark { font-size:26px; }
  .merk { gap:6px; }
  .masthead { gap:5px; }
  .masthead-rechts { gap:0; }
  .merk img { width:28px;height:30px; }
  .opening-lead { grid-template-columns:minmax(0,1fr) 88px;gap:12px; }
  .opening-lead h1 { font-size:21px; }
  .news-row img { width:70px;height:56px; }
  .news-row { gap:12px; }
}