/* Het nieuwsblok van de regio-radar. Geschreven door Launchpad; niet met de hand aanpassen. */
.nb{--nb-donker:#122f33;--nb-accent:#c5992d;--nb-licht:#f4f6f5;--nb-tekst:#22383c;background:var(--nb-licht);color:var(--nb-tekst);padding:56px 0}
.nb h2,.nb h3{font-family:inherit;color:var(--nb-donker);margin:0}
.nb-kopregel{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:26px}
.nb-volger{display:flex;align-items:center;gap:12px;margin:10px 0 0;opacity:.9;max-width:560px}
.nb-av{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;border:2px solid #fff;box-shadow:0 0 0 2px var(--nb-accent)}
.nb-av-klein{width:32px;height:32px}
.nb-av-letter{display:inline-grid;place-items:center;background:var(--nb-accent);color:var(--nb-donker);font-weight:700}
.nb-status{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:99px;padding:7px 14px;font-size:.85rem;font-weight:500;margin:0;white-space:nowrap}
.nb-stip{width:9px;height:9px;border-radius:50%;background:#2e9c6a;position:relative}
.nb-stip::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #2e9c6a;animation:nb-puls 2.4s ease-out infinite}
@keyframes nb-puls{from{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(1.6)}}
@media (prefers-reduced-motion: reduce){.nb-stip::after{animation:none;display:none}}
.nb-raster{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:start}
.nb-uit{background:#fff;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.07);overflow:hidden}
.nb-boven{padding:26px 28px 20px}
.nb-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.8rem;margin:0 0 12px;opacity:.85}
.nb-chip{font-weight:600;font-size:.74rem;padding:3px 10px;border-radius:99px;background:#eef0ef;color:var(--nb-donker)}
.nb-nieuw{background:var(--nb-accent);color:var(--nb-donker)}
.nb-uit h3{font-size:1.45rem;line-height:1.25;margin-bottom:10px}
.nb-bron{font-size:.8rem;opacity:.85}.nb-bron a{color:var(--nb-donker);font-weight:600}
.nb-kijk{background:var(--nb-donker);color:#fff;padding:22px 28px 24px}
.nb-kijk p{color:#fff;margin:0 0 16px}
.nb-wie{display:flex;align-items:center;gap:10px;font-size:.82rem;opacity:.85}
.nb-knoppen{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.nb-knop{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem;padding:11px 18px;border-radius:10px;text-decoration:none}
.nb-wa{background:#25d366;color:#0b3b22}
.nb-rand{border:1.5px solid currentColor;color:inherit}
.nb-zijkop{font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8;margin:2px 0 12px}
.nb-eerder{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.07);margin-bottom:12px;overflow:hidden}
.nb-eerder summary{list-style:none;cursor:pointer;padding:16px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}
.nb-eerder summary::-webkit-details-marker{display:none}
.nb-dt{font-size:.75rem;text-align:center;line-height:1.1;min-width:42px;border-right:1px solid rgba(0,0,0,.12);padding-right:10px}
.nb-dt b{display:block;font-size:1.2rem;color:var(--nb-donker)}
.nb-st{font-weight:600;color:var(--nb-donker);font-size:.95rem;line-height:1.35}
.nb-pijl{color:var(--nb-accent);transition:transform .2s}
.nb-eerder[open] .nb-pijl{transform:rotate(180deg)}
.nb-dicht{padding:0 18px 16px 72px;font-size:.92rem}
.nb-mini{border-left:3px solid var(--nb-accent);padding:2px 0 2px 12px;color:var(--nb-donker)}
.nb-leeg{border:2px dashed rgba(0,0,0,.18);border-radius:12px;padding:16px 18px}
.nb-voet{margin-top:22px;font-size:.8rem;opacity:.85}
.nb-strook{background:var(--nb-donker);color:#fff}
.nb-strook h2{color:#fff}
.nb-strook .nb-status{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.nb-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nb-tegel{background:#fff;color:var(--nb-tekst);border-radius:12px;padding:18px;text-decoration:none;display:flex;flex-direction:column;gap:8px}
.nb-tegel h3{font-size:1.08rem;line-height:1.3}
.nb-pl{font-weight:600;font-size:.78rem;color:var(--nb-accent);text-transform:uppercase;letter-spacing:.05em}
.nb-kort{font-size:.88rem;margin:0;opacity:.85}
.nb-naar{margin-top:auto;font-weight:600;font-size:.86rem;color:var(--nb-donker)}
@media (max-width:860px){.nb-raster,.nb-rij{grid-template-columns:1fr}}
@media (max-width:640px){.nb{padding:36px 0}.nb-boven,.nb-kijk{padding:20px 18px}.nb-dicht{padding-left:18px}}