/* ==========================================================================
   WFL — Nieuws: index (nieuws.html) + article template (nieuws/<slug>.html)
   Scoped under body.page-nieuws (articles add body.is-article). Brief §5.12.
   ========================================================================== */

/* ---- Index: page head ------------------------------------------------------ */
.page-nieuws .nhead { padding-top: clamp(var(--s-6), 4.5vw, var(--s-8)); padding-bottom: clamp(var(--s-5), 3vw, var(--s-7)); }
.page-nieuws .nhead__title .d1 { font-size: clamp(4rem, 11vw, 10.5rem); line-height: .82; }

/* ---- Index: featured story (16:9 screen) ------------------------------------ */
.page-nieuws .nfeat .container--wide { padding-inline: var(--screen-inset); }
@media (min-width: 1024px) { .page-nieuws .nfeat__screen { max-height: calc(100svh - var(--header-h) - 2 * var(--screen-inset)); min-height: 600px; } }
.page-nieuws .nfeat__screen .screen__fx {
  background: linear-gradient(to top, rgba(7, 7, 10, .92) 0%, rgba(7, 7, 10, .62) 34%, rgba(7, 7, 10, 0) 70%), var(--tekstveilig-links), var(--vignet);
}
.page-nieuws .nfeat__copy { gap: var(--s-4); max-width: 980px; justify-items: start; }
.page-nieuws .nfeat__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; color: var(--bot-80); }
.page-nieuws .nfeat__title { font: 900 clamp(2.25rem, 5.4vw, 6rem) / .86 var(--font-display); text-transform: uppercase; letter-spacing: -.005em; color: var(--bot); max-width: 17ch; }
.page-nieuws .nfeat__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: var(--r-screen); }
.page-nieuws .nfeat__link:focus-visible { outline: none; box-shadow: none; }
.page-nieuws .nfeat__link:focus-visible::after { outline: 2px solid var(--blauw-signaal); outline-offset: -4px; box-shadow: inset 0 0 0 8px rgba(0, 51, 255, .45); }
.page-nieuws .nfeat__cta { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 24px; border-radius: var(--r-pill); background: var(--rood); color: var(--wit); font: 600 16px/1 var(--font-body); margin-top: var(--s-2); }
.page-nieuws .nfeat__cta .btn__icon { transition: transform var(--t-micro) var(--ease-out); }
.page-nieuws .nfeat__screen:hover .nfeat__cta { background: var(--rood-diep); }
.page-nieuws .nfeat__screen:hover .nfeat__cta .btn__icon { transform: translateX(4px); }
.page-nieuws .nfeat__screen .media img, .page-nieuws .nfeat__screen video { transition: transform 1.2s var(--ease-licht); }
.page-nieuws .nfeat__screen:hover .media img, .page-nieuws .nfeat__screen:hover video { transform: scale(1.025); }
@media (max-width: 767.98px) {
  .page-nieuws .nfeat__cta { min-height: 44px; padding: 0 20px; }
}

/* ---- Index: list -------------------------------------------------------------- */
.page-nieuws .nlist__head { display: grid; gap: var(--s-5); margin-bottom: var(--s-4); }
.page-nieuws .nlist__head .filters { margin-bottom: 0; }
/* the chips explain themselves: "RUBRIEK" stays only as the group's accessible name */
.page-nieuws .nlist__head .filters__label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (min-width: 1024px) {
  .page-nieuws .nlist__head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; }
  .page-nieuws .nlist__head .filters { justify-items: end; }
  .page-nieuws .nlist__head .filters__count { text-align: right; }
}
.page-nieuws .nrows { border-bottom: 1px solid var(--touw); }
.page-nieuws .nrow {
  position: relative; isolation: isolate;
  display: grid; gap: 6px var(--gutter); grid-template-columns: minmax(0, 1fr);
  padding: var(--s-5) 0;
  border-top: 1px solid var(--touw);
}
.page-nieuws .nrow::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: var(--licht-rood); mix-blend-mode: screen; opacity: 0;
  transition: opacity 600ms var(--ease-out);
}
.page-nieuws .nrow:hover::before, .page-nieuws .nrow:focus-within::before { opacity: .32; }
.page-nieuws .nrow__date time { display: flex; align-items: baseline; gap: 10px; }
.page-nieuws .nrow__date .stencil { font-size: 1.5rem; line-height: .9; }
.page-nieuws .nrow__date .mono { color: var(--rook); }
.page-nieuws .nrow__body { display: grid; gap: 8px; min-width: 0; }
.page-nieuws .nrow__cat { color: var(--rood-signaal); }
.page-nieuws .nrow[data-cat="aankondigingen"] .nrow__cat { color: var(--blauw-signaal); }
.page-nieuws .nrow[data-cat="fighters"] .nrow__cat, .page-nieuws .nrow[data-cat="achter-de-schermen"] .nrow__cat { color: var(--rook); }
.page-nieuws .nrow__title { font: 900 clamp(1.75rem, 3.3vw, 3.25rem) / .92 var(--font-display); text-transform: uppercase; letter-spacing: -.005em; color: var(--bot); max-width: 26ch; text-wrap: balance; }
.page-nieuws .nrow__link { transition: color var(--t-micro); }
.page-nieuws .nrow__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.page-nieuws .nrow__link:focus-visible { outline: none; box-shadow: none; }
.page-nieuws .nrow:has(.nrow__link:focus-visible) { outline: 2px solid var(--blauw-signaal); outline-offset: 2px; border-radius: 4px; }
@media (min-width: 768px) {
  .page-nieuws .nrow { grid-template-columns: 150px minmax(0, 1fr); align-items: center; padding: var(--s-6) 0; }
  .page-nieuws .nrow__date time { flex-direction: column; gap: 8px; }
  .page-nieuws .nrow__date .stencil { font-size: clamp(2.5rem, 3.6vw, 3.5rem); line-height: .82; }
  .page-nieuws .nrow__title { transition: color var(--t-micro), transform 400ms var(--ease-licht); }
  .page-nieuws .nrow:hover .nrow__title { color: var(--wit); transform: translateX(6px); }
}
@media (min-width: 1024px) { .page-nieuws .nrow { grid-template-columns: 200px minmax(0, 1fr); } }
.page-nieuws .nlist__empty { padding: var(--s-6) 0; }
/* stacked sections: one gap, not section-bottom + section-top */
.page-nieuws .nlist, .page-nieuws .art-related { padding-bottom: calc(var(--section-y) * .45); }
.page-nieuws .nlist + .nf, .page-nieuws .art-related + .nf, .page-nieuws .art-tags + .nf { padding-top: calc(var(--section-y) * .4); }

/* ---- Volgend gevecht band (index + articles) ------------------------------------ */
.page-nieuws .nf .container--wide { padding-inline: var(--screen-inset); }
.page-nieuws .nf__frame { position: relative; }
.page-nieuws .nf__copy { display: grid; gap: 10px; justify-items: start; padding: var(--s-5) calc(var(--margin) - var(--screen-inset)) 0; }
.page-nieuws .nf__date { display: flex; align-items: baseline; gap: 12px; }
.page-nieuws .nf__date .stencil { font-size: clamp(2.5rem, 4vw, 3.5rem); line-height: .85; }
.page-nieuws .nf__date .mono { color: var(--bot-80); }
/* the band's city is a section heading (d2): nothing on the page outranks the H1 */
.page-nieuws .nf__city { line-height: .86; }
.page-nieuws .nf__meta { color: var(--bot-80); font-size: var(--fs-small); max-width: 52ch; }
.page-nieuws .nf__bill { color: var(--bot); font-size: 1.0625rem; }
.page-nieuws .nf__bill:empty { display: none; }
.page-nieuws .nf__ctas { margin-top: var(--s-3); }
@media (min-width: 1024px) {
  .page-nieuws .nf__screen { min-height: 580px; }
  .page-nieuws .nf__screen .screen__fx {
    background: linear-gradient(to right, rgba(7, 7, 10, .9) 0%, rgba(7, 7, 10, .62) 34%, rgba(7, 7, 10, 0) 64%), var(--tekstveilig-onder), var(--vignet);
  }
  .page-nieuws .nf__copy { position: absolute; z-index: 3; left: 0; bottom: 0; max-width: 760px; padding: clamp(28px, 3.4vw, 56px); padding-top: 0; }
}

/* ==========================================================================
   Article (nieuws/<slug>.html)
   ========================================================================== */
.page-nieuws .art-hero { padding-top: var(--s-4); }
.page-nieuws .art-hero__crumbs { padding-bottom: var(--s-4); }
/* breadcrumbs() renders the way back only (Home / Nieuws): the H1 right below names the page */
.page-nieuws .art-hero__frame { position: relative; padding-inline: var(--screen-inset); }
.page-nieuws .art-hero__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; color: var(--bot-80); }
.page-nieuws .nmeta-ev { color: var(--bot-80); }
/* YouTube hero: a clean thumbnail (baked-in type); headline + "Bekijk video" sit beside/below it */
.page-nieuws .art-hero__screen--yt .screen__fx { background: var(--vignet); }
.page-nieuws .art-hero__title { font: 900 clamp(2.25rem, 5.4vw, 6rem) / .88 var(--font-display); text-transform: uppercase; letter-spacing: -.005em; color: var(--bot); max-width: 18ch; text-wrap: balance; }
/* headline over the screen (4:5 on phones via .screen.has-overlay, 16:9 from 768px) */
.page-nieuws .art-hero__copy { gap: var(--s-4); justify-items: start; max-width: 1080px; }
.page-nieuws .art-hero__screen:not(.art-hero__screen--yt) .screen__fx {
  background: linear-gradient(to top, rgba(7, 7, 10, .95) 0%, rgba(7, 7, 10, .72) 32%, rgba(7, 7, 10, .1) 64%, rgba(7, 7, 10, 0) 78%), var(--vignet);
}
.page-nieuws .art-hero__screen .screen__caption { left: auto; right: clamp(16px, 2.4vw, 32px); top: clamp(18px, 2.6vw, 34px); bottom: auto; }
@media (min-width: 1024px) {
  .page-nieuws .art-hero__screen:not(.art-hero__screen--yt) { max-height: calc(100svh - var(--header-h) - 2 * var(--screen-inset) - 44px); min-height: 560px; width: 100%; }
  .page-nieuws .art-hero__screen:not(.art-hero__screen--yt) .screen__fx {
    background: linear-gradient(to top, rgba(7, 7, 10, .94) 0%, rgba(7, 7, 10, .66) 30%, rgba(7, 7, 10, 0) 62%), linear-gradient(to right, rgba(7, 7, 10, .6) 0%, rgba(7, 7, 10, 0) 55%), var(--vignet);
  }
  .page-nieuws .art-hero__screen .screen__overlay { padding: clamp(28px, 3.4vw, 56px); }
  .page-nieuws .art-hero__copy { max-width: 70%; }
}
/* YouTube hero = player: thumbnail has baked-in type, so the headline stays below the screen */
.page-nieuws .art-hero__copy--below { display: grid; gap: var(--s-4); justify-items: start; padding: var(--s-5) calc(var(--margin) - var(--screen-inset)) 0; }
.page-nieuws .art-hero--below .art-hero__screen.has-overlay { aspect-ratio: 16 / 9; }
@media (min-width: 1024px) {
  .page-nieuws .art-hero--below .art-hero__frame { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: var(--s-6); align-items: end; }
  .page-nieuws .art-hero__copy--below { padding: 0 calc(var(--margin) - var(--screen-inset)) var(--s-4) 0; }
  .page-nieuws .art-hero--below .art-hero__title { font-size: clamp(2.75rem, 4.4vw, 5rem); }
}

.page-nieuws .art-grid { display: grid; gap: var(--s-7); padding-block: clamp(var(--s-6), 6vw, var(--s-9)) 0; }
.page-nieuws .art-meta { display: grid; gap: var(--s-4); align-content: start; }
.page-nieuws .art-meta dl { display: flex; flex-wrap: wrap; gap: var(--s-4) var(--s-6); padding-top: var(--s-4); border-top: 1px solid var(--touw); }
.page-nieuws .art-meta dt { color: var(--rook); margin-bottom: 4px; }
.page-nieuws .art-meta dd { margin: 0; color: var(--bot); font-size: var(--fs-small); }
.page-nieuws .art-meta__share { justify-self: start; }
/* phones/tablets: standfirst and body first, the metadata closes the article */
@media (max-width: 1023.98px) {
  .page-nieuws .art-meta { order: 2; }
}
@media (min-width: 1024px) {
  .page-nieuws .art-grid { grid-template-columns: minmax(0, 3fr) minmax(0, 8fr) minmax(0, 1fr); column-gap: var(--gutter); }
  .page-nieuws .art-meta { position: sticky; top: calc(var(--header-h) + var(--s-5)); }
  .page-nieuws .art-meta dl { display: grid; gap: var(--s-4); }
}

.page-nieuws .art-main { min-width: 0; }
.page-nieuws .art-stand { font: italic 400 var(--fs-serif-l) / 1.15 var(--font-serif); color: var(--bot); max-width: 34ch; margin-bottom: clamp(var(--s-6), 4vw, var(--s-7)); }
.page-nieuws .art-body { font-size: var(--fs-body); }
.page-nieuws .art-body > p { color: var(--bot-80); }
.page-nieuws .art-body > p:first-child { color: var(--bot); }
.page-nieuws .art-quote { margin: var(--s-7) 0; padding-left: clamp(20px, 3vw, 40px); border-left: 2px solid var(--rood); display: grid; gap: var(--s-4); max-width: 30ch; }
.page-nieuws .art-quote blockquote p { font: italic 400 clamp(2rem, 4.2vw, 3.75rem) / 1.02 var(--font-serif); color: var(--bot); }
.page-nieuws .art-quote figcaption { color: var(--rook); }
.page-nieuws .art-quote figcaption a { background: none; color: var(--bot); }
.page-nieuws .art-quote figcaption a:hover .naamslot__last { color: var(--rood-signaal); }

.page-nieuws .art-sources { margin-top: var(--s-7); padding-top: var(--s-4); border-top: 1px solid var(--touw); display: grid; gap: var(--s-3); max-width: var(--measure); }
.page-nieuws .art-sources__head { color: var(--rook); }
.page-nieuws .art-sources ol { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: var(--fs-small); list-style: none; padding: 0; }
.page-nieuws .art-sources li { display: inline-flex; align-items: center; gap: 4px; color: var(--blauw-signaal); }

/* In dit verhaal */
.page-nieuws .art-tags { padding-bottom: calc(var(--section-y) * .3); }
.page-nieuws .art-tags__head { display: grid; gap: var(--s-3); justify-items: start; margin-bottom: clamp(var(--s-5), 3vw, var(--s-7)); }
@media (min-width: 768px) { .page-nieuws .art-tags__head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.page-nieuws .art-tags__grid { display: grid; gap: var(--s-7); }
.page-nieuws .art-tags__events, .page-nieuws .art-tags__fighters, .page-nieuws .art-tags__results { display: grid; min-width: 0; }
.page-nieuws .art-tags__affiches { display: grid; gap: var(--gutter); grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); align-content: start; }
.page-nieuws .art-tags__affiches .affiche { max-width: 420px; }
/* mini affiche: no ghost city code (the foot names the city; cropped "ANT"/"UTR" read as a glitch) */
.page-nieuws .art-tags .affiche--mini .affiche__code { display: none; }
.page-nieuws .art-tags .affiche--mini .affiche__chips { max-width: 60%; }
@media (min-width: 1024px) {
  .page-nieuws .art-tags__grid { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
  .page-nieuws .art-tags__grid.is-fighters-only, .page-nieuws .art-tags__grid.is-events-only { grid-template-columns: minmax(0, 1fr); }
  .page-nieuws .is-events-only .art-tags__affiches { grid-template-columns: repeat(auto-fill, minmax(260px, 340px)); }
  .page-nieuws .art-tags__affiches { grid-template-columns: minmax(0, 1fr); }
}

/* results sheet (Uitslagen posts) */
.page-nieuws .art-blad { align-self: start; }
.page-nieuws .is-results .art-tags__results { max-width: 1000px; }
.page-nieuws .art-blad .blad__winner a { color: inherit; text-decoration: underline; text-decoration-color: rgba(0, 51, 255, .5); text-underline-offset: 3px; }

/* 1–4 fighters: tall NAAMSLOT tiles, paired red/blue per bout, filling the row next to the affiche */
.page-nieuws .ntiles { display: grid; gap: 8px; grid-auto-rows: minmax(0, 1fr); height: 100%; list-style: none; margin: 0; padding: 0; }
.page-nieuws .npair { position: relative; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); min-height: 0; }
.page-nieuws .npair__vs {
  position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%, -50%);
  display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%;
  background: var(--nacht); box-shadow: inset 0 0 0 1px var(--touw);
  font: italic 400 1.375rem/1 var(--font-serif); color: var(--bot); pointer-events: none;
}
.page-nieuws .npair--solo .npair__vs { display: none; }
.page-nieuws .ntile {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; align-content: end; justify-items: start; gap: 8px;
  min-height: 200px; height: 100%; padding: clamp(18px, 2.2vw, 28px);
  border-radius: var(--r-panel); background: var(--doek); box-shadow: inset 0 0 0 1px var(--touw);
  transition: box-shadow var(--t-micro);
}
.page-nieuws .ntile::before { content: ""; position: absolute; inset: 0; z-index: -1; mix-blend-mode: screen; opacity: .2; pointer-events: none; transition: opacity 600ms var(--ease-out); background: radial-gradient(70% 60% at 50% 0%, rgba(241, 238, 232, .12), transparent 70%); }
.page-nieuws .ntile--red::before { background: radial-gradient(90% 80% at 0% 0%, rgba(234, 0, 23, .9), rgba(122, 0, 12, .3) 45%, transparent 75%); }
.page-nieuws .ntile--blue::before { background: radial-gradient(90% 80% at 100% 0%, rgba(0, 51, 255, .9), rgba(0, 14, 92, .3) 45%, transparent 75%); }
.page-nieuws .ntile::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: var(--touw); }
.page-nieuws .ntile--red::after { background: var(--rood); }
.page-nieuws .ntile--blue::after { background: var(--blauw); }
.page-nieuws .ntile--blue { justify-items: end; text-align: right; }
.page-nieuws .ntile--blue .naamslot { align-items: flex-end; }
.page-nieuws .ntile__name { min-width: 0; max-width: 100%; }
.page-nieuws .ntile__name .naamslot__last { font-size: var(--fs-d3); line-height: .9; overflow-wrap: anywhere; }
.page-nieuws .ntile__meta { color: var(--bot-80); display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; font-size: var(--fs-mono-s); }
.page-nieuws .ntile--blue .ntile__meta { justify-content: flex-end; }
.page-nieuws .ntile__arrow { position: absolute; bottom: clamp(18px, 2.2vw, 28px); right: clamp(18px, 2.2vw, 28px); color: var(--rook); transition: transform var(--t-micro) var(--ease-out), color var(--t-micro); }
.page-nieuws .ntile--blue .ntile__arrow { right: auto; left: clamp(18px, 2.2vw, 28px); }
.page-nieuws .ntile--red, .page-nieuws .npair--solo .ntile { padding-right: 56px; }
.page-nieuws .ntile--blue { padding-left: 56px; }
.page-nieuws a.ntile:hover, .page-nieuws a.ntile:focus-visible { box-shadow: inset 0 0 0 1px var(--rook); }
.page-nieuws a.ntile:hover::before, .page-nieuws a.ntile:focus-visible::before { opacity: .34; }
.page-nieuws a.ntile:hover .ntile__arrow, .page-nieuws a.ntile:focus-visible .ntile__arrow { color: var(--bot); transform: translateX(4px); }
@media (min-width: 560px) {
  .page-nieuws .npair:not(.npair--solo) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 559.98px) {
  .page-nieuws .ntile { min-height: 168px; }
  .page-nieuws .npair__vs { width: 44px; height: 44px; font-size: 1.125rem; }
}
@media (min-width: 1024px) {
  .page-nieuws .is-few .ntile { min-height: 220px; }
}

/* 5+ fighters: NAAMSLOT chips (faces all-or-nothing) */
.page-nieuws .nchips { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)); align-content: start; list-style: none; margin: 0; padding: 0; }
.page-nieuws .nchip {
  position: relative; isolation: isolate; overflow: hidden;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: end;
  height: 100%; padding: 16px 18px; border-radius: var(--r-panel);
  background: var(--doek); box-shadow: inset 0 0 0 1px var(--touw);
  transition: box-shadow var(--t-micro), transform 400ms var(--ease-licht);
}
.page-nieuws .nchip::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--licht-rood); mix-blend-mode: screen; opacity: 0; transition: opacity 600ms var(--ease-out); }
.page-nieuws .nchip__name { grid-column: 1; min-width: 0; }
.page-nieuws .nchip__name .naamslot__last { font-size: clamp(1.5rem, 2vw, 1.875rem); }
.page-nieuws .nchip__meta { grid-column: 1; color: var(--rook); display: flex; align-items: center; gap: 8px; font-size: var(--fs-mono-s); }
.page-nieuws .nchip__arrow { grid-column: 2; grid-row: 1 / span 2; align-self: center; color: var(--rook); transition: transform var(--t-micro) var(--ease-out), color var(--t-micro); }
.page-nieuws .nchip.has-face { grid-template-columns: 64px minmax(0, 1fr) auto; padding: 10px 18px 10px 10px; column-gap: 16px; }
.page-nieuws .nchip.has-face .nchip__name, .page-nieuws .nchip.has-face .nchip__meta { grid-column: 2; }
.page-nieuws .nchip.has-face .nchip__arrow { grid-column: 3; }
.page-nieuws .nchip__face { grid-column: 1; grid-row: 1 / span 2; width: 64px; aspect-ratio: 4 / 5; border-radius: 8px; overflow: hidden; background: var(--zaal); align-self: center; }
.page-nieuws .nchip__face img { filter: grayscale(1) contrast(1.1) brightness(.9); transition: filter 300ms var(--ease-out); }
a.nchip:hover .nchip__face img, a.nchip:focus-visible .nchip__face img { filter: contrast(1.06) brightness(.94); }
a.nchip:hover, a.nchip:focus-visible { box-shadow: inset 0 0 0 1px var(--rook); }
a.nchip:hover::before, a.nchip:focus-visible::before { opacity: .4; }
a.nchip:hover .nchip__arrow, a.nchip:focus-visible .nchip__arrow { color: var(--bot); transform: translateX(4px); }
/* phones: a compact two-up roster instead of a long single column */
@media (max-width: 639.98px) {
  .page-nieuws .nchips { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  /* a lone chip (or the odd last one) takes the whole row instead of leaving half of it empty */
  .page-nieuws .nchips > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .page-nieuws .nchip { grid-template-columns: minmax(0, 1fr); padding: 12px 14px; }
  .page-nieuws .nchip__name .naamslot__last { font-size: 1.25rem; overflow-wrap: anywhere; }
  .page-nieuws .nchip__meta { flex-wrap: wrap; gap: 4px 6px; font-size: 10px; }
  .page-nieuws .nchip__arrow { display: none; }
  .page-nieuws .nchip.has-face { grid-template-columns: 44px minmax(0, 1fr); padding: 8px 10px 8px 8px; column-gap: 10px; }
  .page-nieuws .nchip.has-face .nchip__face { width: 44px; }
}

/* Lees ook */
.page-nieuws .art-related__head { display: grid; gap: var(--s-3); justify-items: start; margin-bottom: clamp(var(--s-5), 3vw, var(--s-7)); }
@media (min-width: 768px) { .page-nieuws .art-related__head { grid-template-columns: minmax(0, 1fr) auto; align-items: end; } }
.page-nieuws .ncards { display: grid; gap: var(--s-6) var(--gutter); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 768px) { .page-nieuws .ncards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .page-nieuws .ncards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.page-nieuws .ncard { position: relative; display: grid; gap: 12px; align-content: start; }
.page-nieuws .ncard__media { aspect-ratio: 16 / 9; border-radius: var(--r-card); overflow: hidden; background: var(--zaal); }
.page-nieuws .ncard__media .media { transition: transform 900ms var(--ease-licht); }
.page-nieuws .ncard:hover .ncard__media .media { transform: scale(1.03); }
.page-nieuws .ncard__kicker { display: flex; justify-content: space-between; gap: 12px; color: var(--rook); margin-top: 6px; }
/* one category colour map (news.mjs CAT_TONE): aankondigingen blue, uitslagen red, the rest rook */
.page-nieuws .tone-blue { color: var(--blauw-signaal); }
.page-nieuws .tone-red { color: var(--rood-signaal); }
.page-nieuws .tone-muted { color: var(--rook); }
/* typographic card face (YouTube thumbnails carry baked-in type) */
.page-nieuws .ncard__media--typo { position: relative; isolation: isolate; background: var(--doek); box-shadow: inset 0 0 0 1px var(--touw); }
.page-nieuws .ncard__media--typo::before, .page-nieuws .ncard__media--typo::after { content: ""; position: absolute; inset: 0; z-index: -1; mix-blend-mode: screen; opacity: .3; pointer-events: none; }
.page-nieuws .ncard__media--typo::before { background: var(--licht-rood); }
.page-nieuws .ncard__media--typo::after { background: var(--licht-blauw); opacity: .22; }
.page-nieuws .ncard__typo { position: absolute; inset: 0; display: grid; align-content: end; gap: 6px; padding: clamp(16px, 2vw, 24px); transition: transform 900ms var(--ease-licht); }
.page-nieuws .ncard__typo-big { font: 900 clamp(1.75rem, 2.6vw, 2.5rem) / .88 var(--font-display); text-transform: uppercase; color: var(--bot); max-width: 14ch; }
.page-nieuws .ncard:hover .ncard__typo { transform: scale(1.02); }
.page-nieuws .ncard__title { font: 800 clamp(1.5rem, 2.1vw, 2rem) / .95 var(--font-display); text-transform: uppercase; color: var(--bot); text-wrap: balance; }
.page-nieuws .ncard__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: var(--r-card); }
.page-nieuws .ncard__link:focus-visible { outline: none; box-shadow: none; }
.page-nieuws .ncard__link:focus-visible::after { outline: 2px solid var(--blauw-signaal); outline-offset: 4px; }