/* Tabkaart onder de foto in sb-verhaal (di-e), overgenomen uit style-dienst voor de landenpagina's. 20-10-2026 */
.sb-verhaal{--vh-kaart:var(--bruin);--vh-kaarttekst:#D5DDE8;--vh-chip:rgba(255,255,255,.08);--vh-chiprand:rgba(255,255,255,.28);--vh-chiptekst:var(--wit);--vh-kaartlink:var(--wit)}
.sb-verhaal__kaart{position:relative;z-index:3;margin:calc(-1 * var(--vh-over)) clamp(.75rem,2vw,1.75rem) 0;padding:1.25rem 1.5rem 1.4rem;border-radius:var(--r);background:var(--vh-kaart);color:var(--vh-kaarttekst);box-shadow:var(--schaduw-lg)}
.sb-verhaal__kaartlabel{margin:0 0 .85rem;color:var(--vh-kaartlabel);font:700 .74rem/1.35 var(--font-kop);letter-spacing:.14em;text-transform:uppercase}
.sb-verhaal__tabs{display:none}
.js .sb-verhaal__tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.sb-verhaal__tab{min-height:36px;padding:.4rem .75rem;border:1px solid var(--vh-chiprand);border-radius:2rem;background:var(--vh-chip);color:var(--vh-chiptekst);font:600 .78rem/1.2 var(--font-kop);cursor:pointer;text-align:left}
.sb-verhaal__tab:hover{border-color:var(--goud)}
.sb-verhaal__tab[aria-selected="true"]{background:var(--goud);border-color:var(--goud);color:var(--bruin)}
.sb-verhaal__tab:focus-visible{outline:3px solid var(--goud);outline-offset:2px}
.sb-verhaal__paneel+.sb-verhaal__paneel{margin-top:1rem}
.sb-verhaal__paneelkop{margin:0 0 .3rem;color:inherit;font-size:1rem}
.sb-verhaal__paneel p{margin:0;font-size:.95rem;line-height:1.6}
.sb-verhaal__kaart a{color:var(--vh-kaartlink);text-decoration-color:var(--goud);text-decoration-thickness:2px;text-underline-offset:3px}
.js .sb-verhaal__panelen{display:grid}
.js .sb-verhaal__paneel{grid-area:1/1;margin:0;visibility:hidden}
.js [data-tabs]:not(.is-klaar) .sb-verhaal__paneel:first-child,.js .sb-verhaal__paneel.is-actief{visibility:visible}
.js .sb-verhaal__paneelkop{display:none}
@media(max-width:560px){.sb-verhaal__kaart{margin-inline:.5rem;padding:1rem 1.05rem 1.15rem}}
.sb-verhaal__paneel p+p{margin-top:.7rem}
@media(max-width:560px){.sb-verhaal__tab{min-height:44px}}
.di-e .di-e__kaart{position:relative;z-index:3;margin:calc(-1*clamp(3.2rem,7vw,5.5rem)) clamp(.5rem,1.2vw,1rem) 0 clamp(1.25rem,3vw,2.5rem)}
@media (max-width:560px){.di-e .di-e__kaart{margin:-2.5rem .5rem 0 .75rem}}
.js .sb-verhaal__kaart:has(.sb-verhaal__tabs){border-top-left-radius:0;margin-top:calc(-1 * var(--vh-over) + 3rem)}
.js .sb-verhaal__tabs{position:absolute;left:0;right:0;bottom:100%;margin:0;gap:.3rem;flex-wrap:wrap-reverse}
.sb-verhaal__tab{min-height:42px;padding:.55rem .95rem .5rem;border:0;border-radius:12px 12px 0 0;background:var(--vh-tab-uit);color:var(--vh-tab-uittekst);font:600 .8rem/1.2 var(--font-kop);text-align:center;transition:background .2s var(--ease),color .2s var(--ease)}
.sb-verhaal__tab:hover{border-color:transparent;background:#FFF3C4}
.sb-verhaal__tab[aria-selected="true"]{background:var(--vh-kaart);color:var(--vh-kaarttekst);border-color:transparent;box-shadow:inset 0 3px 0 var(--geel)}
@media(max-width:1100px){.sb-verhaal__tab{padding:.55rem .7rem .5rem;font-size:.76rem}}
@media(max-width:560px){.js .sb-verhaal__tabs{gap:.2rem}.sb-verhaal__tab{flex:1 1 auto;min-height:44px;padding:.5rem .4rem .45rem;font-size:.7rem}.js .sb-verhaal__tabs{flex-wrap:nowrap}.sb-verhaal__tab{min-width:0;padding-inline:.3rem;text-wrap:balance}}
@media(max-width:380px){.js .sb-verhaal__tabs{gap:.15rem}.sb-verhaal__tab{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.sb-verhaal__tab{transition:none}}
.js .sb-verhaal__tabs,.di-i__tabs{flex-wrap:nowrap}
@media(max-width:480px){.sb-verhaal__tab,.di-i__tab{flex:1 1 0;padding-inline:.35rem;line-height:1.15}}
@media(max-width:359px){.sb-verhaal__tab,.di-i__tab{-webkit-hyphens:auto;hyphens:auto}}
.js .sb-verhaal__tabs:has(>:nth-child(5)),.di-i__tabs:has(>:nth-child(5)){overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
.sb-verhaal__tabs:has(>:nth-child(5))>*,.di-i__tabs:has(>:nth-child(5))>*{flex:0 0 auto}
.sb-verhaal__tabs:has(>:nth-child(5)) :focus-visible,.di-i__tabs:has(>:nth-child(5)) :focus-visible{outline-offset:-3px}
