/* build 18-07-2026-b — cache-verversing */
/* ============================================================
   content.css — gedeelde stijl voor artikel-tabellen
   Doel: brede vergelijkingsmatrices netjes laten scrollen met
   sticky eerste kolom, i.p.v. afkappen. Eén bron voor alle
   contentpagina's. 16 juli 2026.
   ============================================================ */
.tablewrap, .table-wrap{
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  border:1px solid #DCE6F3; border-radius:14px; background:#fff;
  box-shadow:0 8px 24px rgba(15,31,64,.05); margin:18px 0 26px;
}

/* ===== INFORMATION MENU: SINGLE READING COLUMN V1 ===== */
@media (min-width: 1181px) {
  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mega-left {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mega-col.mc-rich {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    grid-template-rows: 44px auto !important;
    column-gap: 16px !important;
    row-gap: 2px !important;
    padding: 14px 0 !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mc-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mega-section {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mc-links {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mc-links a {
    justify-content: flex-start !important;
    padding: 5px 0 !important;
    white-space: normal !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mc-links a::after {
    margin-left: 6px !important;
  }

  .nav-item:has(> .nav-trigger:where(
    [href$="/informatie/"],
    [href$="/information/"],
    [href$="/informationen/"],
    [href$="/informacje/"],
    [href$="/informacion/"],
    [href$="/informations/"],
    [href$="/informazioni/"],
    [href$="/informacao/"]
  )) .mega-panel.mega-v2 .mc-category-hit {
    grid-column: 1 / 3 !important;
    grid-row: 1 !important;
    min-height: 44px !important;
    margin: 0 !important;
  }
}
.tablewrap table, .table-wrap table{
  width:100%; min-width:760px; border-collapse:separate; border-spacing:0;
  font-size:13.5px; line-height:1.5; margin:0;
}
.tablewrap thead th, .table-wrap thead th{
  position:sticky; top:0; z-index:1;
  background:#F5F8FC; color:#4A576D;
  font-size:11.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  padding:12px 15px; border-bottom:1px solid #DCE6F3; text-align:left; white-space:nowrap;
}
.tablewrap tbody td, .table-wrap tbody td{
  padding:11px 15px; border-bottom:1px solid #EEF2F8;
  vertical-align:top; color:#1F2937; background:#fff;
}
.tablewrap tbody tr:nth-child(even) td, .table-wrap tbody tr:nth-child(even) td{background:#FAFCFE}
.tablewrap tbody tr:last-child td, .table-wrap tbody tr:last-child td{border-bottom:0}
.tablewrap tbody tr:hover td, .table-wrap tbody tr:hover td{background:#F2F7FD}
.tablewrap td:first-child, .tablewrap th:first-child,
.table-wrap td:first-child, .table-wrap th:first-child{
  position:sticky; left:0; z-index:2;
  font-weight:750; color:#101828;
  border-right:1px solid #E4EAF3;
  min-width:150px; max-width:220px;
}
.tablewrap thead th:first-child, .table-wrap thead th:first-child{z-index:3}
.tablewrap tbody tr:nth-child(even) td:first-child,
.table-wrap tbody tr:nth-child(even) td:first-child{background:#F7FAFD}
.tablewrap tbody tr:hover td:first-child, .table-wrap tbody tr:hover td:first-child{background:#EDF4FC}
@media(max-width:760px){
  .tablewrap table, .table-wrap table{min-width:640px; font-size:12.5px}
  .tablewrap tbody td, .table-wrap tbody td{padding:9px 12px}
  .tablewrap thead th, .table-wrap thead th{padding:10px 12px}
  .tablewrap td:first-child, .table-wrap td:first-child{min-width:120px; max-width:160px}
}

/* ============================================================
   polish-laag (16 juli 2026) — details die het verschil maken
   ============================================================ */
::selection{background:#2563EB;color:#fff}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:88px}

/* hub-intro: volwaardige leadtekst i.p.v. kale alinea */
.hub-intro{font-size:16.5px;line-height:1.7;color:#4A576D;max-width:72ch;margin:14px 0 26px}

/* hub-kaarten: rustige hover-lift + soepele overgang */
article.card{transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease}
article.card:hover{border-color:#B9CBE4;box-shadow:0 14px 34px -20px rgba(16,27,51,.28);transform:translateY(-1px)}
article.card h2 a{text-decoration:none}
article.card h2 a:hover{color:#2563EB}

/* FAQ: vraag + antwoord als rustig blok */
h3 + p.faq, h3 + .faq{margin-top:8px}
p.faq{background:#F5F8FC;border:1px solid #E4EAF3;border-radius:12px;padding:13px 17px;color:#374151;line-height:1.65}

/* artikel-typografie: ademruimte boven tussenkoppen */
article h2{margin-top:2.2em}
article h2:first-child{margin-top:0}
article .lead{font-size:17px;line-height:1.65;color:#4A576D}

/* score-ring op profielen: klein beetje lucht op mobiel */
@media(max-width:600px){
  figure.score-ring{float:none;margin:0 auto 18px}
}

/* links in artikelen: consistente onderstreping op hover */
article a:not(.ht3-all){text-underline-offset:2px}

/* Stories: één rustige, contextuele route naar relevante uitleg/vergelijking. */
.story-context-link{
  color:inherit!important;
  font-weight:inherit;
  text-decoration-line:underline!important;
  text-decoration-color:#AFC7FF!important;
  text-decoration-thickness:1.5px;
  text-underline-offset:3px;
  transition:color .16s ease,text-decoration-color .16s ease;
}
.story-context-link:hover{
  color:#245DE8!important;
  text-decoration-color:#245DE8!important;
}
.story-context-link:focus-visible{
  outline:3px solid rgba(36,93,232,.28);
  outline-offset:3px;
  border-radius:2px;
}

/* ===== Header uniform met dashboard (app.css) — QA 17 juli 2026 =====
   Contentpagina's droegen een eigen headermaat (1920px breed, padding 40,
   menugewicht 800); het dashboard gebruikt 1320/24/600. Door het verschil
   'versprong' het menu bij navigeren. Deze override trekt alles gelijk. */
nav.topbar .wrap.nav, .wrap.nav{max-width:1320px!important;padding-left:24px!important;padding-right:24px!important}
.nav-trigger{font-weight:600!important}
.navlinks .nav-trigger{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
@media(min-width:1181px){
  /* FIX 18 juli: display:grid ontbrak — .nav is flex in content-base.css,
     waardoor grid-template-columns inert was en het menu t.o.v. de
     app-pagina's (nav-grid) verschoof. Nu exact dezelfde geometrie. */
  .wrap.nav{display:grid!important;grid-template-columns:210px 1fr 320px!important;align-items:center;gap:28px!important}
  .wrap.nav .nav-actions{justify-self:end}
  .wrap.nav .navlinks{width:100%!important;min-width:0;display:flex!important;justify-content:center!important}
}

/* stabiele scrollbalk: header verschuift niet tussen korte en lange paginas */
html{overflow-y:scroll}

/* ===== Footer met kolommen (19 juli, wens Luc — 'zoals Gaslicht') ===== */
footer{padding:0}
footer .footgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 44px;padding:38px 24px 28px}
footer .footcol strong{display:block;font-size:14px;color:var(--ink);margin-bottom:10px}
footer .footcol a{display:block;color:#53617A;font-size:13.5px;font-weight:600;padding:4px 0;text-decoration:none}
footer .footcol a:hover{color:#2563EB}
footer .footcol p{font-size:13px;color:#62708A;line-height:1.6;margin:6px 0 0;max-width:none}
footer .footbottom{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding:14px 24px;font-size:12.5px;color:#62708A}
@media(max-width:860px){footer .footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){footer .footgrid{grid-template-columns:1fr}}

/* ===== Header polish: Stories + compactere acties (25 juli 2026) ===== */
@media(min-width:1321px){
  nav.topbar .wrap.nav,.wrap.nav{
    max-width:1560px!important;
    grid-template-columns:210px minmax(0,1fr) 372px!important;
    gap:20px!important;
  }
  .wrap.nav .navlinks{gap:10px!important}
}
.nav-actions{gap:8px!important}
.nav-cta{
  height:38px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:12.5px!important;
}
.langbtn,.currencybtn{height:38px!important;width:38px!important;border-radius:10px!important}
.langbtn{width:52px!important}
@media(max-width:1320px){
  .wrap.nav{grid-template-columns:auto auto!important}
  .navlinks{display:none!important}
  .nav-actions{margin-left:auto}
}

/* ============================================================
   compact & interactief (18 juli 2026) — feedback Luc
   1) minder verticale witruimte  2) TOC-scrollspy
   3) 'Verder lezen' gedempt  4) CTA in huisstijl
   5) onderwerpkaarten duidelijk klikbaar
   ============================================================ */

/* 0) bredere content (18 juli, wens Luc — 'Independer-breedte'):
   contentkolom gelijk aan headerbreedte (1320px) zodat artikelen links
   op dezelfde lijn beginnen als het logo en tabellen ~200px extra krijgen.
   Lopende tekst blijft leesbaar via max-width op tekstblokken. */
.wrap{max-width:1320px}
article .tablewrap,article .table-wrap,article table{max-width:none}
/* 19 juli (wens Luc, na vergelijk met X/Twitter): smalle leeskolom
   voor lopende tekst (±70ch, leest als een thread), maar tabellen,
   matrices, CTA en 'Meer lezen' gebruiken de volle breedte. */
article p,article ul,article ol,article h3,article .related-inline,article .faqacc{max-width:70ch}
.lead{max-width:70ch}

/* tabellen op natuurlijke breedte: kleine tabellen compact,
   grote matrices vullen de kolom en scrollen indien nodig */
.tablewrap,.table-wrap{width:fit-content;max-width:100%}
.tablewrap table,.table-wrap table{width:auto;min-width:0}
.tablewrap td,.table-wrap td{min-width:0}

/* Uitzondering voor de reviewpagina's: daar staan compacte tabellen in een kaart
   van ~880px. Op natuurlijke breedte bleef zo'n tabel op 480px steken, met een
   halve kaart leeg ernaast. Binnen .rv-panel vullen ze dus de hele kaart. */
.rv-panel .tablewrap,.rv-panel .table-wrap{width:100%}
.rv-panel .tablewrap table,.rv-panel .table-wrap table{width:100%}

/* leesbaarheid op de brede kolom (19 juli, bijgesteld):
   grotere letter, maar strakkere regels en lijsten (vgl. NOS/Independer) */
article{font-size:17px;line-height:1.6}
article p{margin:0 0 13px}
article ul,article ol{margin:0 0 16px 22px}
article li{margin:3px 0}
article li p{margin:0}
.lead{font-size:19px}
.faqacc summary{font-size:17px}
h3{margin:20px 0 6px}

/* 1) compacter: ±20% minder verticale ruimte, iets smallere kaart-padding */
.hero{padding:52px 0 26px}
.eyebrow{margin-bottom:16px}
h1{margin-bottom:16px}
.article-grid{gap:30px;margin:22px auto 54px}
article{padding:34px 38px}
article h2{margin-top:1.7em}
article h2:first-child{margin-top:0}
h3{margin:18px 0 8px}
.related-bottom{margin-top:24px;padding-top:16px}
.cta{margin-top:28px}
@media(max-width:900px){article{padding:24px}}

/* 2) TOC-scrollspy: actieve sectie blauw met lijn links */
.toc a{border-left:2px solid transparent;padding:6px 0 6px 10px;transition:color .15s ease,border-color .15s ease}
.toc a.on{color:#2563EB;border-left-color:#2563EB;font-weight:750}
.toc a:hover{color:#2563EB}

/* 3) 'Verder lezen' gedempt: rustige zijstreep i.p.v. blauw kader */
.related-inline{background:transparent;border:0;border-left:3px solid #DCE6F3;border-radius:0;padding:4px 0 4px 14px;margin:14px 0 18px}
.related-inline strong{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#62708A;margin-bottom:4px}
.related-inline p{font-size:14px;line-height:1.6}
.related-inline a{font-weight:700}

/* 4) CTA: alleen de knop, geen box en geen tekst ernaast (19 juli, wens Luc) */
.cta{background:transparent;border:0;padding:0;margin-top:26px;display:block}
.cta strong{display:none}
.cta .btn,.btn{padding:14px 22px}

/* 4a) Rijke vergelijkingstabel — herbruikbaar patroon (19 juli, wens Luc).
   Componenten: .badge (grijs), .badge-green, .badge-blue, .tag/.tag-list,
   .status-line/.status-dot, .exchange-name/.exchange-logo, .best-label,
   tr.featured-row, .table-disclaimer. Gebruik binnen .tablewrap. */
.tablewrap .badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;background:#EEF2F8;color:#4A576D;white-space:nowrap}
.tablewrap .badge-green{background:#E7F8EF;color:#137A47}
.tablewrap .badge-blue{background:#EAF1FF;color:#2456C4}
.tablewrap td small{display:block;margin-top:4px;font-size:12px;color:#62708A;line-height:1.45;font-weight:500}
.tablewrap .tag-list{display:flex;flex-wrap:wrap;gap:5px}
.tablewrap .tag{display:inline-block;padding:3px 8px;border-radius:7px;font-size:11.5px;font-weight:750;background:#F4F8FF;border:1px solid #DCE6F3;color:#34405A;white-space:nowrap}
.tablewrap .status-line{display:flex;align-items:center;gap:7px;font-weight:750;color:#101828}
.tablewrap .status-dot{width:8px;height:8px;border-radius:50%;background:#16A34A;flex:none}
.tablewrap .status-dot.grey{background:#98A6BF}
.tablewrap .exchange-name{display:flex;align-items:center;gap:10px}
.tablewrap .exchange-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#101B33;color:#fff;font-weight:900;font-size:13px;flex:none}
.tablewrap .best-label{display:block;margin-top:2px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#137A47}
.tablewrap tr.featured-row td{background:linear-gradient(90deg,#F2FCF7 0,#fff 70%)!important;border-top:2px solid #BCE3CC;border-bottom:2px solid #BCE3CC}
.tablewrap tr.featured-row td:first-child{border-left:2px solid #BCE3CC}
.tablewrap tr.featured-row td:last-child{border-right:2px solid #BCE3CC}
.table-disclaimer{font-size:13px;color:#62708A;margin:10px 2px 22px;line-height:1.55}

/* 4b) FAQ-accordeon — Independer-stijl (19 juli, wens Luc):
   vraag als klikbare regel met +/− , antwoord klapt uit, dunne lijnen */
.faqacc{border-bottom:1px solid var(--line)}
*:not(.faqacc)+.faqacc{border-top:1px solid var(--line)}
.faqacc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 2px;font-weight:800;font-size:16.5px;color:var(--ink)}
.faqacc summary::-webkit-details-marker{display:none}
.faqacc summary::after{content:"+";flex:none;font-size:24px;font-weight:600;color:#2563EB;line-height:1}
.faqacc[open] summary::after{content:"\2212"}
.faqacc summary:hover{color:#2563EB}
.faqacc .faqa{padding:0 2px 16px;color:#374151;line-height:1.65}
.faqacc .faqa p{margin:0 0 10px}
.faqacc .faqa p:last-child{margin-bottom:0}

/* 5) 'Meer over dit onderwerp' — Independer-stijl (19 juli, wens Luc):
   één rustig getint vlak met chevron-linklijst i.p.v. losse kaarten */
.related-bottom{background:#F4F8FF;border:0;border-radius:16px;padding:26px 30px;margin-top:28px}
.related-bottom strong{font-family:'Archivo',sans-serif;font-size:22px;letter-spacing:-.02em;margin-bottom:14px}
.related-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 40px}
.related-bottom a{display:flex;align-items:center;gap:10px;min-height:0;padding:8px 0;border:0;background:transparent;border-radius:0;color:#2563EB;font-weight:700;box-shadow:none}
.related-bottom a::before{content:"\203A";font-size:20px;line-height:1;color:#2563EB;font-weight:800}
.related-bottom a:hover{background:transparent;border:0;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.related-bottom-grid{grid-template-columns:1fr}}

footer .footsocial{display:inline-flex;align-items:center;gap:8px}
footer .footsocial a{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line);border-radius:8px;color:#101B33}
footer .footsocial a:hover{color:#2563EB;border-color:#A9C5FF}

/* ===== Telegram-nieuwsfeed op Actueel (19 juli, wens Luc) ===== */
.tgfeed{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;margin:0 0 8px}
.tgfeed-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:14px}
.tgfeed-head strong{font-family:'Archivo',sans-serif;font-size:20px;letter-spacing:-.02em}
.tgfeed-head span{font-size:12.5px;color:#62708A}
.tgfeed iframe{width:100%;height:520px;border:1px solid var(--line);border-radius:12px;background:#fff}
.tgfeed-link{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:700}
/* ===== Informatie-hub 'The Block'-stijl (19 juli, wens Luc) =====
   Beeldvakken (.ph) zijn placeholders: gradient + icoon. Designer-beelden
   kunnen erin via style="background-image:url(/assets/info/<slug>.jpg)" —
   het icoon verdwijnt dan automatisch. Formaat 16:9, aanbevolen 1200×675. */
.infofeat{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px;margin:6px 0 34px}
.feat-card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px rgba(16,27,51,.04),0 12px 30px -20px rgba(16,27,51,.22);overflow:hidden;transition:border-color .18s,box-shadow .22s,transform .22s}
.feat-card:hover{border-color:#B9CBE4;transform:translateY(-3px);box-shadow:0 24px 52px -24px rgba(16,27,51,.42)}
.feat-card .feat-body{padding:20px 24px 24px}
.feat-card h2{font-family:'Archivo',sans-serif;font-size:26px;letter-spacing:-.02em;margin:8px 0 8px}
.feat-card p{color:#34405A;margin:0 0 12px;line-height:1.55}
.morelink{color:#2563EB;font-weight:800;font-size:14px}
.feat-side{display:flex;flex-direction:column;gap:14px}
.side-row{display:flex;gap:14px;align-items:center;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px;transition:border-color .16s,transform .16s}
.side-row:hover{border-color:#B9CBE4;transform:translateY(-1px)}
.side-row h3{font-size:15.5px;line-height:1.3;margin:3px 0 0;color:var(--ink)}
.infosec{font-family:'Archivo',sans-serif;font-size:24px;letter-spacing:-.02em;margin:0 0 16px}
.infogrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:34px}
.info-card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(16,27,51,.04),0 8px 24px -18px rgba(16,27,51,.16);overflow:hidden;transition:border-color .18s,transform .22s,box-shadow .22s}
.info-card:hover{border-color:#B9CBE4;transform:translateY(-3px);box-shadow:0 20px 44px -22px rgba(16,27,51,.32)}
.info-card .info-body{padding:16px 18px 18px}
.info-card h3{font-size:16.5px;font-weight:600;line-height:1.32;letter-spacing:-.011em;margin:7px 0 6px;color:#20293F}
.info-card p{font-size:13.5px;color:#4A566B;line-height:1.5;margin:0}
/* beeldvakken */
.ph{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}
.ph span{font-size:44px;filter:saturate(.9)}
.ph.sm{width:86px;aspect-ratio:1/1;border-radius:10px;flex:none}
.ph.sm span{font-size:26px}
.ph[style] span{display:none}
.ph-reg{background-image:linear-gradient(135deg,#E8F0FF,#CBDDFB)}
.ph-sec{background-image:linear-gradient(135deg,#E6F9EF,#C4EBD6)}
.ph-cap{background-image:linear-gradient(135deg,#F2ECFF,#DCD0F7)}
.ph-cost{background-image:linear-gradient(135deg,#FFF4E0,#FBE3B5)}
.ph-stk{background-image:linear-gradient(135deg,#FFE9F0,#F9CFDD)}
.ph-der{background-image:linear-gradient(135deg,#E4F7FA,#C6EAF1)}
/* tags */
.itag{display:inline-block;font-size:8.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;padding:2px 7px;border-radius:999px;opacity:.92}
.itag-reg{background:#EAF1FF;color:#2456C4}
.itag-sec{background:#E7F8EF;color:#137A47}
.itag-cap{background:#F2ECFF;color:#6D3FC4}
.itag-cost{background:#FFF4E0;color:#9A6A10}
.itag-stk{background:#FFE9F0;color:#B4356B}
.itag-der{background:#E4F7FA;color:#0E7490}
@media(max-width:960px){.infofeat{grid-template-columns:1fr}.infogrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.infogrid{grid-template-columns:1fr}}

.newsflash{list-style:none;margin:0;padding:0}
.newsflash li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55;color:#34405A}
.newsflash li:last-child{border-bottom:0}
.newsflash strong{color:var(--ink)}
footer .footsources{font-size:12px;color:#98A6BF}
.newsflash li{display:flex;gap:14px;align-items:baseline}
.nf-time{flex:none;width:92px;font-size:12px;font-weight:700;color:#98A6BF;white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:560px){.newsflash li{display:block}.nf-time{display:block;width:auto;margin-bottom:2px}}

/* ===== Zijkaarten informatie-hub in nieuwsformaat (verzoek Luc, 19 juli):
   beeld bovenop over de volle kaartbreedte (16:9), label en titel eronder —
   zelfde leesritme als de uitgelichte kaart. ===== */
.side-row{display:block;padding:0;overflow:hidden}
.side-row .ph.sm{width:100%;aspect-ratio:16/9;border-radius:0;flex:none}
.side-row .ph.sm span{font-size:44px}
.side-row > div:last-child{padding:12px 16px 14px}
.side-row h3{font-size:17px}
.infofeat{align-items:start}

/* ===== Alleen de titel onderstrepen bij hover, niet de hele kaart (verzoek Luc 19 juli) ===== */
.feat-card:hover, .feat-card:hover p, .feat-card:hover .itag,
.side-row:hover, .side-row:hover .itag{text-decoration:none}
.feat-card:hover h2, .side-row:hover h3{text-decoration:underline;text-underline-offset:3px}

/* ===== Emoji-kaarten compact (verzoek Luc 19 juli: te veel witruimte) =====
   Kaarten zonder echt beeld kregen een groot 16:9-vlak met een klein emoji =
   veel lege ruimte. Alleen kaarten mét een echte foto (inline background-image)
   blijven groot; emoji-kaarten worden een compacte gekleurde strip. */
.info-card .ph:not([style]){aspect-ratio:auto;height:112px}
.info-card .ph:not([style]) span{font-size:40px}
.side-row .ph.sm:not([style]){aspect-ratio:auto;height:88px}
.side-row .ph.sm:not([style]) span{font-size:32px}

/* Uitgelichte kaart met echte foto iets groter (3:2, matcht bronbeeld) zodat
   de linkerkolom de rechter side-stack beter vult — minder witruimte. */
.feat-card .ph[style*="background-image"]{aspect-ratio:3/2}

/* ===== Stories-kaarten: structurele layout-invariant =====
   De kaartafbeelding en body worden in de Story-builder als spans uitgegeven.
   Zonder expliciet block-format stort de afbeeldingshoogte in en komt het
   categorielabel over de titel te liggen. Houd deze regels centraal én in de
   builder, zodat een volgende Story-build de layout niet opnieuw breekt. */
.story-card .sc-img{display:block;width:100%}
.story-card .sc-body{display:block}

/* ===== Featured-sectie in balans (verzoek Luc 19 juli: te veel wit, à la Cointelegraph) =====
   Rechterkolom van 4 kaarten onder elkaar maakte de kolom veel hoger dan de
   uitgelichte kaart links. Nu een 2×2-raster rechts: even hoog, geen witruimte. */
@media(min-width:900px){
  .feat-side{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}
}
.feat-side .side-row .ph.sm{aspect-ratio:16/10}
.feat-side .side-row h3{font-size:15.5px;line-height:1.3}

/* ===== Info-hub redesign (verzoek Luc): cinematische ijsberg-hero + topic-rij ===== */
.hub-hero{display:grid;grid-template-columns:minmax(300px,33%) 1fr;gap:44px;align-items:center;padding-top:30px;padding-bottom:18px}
.hub-hero-copy .eyebrow{margin-bottom:14px}
.hub-hero-copy h1{font-size:clamp(32px,3.4vw,46px);line-height:1.06;margin-bottom:16px}
.hub-hero-copy .lead{font-size:16.5px;margin-bottom:26px}
.hub-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin:2px 0 26px;max-width:400px}
.hub-stats strong{display:block;font-family:'Archivo',sans-serif;font-size:30px;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.hub-stats span{display:block;font-size:12px;color:var(--muted);line-height:1.35;margin-top:7px;max-width:118px}
.hub-hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hub-hero-cta .btn{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;font-weight:700;font-size:14.5px;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s}
.btn-primary{background:#2563EB;color:#fff;border:1px solid #2563EB;box-shadow:0 12px 26px -14px rgba(37,99,235,.7)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(37,99,235,.75)}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.btn-ghost:hover{border-color:#B9CBE4;transform:translateY(-2px)}
.hub-hero-media{position:relative;display:block;cursor:pointer;border-radius:22px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 34px 66px -30px rgba(16,27,51,.55);text-decoration:none;isolation:isolate;transition:box-shadow .35s ease}
.hub-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.hub-hero-media-market img{object-position:62% center}
.hub-hero-media img[src*="information-research-observatory-v2"]{filter:brightness(1.18) saturate(.96)}
.hub-hero-media:hover{box-shadow:0 46px 84px -32px rgba(16,27,51,.66)}
.hub-hero-media:hover img{transform:scale(1.02)}
.hub-hero-media:hover .hub-hero-cap{transform:translateY(-5px)}
.hub-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,12,26,.05) 0,rgba(6,12,26,0) 34%,rgba(6,12,26,.62) 100%);z-index:1}
.hub-hero-tag{position:absolute;top:18px;left:18px;z-index:2;background:#2563EB;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:7px}
.hub-hero-cap{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;color:#fff;transition:transform .35s ease}
.hub-hero-cap strong{display:block;font-family:'Archivo',sans-serif;font-size:clamp(22px,2vw,30px);line-height:1.08;letter-spacing:-.02em;margin-bottom:8px;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.hub-hero-cap>span{display:block;font-size:14.5px;color:rgba(255,255,255,.88);max-width:440px;text-shadow:0 1px 12px rgba(0,0,0,.4)}
.hub-hero-read{margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.75)!important}

.infosec-top{margin-top:4px}
.topicrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:14px 0 60px}
.topic-card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(16,27,51,.04),0 10px 26px -18px rgba(16,27,51,.18);overflow:hidden;transition:border-color .18s,transform .22s,box-shadow .22s}
.topic-card:hover{border-color:#B9CBE4;transform:translateY(-4px);box-shadow:0 24px 48px -22px rgba(16,27,51,.34)}
.topic-card .ph{position:relative;aspect-ratio:16/9}
.topic-card .ph[style*="background-image"],
.info-card .ph[style*="background-image"],
.ef2-relcard img{filter:brightness(1.08) saturate(.98)}
.topic-card .ph[style*="mifid2-regulated-market-lab"],
.info-card .ph[style*="mifid2-regulated-market-lab"],
.ef2-relcard img[src*="mifid2-regulated-market-lab"]{filter:brightness(1.22) saturate(.97)}
.topic-card .ph[style*="market-makers-independent-matching-rail"],
.info-card .ph[style*="market-makers-independent-matching-rail"],
.ef2-relcard img[src*="market-makers-independent-matching-rail"]{filter:brightness(1.18) saturate(.97)}
.topic-card .ph[style*="cheapest-exchange-efficient-engines"],
.info-card .ph[style*="cheapest-exchange-efficient-engines"],
.ef2-relcard img[src*="cheapest-exchange-efficient-engines"],
.topic-card .ph[style*="mica-casp-passporting-custody"],
.info-card .ph[style*="mica-casp-passporting-custody"],
.ef2-relcard img[src*="mica-casp-passporting-custody"],
.topic-card .ph[style*="btc-perpetual-spreads-two-cars"],
.info-card .ph[style*="btc-perpetual-spreads-two-cars"],
.ef2-relcard img[src*="btc-perpetual-spreads-two-cars"]{filter:brightness(1.14) saturate(.98)}
.topic-card .ph-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:42px}
.topic-card .info-body{padding:12px 15px 13px}
.topic-card h3{font-size:15.5px;font-weight:600;line-height:1.26;letter-spacing:-.011em;margin:0 0 4px;color:#20293F}
.topic-card p{font-size:12.5px;color:#4A566B;line-height:1.45;margin:0 0 9px}
.readtime{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:#8593AC}
.tlabel{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;color:#fff;background:#2563EB;font-size:9.5px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;padding:4px 9px;border-radius:7px;box-shadow:0 4px 12px -4px rgba(0,0,0,.4)}
.tlabel-sec{background:#16A34A}
.tlabel-reg{background:#2563EB}
.tlabel-cap{background:#7C3AED}
.tlabel-cost{background:#F59E0B}
.tlabel-risk{background:#EF4444}
.tlabel-der{background:#2563EB}
.tlabel-stk{background:#0891B2}

@media(max-width:1080px){.topicrow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.hub-hero{grid-template-columns:1fr;gap:26px}.hub-hero-media{aspect-ratio:16/9}}
@media(max-width:640px){.topicrow{grid-template-columns:1fr 1fr}.hub-stats{gap:22px}}

/* ===== Tools-hub: calculators first, editorial guides second ===== */
.tools-landing{margin:34px 0 42px;padding:34px;border:1px solid #DCE5F2;border-radius:26px;background:#fff;box-shadow:0 26px 58px -42px rgba(16,27,51,.5)}
.tools-landing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}
.tools-landing-kicker{display:block;margin-bottom:7px;color:#2563EB;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.tools-landing h2{margin:0;color:#101B33;font-family:'Archivo',sans-serif;font-size:clamp(25px,2.5vw,36px);line-height:1.08;letter-spacing:-.025em}
.tools-landing-head p{max-width:690px;margin:10px 0 0;color:#65728A;font-size:15px;line-height:1.55}
.tools-landing-guides{flex:0 0 auto;color:#2563EB;font-size:14px;font-weight:750;text-decoration:none;white-space:nowrap}
.tools-landing-guides:hover{text-decoration:underline;text-underline-offset:4px}
.tools-landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.tools-landing-card{position:relative;display:block;min-height:284px;padding:27px 29px;border-radius:22px;overflow:hidden;text-decoration:none;isolation:isolate;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.tools-landing-card:hover{transform:translateY(-4px)}
.tools-landing-card-cost{color:#fff;background:#0D1B35;border:1px solid #172B4E;box-shadow:0 24px 48px -32px rgba(13,27,53,.9)}
.tools-landing-card-cost:hover{box-shadow:0 32px 58px -32px rgba(13,27,53,.95)}
.tools-landing-card-token{color:#101B33;background:linear-gradient(145deg,#F3F7FF 0%,#E8F0FF 100%);border:1px solid #C9D9F5;box-shadow:0 24px 48px -36px rgba(37,99,235,.5)}
.tools-landing-card-token:hover{border-color:#AFC6EE;box-shadow:0 32px 58px -34px rgba(37,99,235,.45)}
.tools-landing-card-top{position:relative;z-index:2;display:flex;align-items:center;gap:10px;margin-bottom:26px}
.tools-landing-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15)}
.tools-landing-card-token .tools-landing-icon{background:#fff;border-color:#D7E2F4;box-shadow:0 8px 22px -14px rgba(16,27,51,.45)}
.tools-landing-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tools-landing-badge{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#98B9FF}
.tools-landing-card-token .tools-landing-badge{color:#356BD6}
.tools-landing-card h3{position:relative;z-index:2;max-width:460px;margin:0 0 10px;font-family:'Archivo',sans-serif;font-size:clamp(23px,2vw,30px);line-height:1.08;letter-spacing:-.025em;color:inherit}
.tools-landing-card p{position:relative;z-index:2;max-width:470px;margin:0;color:rgba(255,255,255,.7);font-size:14.5px;line-height:1.55}
.tools-landing-card-token p{color:#5C6A83}
.tools-landing-link{position:absolute;z-index:2;left:29px;bottom:27px;color:#79A5FF;font-size:14px;font-weight:800}
.tools-landing-card-token .tools-landing-link{color:#2563EB}
.tools-landing-preview{position:absolute;right:-21px;bottom:-28px;z-index:1;width:210px;height:128px;border-radius:20px 0 0 0;transform:rotate(-4deg);opacity:.9}
.tools-landing-preview i{position:absolute;left:26px;right:20px;height:12px;border-radius:999px;background:rgba(255,255,255,.12)}
.tools-landing-preview i:nth-child(1){top:26px;right:48px}
.tools-landing-preview i:nth-child(2){top:52px}
.tools-landing-preview i:nth-child(3){top:78px;right:72px}
.tools-landing-preview-cost{background:linear-gradient(145deg,#152A4C,#09142A);border:1px solid rgba(255,255,255,.08)}
.tools-landing-preview-cost i:nth-child(1){background:#2FD29A}.tools-landing-preview-cost i:nth-child(2){background:#4B7FFF}.tools-landing-preview-cost i:nth-child(3){background:rgba(255,255,255,.22)}
.tools-landing-preview-token{background:rgba(255,255,255,.72);border:1px solid rgba(101,136,197,.22)}
.tools-landing-preview-token i:nth-child(1){background:#2563EB}.tools-landing-preview-token i:nth-child(2){background:#41C98A}.tools-landing-preview-token i:nth-child(3){background:#BED0EF}
@media(max-width:800px){.tools-landing{padding:24px}.tools-landing-head{align-items:flex-start;flex-direction:column;gap:12px}.tools-landing-grid{grid-template-columns:1fr}.tools-landing-card{min-height:260px}}
@media(max-width:480px){.tools-landing{margin:24px 0 34px;padding:18px;border-radius:20px}.tools-landing-card{padding:23px;min-height:250px}.tools-landing-link{left:23px;bottom:23px}.tools-landing-preview{width:150px}.tools-landing-head p{font-size:14px}}

/* ===== ExchangeFacts Insight — signature-component (herbruikbaar op artikelen,
   gidsen, reviews en vergelijkpagina's). Herkenbaar merkelement. ===== */
.ef-insight{position:relative;display:block;background:transparent;border:0;border-top:1px solid #DFE6F1;border-bottom:1px solid #DFE6F1;border-radius:0;padding:27px 0;margin:34px 0;max-width:none}
.ef-insight-tag{position:relative;display:inline-flex;align-items:center;gap:0;padding-left:20px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#101B33;margin-bottom:9px}
.ef-insight-tag::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:2px;background:#2563EB}
.ef-insight-tag svg{display:none}
.ef-insight p{font-family:'Archivo',sans-serif;font-size:17px;line-height:1.5;letter-spacing:-.011em;color:#1B2740;margin:0}
.ef-insight p strong{color:#101B33;font-weight:800}
.ef-insight + .ef-insight{margin-top:14px}
@media(max-width:640px){.ef-insight{padding:16px 18px}.ef-insight p{font-size:16.5px}}

/* ===== "Alle uitleg"-kaarten: vast ritme (categorie / titel 2 regels / 1 regel uitleg / leestijd) ===== */
.infogrid .info-card .info-body{display:flex;flex-direction:column;min-height:118px}
.infogrid .info-card .itag{align-self:flex-start;margin-bottom:8px}
.infogrid .info-card h3{margin:0 0 6px;min-height:2.64em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.infogrid .info-card p{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.infogrid .info-card .readtime{margin-top:auto;padding-top:11px}

/* ===== Research-band: donkere editorial-sectie tussen witte secties (hybride ritme, Luc 21 juli) ===== */
.research-band{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:56px;padding:8px 0 64px;background:linear-gradient(180deg,#0A1020 0,#05080F 100%);color:#C4CFE0}
.research-band::before{content:"";position:absolute;left:0;right:0;top:-90px;height:90px;background:linear-gradient(180deg,rgba(10,16,32,0) 0,#0A1020 100%);pointer-events:none}
.research-inner{max-width:1320px;margin:0 auto;padding:0 40px}
.research-eyebrow{display:inline-block;margin:40px 0 10px;font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#5D9DF6}
.research-band .research-title{color:#EAF0FA;margin:0 0 22px}
.research-band .infogrid{margin-bottom:0}
/* donkere kaarten — rijker dan de lichte tegenhangers */
.research-band .info-card{background:#111B2D;border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 2px rgba(0,0,0,.35),0 16px 34px -20px rgba(0,0,0,.7)}
.research-band .info-card:hover{border-color:rgba(93,157,246,.55);box-shadow:0 26px 52px -22px rgba(0,0,0,.85)}
.research-band .info-card h3{color:#EDF2FB}
.research-band .info-card p{color:#93A1B9}
.research-band .info-card .readtime{color:#77859C}
.research-band .info-card .ph{border-bottom:1px solid rgba(255,255,255,.06)}
@media(max-width:640px){.research-inner{padding:0 22px}.research-band::before{top:-60px;height:60px}}

/* ===== Hub-hero verfijningen (mockup-alignment 21 juli) ===== */
.hub-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#2563EB}
.hub-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#2563EB;box-shadow:0 0 0 3px rgba(37,99,235,.16)}
.hub-stats>div{display:flex;flex-direction:column;align-items:flex-start}
.hub-stats svg{color:#2563EB;margin-bottom:9px}
/* Insight: tekst links, methodologie-link rechts */
.ef-insight{display:block;max-width:none}
.ef-insight-body{max-width:74ch}
.ef-insight-body p{margin:0}
.ef-insight-link{display:inline-block;margin-top:15px;white-space:nowrap;color:#2563EB;font-weight:700;font-size:14px;text-decoration:none}
.ef-insight-link:hover{text-decoration:underline;text-underline-offset:3px}
/* Sectiekop met "bekijk alle" rechts */
.infosec-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.sec-all{color:#2563EB;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}
.sec-all:hover{text-decoration:underline;text-underline-offset:3px}
.research-band .infosec-row .sec-all{color:#5D9DF6}
@media(max-width:560px){.ef-insight{flex-direction:column;align-items:flex-start;gap:12px}.infosec-row{flex-direction:column;gap:4px}}

/* ===== Footer v2 — dark premium (referentie op homepage; verzoek Luc 21 juli) ===== */
.ft2{background:linear-gradient(180deg,#0B1220 0,#080D18 100%);color:#C4CFE0;border-top:1px solid rgba(255,255,255,.06);margin-top:64px}
.ft2-inner{max-width:1320px;margin:0 auto;padding:0 40px}
.ft2-main{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:34px;padding:56px 0 42px}
.ft2-brand{max-width:290px}
.ft2-logo{height:26px;width:auto;filter:brightness(0) invert(1)}
.ft2-tag{font-size:13.5px;line-height:1.6;color:#8A98B0;margin:16px 0 20px}
.ft2-social{display:flex;gap:10px}
.ft2-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#C4CFE0;transition:.16s}
.ft2-social a:hover{border-color:#2563EB;color:#fff;background:rgba(37,99,235,.16)}
.ft2-col{display:flex;flex-direction:column;gap:10px;min-width:0}
.ft2-h{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5D9DF6;margin-bottom:5px}
.ft2-col a{color:#AEBAD0;font-size:13.5px;text-decoration:none;transition:.14s}
.ft2-col a:hover{color:#fff}
.ft2-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;padding:38px 0;border-top:1px solid rgba(255,255,255,.07);text-align:center}
.ft2-badge svg{color:#5D9DF6;margin-bottom:12px}
.ft2-badge strong{display:block;color:#EAF0FA;font-size:16px;font-weight:700;margin-bottom:6px}
.ft2-badge span{display:block;color:#8A98B0;font-size:12.5px;line-height:1.5;max-width:190px;margin:0 auto}
.ft2-disc{border-top:1px solid rgba(255,255,255,.07);padding:16px 0}
.ft2-disc summary{cursor:pointer;list-style:none;font-size:12.5px;font-weight:700;color:#9AA7BE;display:inline-flex;align-items:center;gap:8px}
.ft2-disc summary::-webkit-details-marker{display:none}
.ft2-disc summary::before{content:"+";color:#5D9DF6;font-weight:800;font-size:15px}
.ft2-disc[open] summary::before{content:"\2212"}
.ft2-disc p{font-size:12px;line-height:1.65;color:#77859C;margin:11px 0 0;max-width:none}
.ft2-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.07);padding:18px 0;font-size:12.5px;color:#77859C}
.ft2-bottom a{color:#AEBAD0;text-decoration:none}
.ft2-bottom a:hover{color:#fff}
@media(max-width:1080px){.ft2-main{grid-template-columns:1fr 1fr 1fr;gap:28px}.ft2-brand{grid-column:1/-1;max-width:none}.ft2-badges{grid-template-columns:repeat(2,1fr);gap:26px 16px}}
@media(max-width:640px){.ft2-main{grid-template-columns:1fr 1fr}.ft2-badges{grid-template-columns:1fr}.ft2-bottom{flex-direction:column;align-items:flex-start}.ft2-inner{padding:0 22px}}


/* ===== Ijsberg-hero: subtiele architecturale annotatie (alleen hero, Luc 21 juli) ===== */
.hub-hero-media .ice-annot{position:absolute;inset:0;z-index:2;pointer-events:none}
.ice-row{position:absolute;top:var(--t);right:18px;display:flex;flex-direction:row-reverse;align-items:center;gap:9px;opacity:.6;transition:opacity .22s;pointer-events:auto}
.ice-row .ice-lab{position:relative;display:flex;flex-direction:column;text-align:right}
.ice-lab b{font-size:11px;font-weight:700;letter-spacing:.02em;color:#fff;line-height:1.25;text-shadow:0 1px 6px rgba(0,0,0,.55)}
.ice-lab em{font-size:8.5px;font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.62);text-shadow:0 1px 6px rgba(0,0,0,.55)}
.ice-line{width:26px;height:1px;background:rgba(255,255,255,.5);transition:width .22s,background .22s}
.ice-row.see .ice-line{background:rgba(122,196,255,.75)}
.ice-row:hover{opacity:1}
.ice-row:hover .ice-line{width:34px;background:#8FC2FF}
.ice-tip{position:absolute;right:0;top:calc(100% + 9px);width:210px;padding:9px 11px;background:rgba(8,13,24,.97);border:1px solid rgba(255,255,255,.14);border-radius:9px;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:0;text-align:left;color:#D7E1F0;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s;z-index:4;box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
.ice-row:hover .ice-tip{opacity:1;visibility:visible;transform:none}
/* mobiele legenda i.p.v. overlay */
.ice-legend{display:none}
.ice-legend .leg-h{display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#2563EB;margin-bottom:7px}
.ice-legend ul{list-style:none;margin:0;padding:0}
.ice-legend li{font-size:14px;color:#34405A;padding:3px 0}
.ice-legend .leg-col:first-child li{color:#101B33;font-weight:600}
@media(max-width:900px){
  .hub-hero-media .ice-annot{display:none}
  .ice-legend{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
}

/* ===== CTA na research: groot editorial eindpunt (Luc 21 juli) ===== */
.hub-cta{display:block!important;text-align:center;background:linear-gradient(180deg,#F5F8FF 0,#ECF2FF 100%)!important;border:1px solid #D8E4FB!important;border-radius:22px!important;padding:58px 34px!important;margin:16px 0 76px!important}
.hub-cta h2{font-family:'Archivo',sans-serif;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.02em;margin:0 0 12px;color:var(--ink)}
.hub-cta p{font-size:17px;line-height:1.6;color:#4A566B;margin:0 auto 26px;max-width:54ch}
.hub-cta .btn{display:inline-flex;align-items:center;gap:9px;font-size:15.5px;font-weight:800;padding:16px 32px;border-radius:13px;box-shadow:0 16px 30px -14px rgba(37,99,235,.6)}
.hub-cta .btn:hover{transform:translateY(-2px)}

/* ===== Exchange-review kaarten: eigen monumentbeeld per exchange =====
   Dezelfde beelden als op de reviewpagina's, centraal uitgesneden in 16:9.
   De href-selectors werken voor alle taalpaden zonder dubbele markup. ===== */
.exch-card .ph{display:block;aspect-ratio:16/9!important;height:auto!important;background-color:#0B1220;background-size:cover;background-position:center;filter:brightness(1.25) saturate(.97);transition:filter .22s}
.exch-card:hover .ph{filter:brightness(1.31) saturate(.99)}
.exch-card[href$="/bitget/"] .ph,
.exch-card[href$="/mexc/"] .ph,
.exch-card[href$="/kucoin/"] .ph{filter:brightness(1.06) saturate(.94)}
.exch-card[href$="/bitget/"]:hover .ph,
.exch-card[href$="/mexc/"]:hover .ph,
.exch-card[href$="/kucoin/"]:hover .ph{filter:brightness(1.11) saturate(.96)}
.exch-card .exch-mono{display:none}
.exch-card[href$="/backpack/"] .ph{background-image:url("/assets/info/backpack-riverfront-hq-v1.jpg?v=1")}
.exch-card[href$="/bitvavo/"] .ph{background-image:url("/assets/info/bitvavo-dutch-trading-house-v2.jpg?v=2")}
.exch-card[href$="/finst/"] .ph{background-image:url("/assets/info/finst-amsterdam-pavilion-v2.jpg?v=2")}
.exch-card[href$="/okx-eu/"] .ph{background-image:url("/assets/info/okx-modular-laboratory-v5.jpg?v=5")}
.exch-card[href$="/kraken/"] .ph{background-image:url("/assets/info/kraken-resilient-citadel-v2.jpg?v=2")}
.exch-card[href$="/binance/"] .ph{background-image:url("/assets/info/binance-grand-marketplace-v4.jpg?v=4")}
.exch-card[href$="/bybit/"] .ph{background-image:url("/assets/info/bybit-modular-engine-room-v6-light.jpg?v=5")}
.exch-card[href$="/coinbase/"] .ph{background-image:url("/assets/info/coinbase-fortress-v3.jpg?v=3")}
.exch-card[href$="/crypto-com/"] .ph{background-image:url("/assets/info/crypto-com-financial-marina-v4.jpg?v=4")}
.exch-card[href$="/bitstamp/"] .ph{background-image:url("/assets/info/bitstamp-continental-ledger-house-v2.jpg?v=2")}
.exch-card[href$="/bitget/"] .ph{background-image:url("/assets/info/bitget-faded-trading-compound-v6.jpg?v=6")}
.exch-card[href$="/mexc/"] .ph{background-image:url("/assets/info/mexc-faded-expansion-complex-v6.jpg?v=6")}
.exch-card[href$="/bitfinex/"] .ph{background-image:url("/assets/info/bitfinex-deep-liquidity-tower-v4.jpg?v=4")}
.exch-card[href$="/deribit/"] .ph{background-image:url("/assets/info/deribit-derivatives-observatory-v2.jpg?v=2")}
.exch-card[href$="/bitmex/"] .ph{background-image:url("/assets/info/bitmex-wind-down-monolith-v6-light.jpg?v=5")}
.exch-card[href$="/hyperliquid/"] .ph{background-image:url("/assets/info/hyperliquid-night-desk-v1.jpg?v=1")}

/* ===== Article-hero: full-width monument bovenaan elk editorial artikel (Luc 21 juli) ===== */
.article-hero{position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw;min-height:clamp(384px,52vw,624px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;margin-bottom:8px}
.article-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.article-hero.article-hero-no-image{background:radial-gradient(circle at 78% 22%,rgba(52,91,155,.32),transparent 36%),linear-gradient(145deg,#101b33 0%,#182845 58%,#0b1222 100%)}
.article-hero::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,12,26,.18) 0,rgba(6,12,26,.08) 42%,rgba(6,12,26,.84) 100%)}
.article-hero.story-hero-bitmex img{filter:brightness(1.16) contrast(.98)}
.article-hero.story-hero-bitmex::after{background:linear-gradient(90deg,rgba(6,12,26,.4) 0%,rgba(6,12,26,.18) 43%,rgba(6,12,26,.02) 76%),linear-gradient(180deg,rgba(6,12,26,.08) 0%,rgba(6,12,26,.02) 45%,rgba(6,12,26,.40) 100%)}
.article-hero.story-hero-freeze img{object-position:50% 50%}
.article-hero.story-hero-freeze::after{background:linear-gradient(90deg,rgba(6,12,26,.78) 0%,rgba(6,12,26,.46) 34%,rgba(6,12,26,.12) 62%,rgba(6,12,26,.03) 100%),linear-gradient(180deg,rgba(6,12,26,.08) 0%,rgba(6,12,26,.02) 45%,rgba(6,12,26,.62) 100%)}
.article-hero.story-hero-winklevoss img{object-position:50% 50%}
.article-hero.story-hero-winklevoss::after{background:linear-gradient(90deg,rgba(6,12,26,.80) 0%,rgba(6,12,26,.48) 38%,rgba(6,12,26,.12) 68%,rgba(6,12,26,.03) 100%),linear-gradient(180deg,rgba(6,12,26,.08) 0%,rgba(6,12,26,.06) 40%,rgba(6,12,26,.80) 100%)}
.article-hero-copy{position:relative;z-index:2;width:100%;max-width:1320px;margin:0 auto;padding:0 40px 48px;color:#fff}
.article-hero-copy .tlabel{position:static;margin-bottom:14px;box-shadow:none}
.article-hero-copy h1{font-family:'Archivo',sans-serif;font-size:clamp(30px,4.2vw,54px);line-height:1.06;letter-spacing:-.02em;max-width:22ch;margin:0 0 14px;color:#fff;text-shadow:0 2px 26px rgba(0,0,0,.5)}
.article-sub{font-size:clamp(16px,1.6vw,20px);line-height:1.5;color:rgba(255,255,255,.9);max-width:62ch;margin:0 0 16px;text-shadow:0 1px 16px rgba(0,0,0,.45)}
.article-meta{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:rgba(255,255,255,.8)}
.article-meta .dot{opacity:.55}
.story-share-x{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;margin-left:8px;padding:9px 14px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:rgba(255,255,255,.12);color:#fff!important;text-decoration:none!important;font-family:'Archivo',sans-serif;font-size:12px;font-weight:750;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.story-share-x:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.62);transform:translateY(-1px)}
.story-share-x:focus-visible{outline:3px solid rgba(104,154,255,.7);outline-offset:2px}
.story-share-x svg{display:block!important;width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;min-height:12px!important;max-height:12px!important;fill:currentColor!important;flex:0 0 12px!important;margin:0!important}
.story-share-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:40px 0 8px;padding:25px 28px;border:1px solid #DCE5F3;border-radius:20px;background:linear-gradient(135deg,#F7FAFF 0%,#EEF4FF 100%);box-shadow:0 14px 35px rgba(20,44,85,.07)}
.story-share-panel-copy{min-width:0}
.story-share-panel-copy>span{display:block;margin-bottom:7px;color:#2563EB;font-size:11px;font-weight:800;letter-spacing:.1em}
.story-share-panel-copy strong{display:block;color:#0C1933;font-family:'Archivo',sans-serif;font-size:20px;line-height:1.25}
.story-share-panel-copy p{margin:5px 0 0;color:#66748D;font-size:14px}
.story-share-x-bottom{flex:none;margin:0;padding:13px 18px;border-color:#0B172D;background:#0B172D;color:#fff!important;box-shadow:0 8px 20px rgba(11,23,45,.16)}
.story-share-x-bottom:hover{border-color:#2563EB;background:#2563EB}
/* compacte variant (artikel-naar-artikel via "Volgend artikel") */
.article-hero.compact{min-height:clamp(200px,26vw,320px)}
@media(max-width:640px){.article-hero-copy{padding:0 22px 30px}.article-hero{min-height:clamp(260px,60vw,380px)}.article-hero.story-hero-freeze img{object-position:74% 50%}.article-hero.story-hero-freeze::after{background:linear-gradient(90deg,rgba(6,12,26,.7) 0%,rgba(6,12,26,.43) 56%,rgba(6,12,26,.12) 100%),linear-gradient(180deg,rgba(6,12,26,.12) 0%,rgba(6,12,26,.08) 38%,rgba(6,12,26,.8) 100%)}.article-hero.story-hero-winklevoss img{object-position:35% 50%}.article-hero.story-hero-winklevoss::after{background:linear-gradient(90deg,rgba(6,12,26,.58) 0%,rgba(6,12,26,.25) 78%,rgba(6,12,26,.10) 100%),linear-gradient(180deg,rgba(6,12,26,.08) 0%,rgba(6,12,26,.25) 30%,rgba(6,12,26,.94) 100%)}.article-meta{flex-wrap:wrap}.story-share-x{margin-left:0}.story-share-panel{align-items:stretch;flex-direction:column;gap:18px;padding:22px}.story-share-x-bottom{width:100%}}
/* article-hero caption (subtiel, onder de hero) */
.article-hero-cap{max-width:1320px;margin:11px auto 0;padding:0 40px;font-size:13px;font-style:italic;color:#8593AC}
.article-grid > article > .ef-insight{margin:0 0 26px}
@media(max-width:640px){.article-hero-cap{padding:0 22px}}
/* TOC-titel met subtiel lijst-icoon (Luc 21 juli) */
.toc strong{display:inline-flex;align-items:center;gap:7px}
.toc strong::before{content:"";width:15px;height:15px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E") center/contain no-repeat}

/* ===== Mega-menu v2: editorial Featured Guide rechts (Luc 21 juli) ===== */
@media(min-width:1181px){
.nav-item .mega-panel.mega-v2{width:720px!important;display:grid!important;grid-template-columns:33% 67%;gap:20px;padding:18px!important;align-items:stretch;left:50%;transform:translateX(-50%)}
.nav-item:first-child .mega-panel.mega-v2{left:0;transform:none}
.nav-item:last-child .mega-panel.mega-v2{left:auto;right:0;transform:none}
.mega-panel.mega-v2 .mega-left{display:flex;flex-direction:column;gap:2px;min-width:0}
.mega-featured{position:relative;display:flex!important;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;transition:opacity .22s ease,transform .22s,box-shadow .22s;box-shadow:0 14px 32px -20px rgba(16,27,51,.28)}
.mega-featured:hover{transform:translateY(-2px);box-shadow:0 24px 46px -22px rgba(16,27,51,.36)}
.mega-featured.mf-fade{opacity:0}
.mega-featured .mf-img{display:block;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#EEF2F8}
.mega-featured .mf-body{display:block;padding:14px 16px 16px}
.mega-featured .tlabel{position:static!important;display:inline-block;box-shadow:none;margin-bottom:8px}
.mega-featured .mf-title{display:block;font-family:'Archivo',sans-serif;font-size:17px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0 0 6px}
.mega-featured .mf-desc{display:block;font-size:13px;color:#4A566B;line-height:1.5;margin:0 0 10px}
.mega-featured .mf-read{display:block;font-size:12px;font-weight:700;color:#2563EB}
}

/* ===== Mega-v2 FIX: forceer 2 kolommen (links | featured), overrulet info-mega 1fr!important (Luc) ===== */
@media(min-width:1181px){
.nav-item .mega-panel.info-mega.mega-v2,
.nav-item:hover .mega-panel.info-mega.mega-v2,
.nav-item:focus-within .mega-panel.info-mega.mega-v2{
  display:grid!important;
  grid-template-columns:1fr 300px!important;
  width:620px!important;max-width:620px!important;
  max-height:none!important;overflow:visible!important;
  gap:22px!important;padding:18px!important;align-items:start!important;
}
.mega-panel.info-mega.mega-v2 .mega-left{
  display:flex!important;flex-direction:column;gap:2px;min-width:0;
  grid-column:1!important;overflow-y:auto;max-height:min(70vh,540px)
}
.mega-panel.info-mega.mega-v2 .mega-featured{grid-column:2!important;align-self:start;margin:0!important}
.mega-panel.info-mega.mega-v2 .mega-left .mega-col{width:auto!important}
}

/* ===== Mega-v2 rijke layout: icoon + titel + links per sectie (mockup Luc) ===== */
@media(min-width:1181px){
.nav-item .mega-panel.info-mega.mega-v2{grid-template-columns:1fr 296px!important;width:900px!important;max-width:900px!important;gap:26px!important;padding:22px 26px!important}
.mega-v2 .mega-left{gap:0!important;max-height:none!important;overflow:visible!important}
.mega-v2 .mega-col.mc-rich{display:grid!important;grid-template-columns:44px minmax(150px,180px) 1fr;gap:2px 16px;align-items:start;padding:16px 0;border-bottom:1px solid var(--line);width:auto!important}
.mega-v2 .mega-left .mega-col.mc-rich:last-child{border-bottom:0}
.mega-v2 .mc-icon{grid-row:1/3;grid-column:1;width:40px;height:40px;border-radius:11px;background:#EEF3FF;display:flex;align-items:center;justify-content:center;color:#2563EB;flex:none}
.mega-v2 .mega-col.mc-rich .mega-section{grid-column:2;grid-row:1;font-family:'Archivo',sans-serif;font-size:15px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:2px 0 0;padding:0;border:0;text-transform:none}
.mega-v2 .mc-links{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;gap:1px}
.mega-v2 .mc-links a{display:flex!important;align-items:center;justify-content:space-between;gap:12px;color:#2563EB!important;font-size:13.5px;font-weight:700!important;padding:5px 8px 5px 0!important;background:none!important}
.mega-v2 .mc-links a::after{content:"→";color:#2563EB;opacity:.55;font-weight:600}
.mega-v2 .mc-links a:hover{color:#1D4ED8!important}
.mega-v2 .mc-links a:hover::after{opacity:1}
.mega-v2 .mega-featured{align-self:start}
}

/* ===== Mega-v2 RIJK: icoon+titel+subtitel per sectie + featured + meta-rail (mockup Luc) ===== */
@media(min-width:1181px){
.mega-v2 .mega-kicker{display:none!important}
.nav-item .mega-panel.info-mega.mega-v2,.nav-item:hover .mega-panel.info-mega.mega-v2,.nav-item:focus-within .mega-panel.info-mega.mega-v2{
  display:grid!important;grid-template-columns:1fr 320px!important;width:980px!important;max-width:980px!important;max-height:none!important;overflow:visible!important;gap:0 28px!important;padding:12px 26px 18px!important;align-items:start!important}
.mega-v2 .mega-left{gap:0!important;overflow:visible!important;max-height:none!important}
.mega-v2 .mega-col.mc-rich{display:grid!important;grid-template-columns:52px minmax(160px,190px) 1fr;gap:0 18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line);width:auto!important}
.mega-v2 .mega-left .mega-col.mc-rich:last-child{border-bottom:0}
.mega-v2 .mc-icon{grid-row:1/4;grid-column:1;width:44px;height:44px;border-radius:12px;background:#EEF3FF;display:flex;align-items:center;justify-content:center;color:#2563EB;flex:none}
.mega-v2 .mega-col.mc-rich .mega-section{grid-column:2;grid-row:1;font-family:'Archivo',sans-serif;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--ink);margin:0;padding:0;border:0;text-transform:none}
.mega-v2 .mc-sub{display:none}
.mega-v2 .mc-links{grid-column:3;grid-row:1/4;display:flex;flex-direction:column;gap:2px}
.mega-v2 .mc-links a{display:flex!important;align-items:center;justify-content:space-between;gap:14px;color:#2563EB!important;font-size:14px;font-weight:700!important;padding:7px 6px 7px 0!important;background:none!important;white-space:nowrap}
.mega-v2 .mc-links a::after{content:"→";color:#2563EB;opacity:0;font-weight:600;margin-left:auto;transition:opacity .14s ease,transform .14s ease}
.mega-v2 .mc-links a:hover,.mega-v2 .mc-links a.mc-pointer-hover{color:#1D4ED8!important}.mega-v2 .mc-links a:hover::after,.mega-v2 .mc-links a.mc-pointer-hover::after,.mega-v2 .mc-links a:focus-visible::after{opacity:1;transform:translateX(2px)}
.mega-v2 .mega-col.mc-rich{position:relative}
.mega-v2 .mc-category-hit{
  grid-column:1/3!important;grid-row:1/4!important;align-self:stretch!important;z-index:0!important;
  min-height:64px!important;margin:-10px 0!important;padding:0!important;border-radius:12px!important;
  background:transparent!important;text-decoration:none!important;cursor:pointer!important;
  transition:background-color .14s ease,box-shadow .14s ease!important;
}
.mega-v2 .mc-icon,.mega-v2 .mega-col.mc-rich .mega-section,.mega-v2 .mc-sub{
  position:relative;z-index:1;pointer-events:none;
}
.mega-v2 .mc-category-hit:hover,.mega-v2 .mc-category-hit:focus-visible{
  background:#F1F5FD!important;box-shadow:inset 0 0 0 1px #DCE7F8!important;outline:none!important;
}
.mega-v2 .mega-col.mc-rich:has(.mc-category-hit:hover) .mega-section,
.mega-v2 .mega-col.mc-rich:has(.mc-category-hit:focus-visible) .mega-section{color:#1D4ED8!important}
.mega-v2 .mega-col.mc-rich:has(.mc-category-hit:hover) .mc-icon,
.mega-v2 .mega-col.mc-rich:has(.mc-category-hit:focus-visible) .mc-icon{background:#E5EDFF!important;color:#1D4ED8!important}
.mega-v2 .mega-right{grid-column:2;background:#F6F8FC;border-radius:16px;padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:14px}
.mega-v2 .mega-featured{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;transition:opacity .2s,box-shadow .2s;box-shadow:0 10px 26px -18px rgba(16,27,51,.2)}
.mega-v2 .mega-featured.mf-fade{opacity:0}
.mega-v2 .mf-img{position:relative;display:block;aspect-ratio:16/9;background-size:cover;background-position:center;margin:12px 12px 0;border-radius:10px;overflow:hidden}
.mega-v2 .mf-img:not(.mf-img-empty){filter:brightness(1.25) saturate(.97);transition:filter .22s ease}
.mega-v2 .mega-featured:hover .mf-img:not(.mf-img-empty){filter:brightness(1.31) saturate(.99)}
.mega-v2 .mf-img.mf-img-empty{background:linear-gradient(145deg,#101b33 0%,#182845 58%,#0b1222 100%)}
.mega-v2 .mf-img .tlabel{position:absolute!important;top:8px;left:8px;box-shadow:0 4px 12px -4px rgba(0,0,0,.4)}
.mega-v2 .mf-body{display:block;padding:12px 14px 14px}
.mega-v2 .mf-title{display:block;font-family:'Archivo',sans-serif;font-size:16px;font-weight:800;color:var(--ink);margin:0 0 5px}
.mega-v2 .mf-desc{display:block;font-size:12.5px;color:var(--muted);line-height:1.45;margin:0 0 9px}
.mega-v2 .mf-read{display:block;font-size:12.5px;font-weight:700;color:#2563EB}
.mega-v2 .mega-meta{display:flex;flex-direction:column}
.mega-v2 .mm-row{display:flex;align-items:center;gap:11px;padding:10px 6px;text-decoration:none;border-radius:9px}
.mega-v2 .mm-row:hover{background:#fff}
.mega-v2 .mm-ic{width:30px;height:30px;flex:none;color:#5D9DF6;display:flex;align-items:center;justify-content:center}
.mega-v2 .mm-ic svg{width:18px;height:18px}
.mega-v2 .mm-tx{display:flex;flex-direction:column;min-width:0}
.mega-v2 .mm-t{font-size:13.5px;font-weight:700;color:var(--ink);line-height:1.2}
.mega-v2 .mm-s{font-size:11.5px;color:var(--muted);line-height:1.3;margin-top:2px}
.mega-v2 .mm-ch{margin-left:auto;color:#9AA7BE;font-size:18px}
}

/* ===== Actueel — Nieuwsflitsen in newsroom/Bloomberg-stijl (mockup Luc) ===== */
.hub-updated{display:flex;align-items:center;gap:8px;font-size:13px;color:#62708A;margin:2px 0 22px}
.hub-updated svg{width:15px;height:15px;color:#8592A8;flex:none}
.hub-updated strong{color:var(--ink);font-weight:700}
.tgfeed.newsroom{padding:20px 22px 14px}
.nf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 4px}
.nf-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2563EB;margin-bottom:5px}
.nf-live::before{content:"";width:7px;height:7px;border-radius:50%;background:#2563EB;animation:nfpulse 2.2s ease-out infinite}
@keyframes nfpulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.5)}70%{box-shadow:0 0 0 7px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}
.nf-head h2{font-family:'Archivo',sans-serif;font-size:22px;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin:0}
.nf-head-link{font-size:13.5px;font-weight:700;color:#2563EB;white-space:nowrap;text-decoration:none}
.nf-head-link:hover{color:#1D4ED8}
.nf-list{margin:8px 0 0}
.nf-row{display:grid;grid-template-columns:104px 1fr 22px;align-items:start;gap:0 18px;padding:15px 12px;margin:0 -12px;border-top:1px solid var(--line);text-decoration:none;color:inherit;border-radius:10px;transition:background .16s ease}
.nf-row:first-child{border-top:0}
.nf-row:hover{background:#F5F8FC}
.nf-time{font-size:12px;font-weight:600;color:#8592A8;padding-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.nf-body{min-width:0}
.nf-body strong{display:block;font-size:15.5px;font-weight:750;line-height:1.4;color:var(--ink);margin-bottom:3px;letter-spacing:-.005em}
.nf-body span{display:block;font-size:14px;line-height:1.55;color:#53617A}
.nf-arrow{align-self:center;color:#B4C0D4;font-size:16px;transition:transform .16s ease,color .16s ease}
.nf-row:hover .nf-arrow{color:#2563EB;transform:translateX(3px)}
.nf-more{display:block;text-align:center;margin:18px auto 4px;padding:8px;font-size:13.5px;font-weight:700;color:#2563EB;text-decoration:none}
.nf-more:hover{color:#1D4ED8}
@media(max-width:640px){
  .nf-row{grid-template-columns:1fr 20px;gap:2px 12px}
  .nf-time{grid-column:1/-2;font-size:11.5px;margin-bottom:1px}
  .nf-arrow{grid-row:1/3}
}

/* ===== Reviews-dropdown: merk-logo per exchange-link (mockup Luc) ===== */
.mega-v2 .mc-logo{width:22px;height:22px;border-radius:6px;object-fit:contain;background:#fff;flex:none;box-shadow:0 0 0 1px rgba(16,27,51,.07);padding:1px}
/* Reviews is leidend voor de regelafstand: daar maakt de 22px-logotegel de regel
   32px hoog. Zonder logo bleef een regel 28,9px, waardoor de menu's naast elkaar
   niet gelijk liepen. Deze minimumhoogte trekt alle dropdowns op dezelfde maat. */
.mega-v2 .mc-links a{min-height:22px}
.mega-v2 .mc-mono{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#5D6B85;background:#EEF3FA;box-shadow:none;padding:0}
.mega-v2 .mc-links a.mc-haslogo{gap:11px}

/* ============================================================
   EXCHANGE REVIEW TEMPLATE (rv-) — premium profielpagina
   Master: Bitvavo. Herbruikbaar voor alle exchange-reviews.
   ============================================================ */
.rv-wrap{max-width:1320px;margin:0 auto;padding:0 24px}
.rv-crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#7A879E;margin:22px 0 18px}
.rv-crumb a{color:#7A879E;text-decoration:none}.rv-crumb a:hover{color:#2563EB}
.rv-crumb span{color:#C2CCDC}

/* HERO */
.rv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center;margin-bottom:26px}
.rv-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#2563EB;background:#EAF1FF;padding:5px 11px;border-radius:7px;margin-bottom:16px}
.rv-hero h1{font-family:'Archivo',sans-serif;font-size:clamp(34px,4.4vw,52px);line-height:1.03;letter-spacing:-.035em;margin:0 0 12px}
.rv-hero .rv-sub{font-size:18px;color:var(--muted);margin:0 0 24px;max-width:46ch}
.rv-metarow{display:flex;flex-wrap:wrap;gap:12px 30px}
.rv-metarow>div{display:grid;grid-template-columns:20px 1fr;gap:2px 10px;align-items:start}
.rv-metarow svg{grid-row:1/3;width:18px;height:18px;color:#8DA0BE;margin-top:2px}
.rv-metarow strong{font-size:14px;color:var(--ink);font-weight:700}
.rv-metarow em{grid-column:2;font-size:12.5px;color:#7A879E;font-style:normal}
.rv-hero-media{position:relative}
.rv-hero-media img{width:100%;aspect-ratio:16/11;object-fit:cover;border-radius:18px;display:block}
/* score-kaart */
.rv-score{position:absolute;right:-8px;top:-8px;width:196px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -26px rgba(16,27,51,.4);padding:16px 16px 14px;text-align:center}
.rv-score .rv-sc-k{font-size:10px;font-weight:800;letter-spacing:.11em;color:#5F6F8B;text-transform:uppercase}
.rv-ring{position:relative;width:118px;height:118px;margin:8px auto 4px}
.rv-ring svg{transform:rotate(-90deg)}
.rv-ring .rv-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.rv-ring .rv-num b{font-family:'Archivo',sans-serif;font-size:30px;letter-spacing:-.02em;color:var(--ink);line-height:1}
.rv-ring .rv-num span{font-size:11px;color:#5F6F8B;margin-top:1px}
.rv-score .rv-verdictword{font-size:14px;font-weight:800;color:var(--ink);margin-top:2px}
.rv-score .rv-howlink{display:block;font-size:12px;font-weight:700;color:#2563EB;margin-top:6px;text-decoration:none}

/* SCOREBARS */
.rv-scorebars{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px 22px;margin-bottom:26px}
.rv-sb-head{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:750;color:var(--ink);margin-bottom:9px}
.rv-sb-head svg{width:17px;height:17px;color:#7C8AA6}
.rv-seg{display:flex;gap:3px;margin-bottom:7px}
.rv-seg i{height:8px;flex:1;border-radius:2px;background:#E6ECF5}
.rv-seg i.on{background:#2563EB}
.rv-seg i.half{background:linear-gradient(90deg,#2563EB 50%,#E6ECF5 50%)}
.rv-sb-num{font-size:13px;font-weight:800;color:var(--ink)}
.rv-sb-num em{font-style:normal;color:#5F6F8B;font-weight:600}
@media(max-width:820px){.rv-scorebars{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.rv-scorebars{grid-template-columns:1fr}}

/* MAIN GRID + panelen */
.rv-grid{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:40px;align-items:start;padding-bottom:20px}
.rv-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px 26px;margin-bottom:20px}
.rv-panel>h2{font-family:'Archivo',sans-serif;font-size:22px;letter-spacing:-.02em;margin:0 0 14px;scroll-margin-top:88px}
.rv-panel p{color:#34405A;line-height:1.65}
.rv-verdict-lead{font-size:16px;line-height:1.7;color:#34405A;margin:0 0 16px}
.rv-chips{display:flex;flex-wrap:wrap;gap:8px}
.rv-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:#1F7A46;background:#F0FAF4;border:1px solid #C7E7D4;border-radius:9px;padding:7px 12px}
.rv-chip svg{width:14px;height:14px;color:#2AA35F}

/* BEST GESCHIKT VOOR */
.rv-bestfor{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rv-bf{border:1px solid var(--line);border-radius:13px;padding:16px 15px;background:#FBFCFE}
.rv-bf svg{width:22px;height:22px;color:#2563EB;margin-bottom:9px}
/* Geen automatische afbreekstreepjes in korte kaarttitels: op een telefoon
   werd 'Compliance-first' anders 'Compliance-\nfirst' met een tweede streepje. */
.rv-bf strong{display:block;font-size:14px;color:var(--ink);margin-bottom:3px;hyphens:manual;-webkit-hyphens:manual;overflow-wrap:break-word}
.rv-bf span{font-size:12.5px;color:#62708A;line-height:1.45}
@media(max-width:760px){.rv-bestfor{grid-template-columns:repeat(2,1fr)}}

/* FACT CARDS (overview) */
.rv-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.rv-fact{border:1px solid var(--line);border-radius:12px;padding:13px 14px;background:#FBFCFE}
.rv-fact svg{width:18px;height:18px;color:#8DA0BE;margin-bottom:7px}
.rv-fact strong{display:block;font-size:14.5px;color:var(--ink)}
.rv-fact span{font-size:12px;color:#5F6F8B}
@media(max-width:640px){.rv-facts{grid-template-columns:repeat(2,1fr)}}

/* CHECKLIST */
.rv-check{list-style:none;margin:0;padding:0}
.rv-check li{display:grid;grid-template-columns:20px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:#34405A}
.rv-check li:last-child{border-bottom:0}
.rv-check svg{width:17px;height:17px;color:#2AA35F;margin-top:2px}

/* PROS / CONS */
.rv-proscons{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.rv-pc h3{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;margin:0 0 10px}
.rv-pc.pros h3{color:#1F7A46}.rv-pc.cons h3{color:#C23B3B}
.rv-pc ul{list-style:none;margin:0;padding:0}
.rv-pc li{display:grid;grid-template-columns:18px 1fr;gap:9px;padding:6px 0;font-size:14px;color:#34405A;line-height:1.5}
.rv-pc.pros svg{color:#2AA35F}.rv-pc.cons svg{color:#D65454}
.rv-pc svg{width:15px;height:15px;margin-top:3px}
@media(max-width:640px){.rv-proscons{grid-template-columns:1fr;gap:18px}}

/* SCORE-OPBOUW */
.rv-breakdown{background:#F7F9FC;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.rv-bd-row{display:grid;grid-template-columns:1fr 150px 52px;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #E7EDF5;font-size:13.5px}
.rv-bd-row:last-of-type{border-bottom:0}
.rv-bd-row .rv-seg{margin:0}
.rv-bd-lbl{color:#4A576D;font-weight:600}
.rv-bd-num{text-align:right;font-weight:800;color:var(--ink)}
.rv-bd-total{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;border-top:2px solid #DDE5F0;font-family:'Archivo',sans-serif;font-size:17px}
.rv-bd-total b{color:#2563EB}

/* SIDEBAR */
.rv-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
.rv-toc{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.rv-toc strong{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin-bottom:8px}
.rv-toc a{display:block;font-size:13px;color:#5A6884;text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid transparent}
.rv-toc a:hover{color:#2563EB}
.rv-toc a.active{color:#2563EB;border-left-color:#2563EB;font-weight:650}
.rv-sidecard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px}
.rv-sidecard h3{font-family:'Archivo',sans-serif;font-size:16px;margin:0 0 6px}
.rv-sidecard p{font-size:13px;color:#62708A;line-height:1.55;margin:0 0 13px}

/* Knoppen buiten de zijbalk: zelfde vorm, maar naast elkaar in plaats van
   over de volle breedte. Gebruikt op de contextpagina's van niet-vergeleken exchanges. */
.rv-panel .rv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:14px;font-weight:700;padding:11px 16px;border-radius:11px;text-decoration:none;margin:2px 8px 2px 0}
.rv-sidecard .btn-ghost,.rv-sidecard .rv-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;font-size:14px;font-weight:700;padding:11px 14px;border-radius:11px;text-decoration:none}
.rv-btn-primary{background:#2563EB;color:#fff}.rv-btn-primary:hover{background:#1D4ED8}
.rv-btn-outline{border:1.5px solid #CBD6E8;color:#2563EB}.rv-btn-outline:hover{border-color:#2563EB}
.rv-bonus{background:linear-gradient(180deg,#F4F8FF,#fff)}
.rv-refcode{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12.5px;color:#62708A}
.rv-refcode code{font-family:'IBM Plex Mono',monospace;font-weight:700;color:var(--ink);background:#EEF3FA;border:1px solid var(--line);border-radius:7px;padding:4px 9px}
.rv-disc{font-size:11px;color:#9AA7BE;margin-top:10px;line-height:1.45}

/* TRUST-regel */
.rv-trust{display:flex;gap:13px;align-items:flex-start;background:#F4F8FF;border:1px solid #D5E4FB;border-radius:14px;padding:16px 20px;margin-top:4px}
.rv-trust svg{width:22px;height:22px;color:#2563EB;flex:none;margin-top:1px}
.rv-trust strong{display:block;font-size:14px;color:var(--ink)}
.rv-trust span{font-size:13px;color:#53617A}
.rv-trust a{color:#2563EB;font-weight:600}
@media(max-width:1000px){.rv-grid{grid-template-columns:1fr}.rv-side{position:static}.rv-hero{grid-template-columns:1fr}.rv-score{position:static;width:auto;max-width:220px;margin:14px auto 0}}

/* ============================================================
   INFO-PAGINA redactionele signature (ef2-) — Verdict, Takeaways,
   Risicokaarten, Insight-blokken, rijke sidebar.
   ============================================================ */
.article-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
.article-side .toc{position:static}
@media(max-width:900px){.article-side{position:static;order:-1}}
.ef2-verdict{background:transparent;border:0;border-top:1px solid #DFE6F1;border-radius:0;padding:28px 0 0;margin:38px 0 26px}
.ef2-verdict-k{position:relative;display:inline-flex;align-items:center;gap:0;padding-left:20px;font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#101B33;margin-bottom:10px}
.ef2-verdict-k::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:2px;background:#2A9B55}
.ef2-verdict-k svg{display:none}
.ef2-verdict>p{font-size:16px;line-height:1.62;color:#2B3A52;margin:0 0 18px;max-width:82ch}
.ef2-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 28px}
.ef2-chip{display:inline-flex;align-items:flex-start;gap:7px;font-size:13px;font-weight:650;color:#2B3A52;background:transparent;border:0;border-radius:0;padding:0}
.ef2-chip svg{width:14px;height:14px;color:#2AA35F;flex:none}
.ef2-takeaways{background:#F4F8FF;border:1px solid #D5E4FB;border-radius:16px;padding:20px 24px;margin:24px 0}
.ef2-takeaways h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#2563EB;margin:0 0 13px}
.ef2-takeaways h3 svg{width:16px;height:16px}
.ef2-takeaways ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ef2-takeaways li{display:grid;grid-template-columns:20px 1fr;gap:11px;font-size:15px;color:#25344E;font-weight:600;margin:0}
.ef2-takeaways li svg{width:16px;height:16px;color:#2563EB;margin-top:3px}
.ef2-riskgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:8px 0 18px}
.ef2-risk{border:1px solid var(--line);border-top:3px solid #E6ECF5;border-radius:14px;padding:16px;background:#fff}
.ef2-risk.red{border-top-color:#E4574C}.ef2-risk.amber{border-top-color:#E9A23B}
.ef2-risk-h{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:750;color:var(--ink);margin-bottom:8px}
.ef2-risk-ic{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex:none}
.ef2-risk.red .ef2-risk-ic{background:#FDECEA;color:#D6453B}.ef2-risk.amber .ef2-risk-ic{background:#FCF3E3;color:#C8871E}
.ef2-risk-ic svg{width:16px;height:16px}
.ef2-risk p{font-size:13px;color:#62708A;line-height:1.55;margin:0}
@media(max-width:760px){.ef2-riskgrid{grid-template-columns:1fr}}
.ef2-insight{border:0;border-top:1px solid #DFE6F1;border-bottom:1px solid #DFE6F1;background:transparent;border-radius:0;padding:23px 0;margin:30px 0}
.ef2-insight strong{position:relative;display:block;padding-left:20px;font-size:11.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#101B33;margin-bottom:7px}
.ef2-insight strong::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:2px;background:#2563EB}
.ef2-insight p{font-size:14.5px;color:#34405A;line-height:1.6;margin:0}
.ef2-sidecard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 16px 36px -32px rgba(16,27,51,.42)}
.ef2-sidecard h4{font-family:'Archivo',sans-serif;font-size:15px;margin:0 0 6px;color:var(--ink)}
.ef2-sidecard p{font-size:12.5px;color:#62708A;line-height:1.5;margin:0 0 12px}
.ef2-sidebtn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2563EB;text-decoration:none}
.ef2-sidebtn:hover{color:#1D4ED8}
.ef2-sidecard.dark{background:#101B33;border-color:#101B33}
.ef2-sidecard.dark h4{color:#fff}.ef2-sidecard.dark p{color:#AEBBD4}.ef2-sidecard.dark .ef2-sidebtn{color:#7FB0FF}

/* Info-signature v2 (feedback Luc): rustiger, meer focus */
.ef2-verdict{padding:24px 0 0}
.ef2-verdict-k{margin-bottom:8px}
.ef2-verdict>p{font-size:15px;line-height:1.6;margin-bottom:12px}
.ef2-chips{grid-template-columns:1fr;gap:9px}
.ef2-chip{font-size:12.5px;padding:0}
.toc-meth{display:block;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:#2563EB;text-decoration:none}
.toc-meth:hover{color:#1D4ED8}

/* ===== Info-signature v3: progressive disclosure, methcard, bottom 2-col ===== */
.ef2-methcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:0 16px 36px -32px rgba(16,27,51,.42)}
.ef2-methcard h3{display:flex;align-items:center;gap:8px;font-family:'Archivo',sans-serif;font-size:15px;margin:0 0 6px;color:var(--ink)}
.ef2-methcard h3 svg{width:17px;height:17px;color:#2563EB;flex:none}
.ef2-methcard p{font-size:12.5px;color:#62708A;line-height:1.5;margin:0 0 11px}
.ef2-methcard a{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#2563EB;text-decoration:none}
article details.ef2-more{margin:24px 0}
article details.ef2-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:#F4F8FF;border:1px solid #D5E4FB;border-radius:12px;padding:15px 20px;font-size:14.5px;font-weight:700;color:#2563EB}
article details.ef2-more>summary::-webkit-details-marker{display:none}
article details.ef2-more>summary .chev{transition:transform .2s}
article details.ef2-more[open]>summary{background:#fff;border-color:var(--line);color:#7A879E;font-weight:650;margin-bottom:10px}
article details.ef2-more[open]>summary .chev{transform:rotate(180deg)}
.ef2-bottom{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:34px 0 0}
.ef2-bottom h2{font-size:20px;margin:0 0 14px}
.ef2-rel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ef2-relcard{display:block;text-decoration:none;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:border-color .15s,box-shadow .15s,transform .15s}
.ef2-relcard:hover{border-color:#B9CBE4;box-shadow:0 14px 30px -22px rgba(16,27,51,.3);transform:translateY(-1px)}
.ef2-relcard img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.ef2-rc-body{padding:11px 13px 13px}
.ef2-relcard strong{display:block;font-size:13.5px;color:var(--ink);margin-bottom:3px}
.ef2-relcard span{display:block;font-size:12px;color:#62708A;line-height:1.4}
@media(max-width:980px){.ef2-bottom{grid-template-columns:1fr;gap:22px}}
@media(max-width:520px){.ef2-rel-grid{grid-template-columns:1fr}}

/* FIX: lange eerste-kolom-headers mogen afbreken (methodologie-pijlertabellen)
   — voorkomt overlap met de 'Punten'-kolom; brede matrices houden nowrap op data-kolommen */
.tablewrap thead th:first-child, .table-wrap thead th:first-child{white-space:normal}

/* Mobiel: brede tabellen blijven binnen de artikelkaart en scrollen daarbinnen.
   De eerdere desktopregel `article .tablewrap{max-width:none}` mag de pagina
   op smalle schermen niet verbreden. */
@media(max-width:760px){
  .article-grid article .tablewrap,
  .article-grid article .table-wrap{
    display:block;
    width:100%;
    max-width:100%;
  }
  .article-grid article .tablewrap table,
  .article-grid article .table-wrap table{
    min-width:640px;
  }
}

/* Review-sidebar: compacte score-samenvatting (vervangt grote ring, feedback Luc) */
.rv-scoremini{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 16px 36px -32px rgba(16,27,51,.42);text-align:center}
.rv-scoremini .rv-sm-k{display:block;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#5F6F8B;margin-bottom:5px}
.rv-scoremini .rv-sm-row{display:flex;align-items:baseline;justify-content:center;gap:4px}
.rv-scoremini .rv-sm-row b{font-family:'Archivo',sans-serif;font-size:27px;letter-spacing:-.02em;color:var(--ink);line-height:1}
.rv-scoremini .rv-sm-row span{font-size:12px;color:#5F6F8B}
.rv-scoremini .rv-sm-w{display:block;font-size:12.5px;font-weight:700;color:#5A6884;margin:3px 0 8px}
.rv-scoremini .rv-sm-w.good{color:#1F7A46}
.rv-scoremini a{font-size:12px;font-weight:700;color:#2563EB;text-decoration:none}
.rv-scoremini a:hover{color:#1D4ED8}

/* Hero score-kaart: plat (geen ring), consistent met compacte sidebar-score */
.rv-score .rv-ring svg{display:none}
.rv-score .rv-ring{width:auto;height:auto;margin:8px auto 2px}
.rv-score .rv-ring .rv-num{position:static;flex-direction:row;align-items:baseline;justify-content:center;gap:5px}
.rv-score .rv-ring .rv-num b{font-size:46px;line-height:1}
.rv-score .rv-ring .rv-num span{font-size:14px;margin-top:0}
.rv-score .rv-verdictword{margin-top:6px}

/* Hero metarow: categorie-labels (Oorsprong/Vergunningen/Toezicht) boven de waarde */
.rv-metarow>div{grid-template-rows:auto auto auto;gap:1px 10px}
.rv-metarow svg{grid-row:1;align-self:center}
.rv-mtag{grid-column:2;grid-row:1;font-size:11px;font-weight:700;color:#93A2BE;line-height:1.25}
.rv-metarow strong{grid-column:2;grid-row:2}
.rv-metarow em{grid-column:2;grid-row:3}

/* Hero verdict-woord: gedempt default, groen bij hoge score (gelijk aan sidebar-mini) */
.rv-score .rv-verdictword{color:#5A6884;font-size:15px}
.rv-score .rv-verdictword.good{color:#1F7A46}
.rv-score .rv-ring .rv-num b{font-size:40px}

/* Sidebar score-kaart als primaire score (hero-score verwijderd) — mockup-proportie */
.rv-scoremini{padding:18px 18px 15px}
.rv-scoremini .rv-sm-k{margin-bottom:8px}
.rv-scoremini .rv-sm-row b{font-size:46px}
.rv-scoremini .rv-sm-row span{font-size:14px}
.rv-scoremini .rv-sm-w{font-size:15px;margin:6px 0 10px}

/* Review hero — definitieve NEW REVIEW-verhoudingen (23 juli 2026)
   De vaste HTML-height is alleen metadata; de CSS bepaalt de werkelijke,
   responsive beeldhoogte. Copy krijgt meer ruimte zodat de drie kernfeiten
   als één rustige horizontale regel blijven staan. */
@media(min-width:1001px){
  .rv-hero{
    grid-template-columns:minmax(0,1.62fr) minmax(260px,.9fr);
    gap:32px;
    align-items:center;
  }
  .rv-hero h1{
    font-size:clamp(32px,3vw,42px);
    line-height:1.05;
  }
  .rv-hero .rv-sub{
    font-size:16px;
    line-height:1.6;
    margin-bottom:22px;
  }
  .rv-metarow{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  .rv-metarow>div{
    grid-template-columns:16px minmax(0,1fr);
    min-width:0;
    gap:2px 7px;
  }
  .rv-metarow svg{
    width:15px;
    height:15px;
    margin-top:0;
  }
  .rv-mtag{font-size:10px}
  .rv-metarow strong{
    min-width:0;
    font-size:12px;
    line-height:1.35;
  }
  .rv-metarow em{
    min-width:0;
    font-size:10.5px;
    line-height:1.4;
  }
}
.rv-hero-media img{
  width:100%;
  height:auto;
  aspect-ratio:16/11;
  object-fit:cover;
}
@media(max-width:640px){
  .rv-grid{grid-template-columns:minmax(0,1fr)}
  .rv-main{min-width:0}
  .rv-metarow{
    display:grid;
    grid-template-columns:1fr;
    gap:14px;
  }
}

/* Final cascade guard for the compact Stories header. */
@media(min-width:1321px){
  nav.topbar .wrap.nav,.wrap.nav{
    max-width:1560px!important;
    /* Was 372px, net als in app.css. Het knoppenblok rechts is breder dan dat, dus
       liep het de middenkolom in en kwam de laatste menulink onder "Bereken jouw
       kosten" te liggen: 8 px op 1440, 48 px op 1360. Met auto krijgt de kolom de
       breedte die de knoppen echt nodig hebben, in elke taal. */
    grid-template-columns:210px minmax(0,1fr) auto!important;
    gap:20px!important;
  }
  .wrap.nav .navlinks{display:flex!important;gap:8px!important;min-width:0!important}
}
/* Zelfde band als in app.css: tussen 1321 en 1520 px passen de acht menulabels plus
   het knoppenblok niet naast elkaar, dus worden de items daar compacter. Deze twee
   stylesheets moeten hier gelijk blijven, anders verspringt het menu bij het wisselen
   tussen een vergelijkpagina en de rest van de site. */
@media(min-width:1321px) and (max-width:1520px){
  .wrap.nav .navlinks{gap:0!important}
  .wrap.nav .navlinks .nav-item .nav-trigger{padding:0 6px!important;font-size:13.5px!important}
}
.nav-actions{gap:8px!important}
.nav-cta{height:38px!important;padding:0 13px!important;border-radius:10px!important;font-size:12.5px!important}
.langbtn,.currencybtn{height:38px!important;width:38px!important;border-radius:10px!important}
.langbtn{width:52px!important}
@media(max-width:1320px){
  .wrap.nav{grid-template-columns:auto auto!important}
  .wrap.nav .navlinks{display:none!important}
}

/* Taalletters (punt 12) - Archivo heeft geen Hangul/Cyrillisch.
   Alleen actief op /ko/ en /ua/; overige talen ongewijzigd. */
html[lang="ko"] body{font-family:'Inter','Noto Sans KR',system-ui,sans-serif}
html[lang="ko"] h1,html[lang="ko"] h2,html[lang="ko"] h3,html[lang="ko"] .brand,html[lang="ko"] .mega-kicker{font-family:'Archivo','Noto Sans KR',sans-serif}
html[lang="uk"] h1,html[lang="uk"] h2,html[lang="uk"] h3,html[lang="uk"] .brand,html[lang="uk"] .mega-kicker{font-family:'Archivo','Inter',system-ui,sans-serif}

/* Auteursbeeld op /over/ (juli 2026) - groot vierkant, tekst loopt eromheen. */
.ef-intro{overflow:hidden}
.ef-intro .ef-author-img{float:left;width:230px;height:230px;border-radius:14px;object-fit:cover;
  margin:4px 26px 12px 0;border:1px solid var(--line,#E4EAF3);
  box-shadow:0 14px 30px -22px rgba(16,27,51,.55)}
.ef-intro p{margin:0 0 14px}
@media(max-width:680px){
  /* op een telefoon geen beeld over de volle breedte: dan duwt het de tekst
     onder de fold. Een compact vierkant boven de tekst leest rustiger. */
  .ef-intro .ef-author-img{float:none;width:180px;height:180px;margin:0 0 18px}
}

/* Hero op /over/ (juli 2026) - crop naar de bovenkant zodat het hoofd niet
   wordt afgesneden op brede schermen. Alleen deze ene pagina. */
.article-hero.over-hero img{object-position:50% 6%}

/* Contactregels op /over/ (juli 2026) - de placeholder-notities secundair
   houden zodat ze niet als bodytekst meelezen. Alleen typografie. */
.ef-contact{margin:0 0 16px;line-height:2}
.ef-contact strong{display:inline-block;min-width:60px}
.ef-contact em{font-style:normal;color:#8593AC;font-size:13.5px}

/* Waarschuwingen per exchange (2 aug 2026) */
.wrs-tel{display:inline-block;margin-left:10px;font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.01em;white-space:nowrap}
.wrs-link{margin:6px 0 30px;font-size:14px}
.wrs-s{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.wrs-waarschuwing{background:#FFF4E5;color:#9A5B00}
.wrs-boete{background:#FDE8E8;color:#A11A1A}
.wrs-stopbevel{background:#EEE7FB;color:#5B2FBF}
.wrs-intrekking{background:#E7EEF9;color:#1F4FA8}
.wrs-rechtszaak{background:#EAF3EC;color:#1F6B39}

/* ===== BEGIN STORIES-MENU-LAYOUT-V1 · 2026-08-02 =====
   Alleen layout. Geen menu-copy, linkvolgorde, vertaling, metadata of previewbeeld gewijzigd.
   Rollback: verwijder dit volledige gemarkeerde blok uit content.css en app.css. */
@media(min-width:1181px){
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mega-panel.info-mega.mega-v2,
  .nav-item:has(> .nav-trigger[href$="/stories/"]):hover .mega-panel.info-mega.mega-v2,
  .nav-item:has(> .nav-trigger[href$="/stories/"]):focus-within .mega-panel.info-mega.mega-v2{
    width:min(1160px,calc(100vw - 40px))!important;
    max-width:1160px!important;
    grid-template-columns:minmax(0,1fr) 340px!important;
    gap:0 30px!important;
    padding:12px 28px 20px!important;
    max-height:calc(100vh - 84px)!important;
    overflow:hidden!important;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mega-left{
    min-width:0!important;
    max-height:calc(100vh - 116px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:8px;
    scrollbar-width:thin;
    scrollbar-color:#CBD8EA transparent;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mega-col.mc-rich{
    grid-template-columns:52px 164px minmax(0,1fr)!important;
    gap:0 18px!important;
    padding:20px 0 8px!important;
    border-bottom:0!important;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-sub{
    max-width:18ch!important;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    gap:2px 24px!important;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a{
    display:flex!important;
    min-height:36px;
    padding:7px 9px!important;
    margin:0 0 2px;
    border-radius:8px;
    white-space:normal!important;
    break-inside:avoid;
    -webkit-column-break-inside:avoid;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a::after{
    opacity:0!important;
    transition:opacity .14s ease,transform .14s ease;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:hover::after,
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:focus-visible::after{
    opacity:1!important;
    transform:translateX(2px);
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(3),
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(4),
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(5),
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(6),
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(7),
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(10){
    box-shadow:inset 2px 0 #DCE7FA;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(1){grid-column:1!important;grid-row:1!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(2){grid-column:1!important;grid-row:7!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(3){grid-column:2!important;grid-row:1!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(4){grid-column:2!important;grid-row:2!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(5){grid-column:2!important;grid-row:3!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(6){grid-column:2!important;grid-row:4!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(7){grid-column:2!important;grid-row:5!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(8){grid-column:1!important;grid-row:6!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(9){grid-column:2!important;grid-row:7!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(10){grid-column:2!important;grid-row:6!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(11){grid-column:1!important;grid-row:2!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(12){grid-column:1!important;grid-row:3!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(13){grid-column:1!important;grid-row:4!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(14){grid-column:1!important;grid-row:8!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(15){grid-column:1!important;grid-row:5!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(16){grid-column:2!important;grid-row:8!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(17){grid-column:1!important;grid-row:9!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(18){grid-column:2!important;grid-row:9!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(19){grid-column:1!important;grid-row:10!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(20){grid-column:2!important;grid-row:10!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mc-links a:nth-child(21){grid-column:1!important;grid-row:11!important}
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mega-right{
    width:340px;
    margin-top:12px!important;
    padding:16px!important;
    align-self:start;
  }
  .nav-item:has(> .nav-trigger[href$="/stories/"]) .mf-img{
    aspect-ratio:4/3;
  }
}
/* ===== END STORIES-MENU-LAYOUT-V1 ===== */

/* ===== HEAD-TO-HEAD FIT COMPARISON V1 ===== */
article .tablewrap:has(table.oordeel){width:100%;max-width:none!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
article .tablewrap table.oordeel{width:100%!important;min-width:0!important;border:0!important;border-collapse:collapse!important;border-spacing:0!important;background:transparent!important}
article .tablewrap table.oordeel th,article .tablewrap table.oordeel td{border:0!important;background:transparent!important;text-align:left!important;vertical-align:top!important}
article .tablewrap table.oordeel thead th{padding:0 28px 13px 0!important;color:#7A8699!important;font-size:12px!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important}
article .tablewrap table.oordeel thead th:nth-child(1){width:21%}
article .tablewrap table.oordeel thead th:nth-child(2){width:19%}
article .tablewrap table.oordeel tbody tr{border-top:1px solid #E4E9F0!important}
article .tablewrap table.oordeel tbody td{padding:20px 28px 20px 0!important;color:#3F4B60!important;font-size:15px!important;line-height:1.55!important}
article .tablewrap table.oordeel tbody td:first-child{font-weight:800!important;color:#101B33!important;white-space:normal!important}
article .tablewrap table.oordeel tbody td:nth-child(2){white-space:normal!important}
article .tablewrap:has(table.oordeel) .win{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#245DE8!important;font-size:14px!important;font-weight:800!important;white-space:normal!important;text-align:left!important}
article .tablewrap:has(table.oordeel) .win::before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#245DE8}
article .tablewrap:has(table.oordeel) .win-dep,article .tablewrap:has(table.oordeel) .win-none,article .tablewrap:has(table.oordeel) .win-draw{color:#667287!important;font-weight:600!important}
article .tablewrap:has(table.oordeel) .win-dep::before,article .tablewrap:has(table.oordeel) .win-none::before,article .tablewrap:has(table.oordeel) .win-draw::before{background:#A5AFBD}
@media(max-width:700px){
  article .tablewrap table.oordeel,article .tablewrap table.oordeel tbody,article .tablewrap table.oordeel tr,article .tablewrap table.oordeel td{display:block!important;width:100%!important}
  article .tablewrap table.oordeel thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
  article .tablewrap table.oordeel tbody tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px 16px!important;padding:18px 0!important}
  article .tablewrap table.oordeel tbody td{padding:0!important;font-size:14px!important}
  article .tablewrap table.oordeel tbody td:nth-child(2){justify-self:end!important}
  article .tablewrap table.oordeel tbody td:nth-child(3){grid-column:1/-1!important}
}
/* ===== END HEAD-TO-HEAD FIT COMPARISON V1 ===== */

/* ===== COMPARE MENU: COMPLETE HEAD-TO-HEAD GRID V1 ===== */
@media(min-width:1181px){
  .navlinks>.nav-item:first-child .mega-panel.info-mega.mega-v2{
    padding:8px 26px 12px!important;
  }
  .navlinks>.nav-item:first-child .mega-panel.mega-v2 .mega-left>.mega-col.mc-rich{
    padding:12px 0!important;
  }
  .navlinks>.nav-item:first-child .mega-panel.mega-v2 .mc-links a{
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .navlinks>.nav-item:first-child .mega-panel.mega-v2 .mega-left>.mega-col.mc-rich:last-child .mc-links{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:24px!important;
    row-gap:2px!important;
  }
  .navlinks>.nav-item:first-child .mega-panel.mega-v2 .mega-left>.mega-col.mc-rich:last-child .mc-links a{
    min-width:0!important;
    white-space:normal!important;
  }
}
/* ===== END COMPARE MENU: COMPLETE HEAD-TO-HEAD GRID V1 ===== */

/* --- Rustiger artikeleinde en -begin (advies 8 aug) --------------------
   Op mobiel schoof de hele rechterkolom boven het artikel: eerst een lange
   inhoudsopgave, dan de methodologiekaart, en pas daarna de tekst. De
   inhoudsopgave wordt nu ingeklapt (zie content.js) en de methodologiekaart
   verdwijnt op mobiel: die staat al in de footer en als tekstlink. */
@media(max-width:900px){
  .article-side .ef2-methcard{display:none}
  .toc.toc-mob{padding:0}
  .toc.toc-mob > strong{display:flex;align-items:center;justify-content:space-between;gap:8px;
    width:100%;margin:0;padding:14px 16px;cursor:pointer;font-size:14px}
  .toc.toc-mob > strong::after{content:"+";font-size:19px;line-height:1;color:#2563EB;font-weight:800}
  .toc.toc-mob.open > strong::after{content:"–"}
  .toc.toc-mob .toc-links{display:none;padding:0 16px 12px}
  .toc.toc-mob.open .toc-links{display:block}
}

/* ===== ALL DESKTOP DROPDOWNS: LEFT-ALIGNED READING LIST V1 =====
   Categorieen staan onder elkaar. Alleen lange linklijsten worden over
   twee verticale kolommen verdeeld. Mobiele navigatie blijft ongewijzigd. */
@media (min-width:1181px){
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-left{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:0!important;
    max-height:calc(100vh - 110px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:8px!important;
    scrollbar-width:thin;
    scrollbar-color:#CBD8EA transparent;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-col.mc-rich{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:44px auto!important;
    column-gap:16px!important;
    row-gap:2px!important;
    align-items:start!important;
    width:auto!important;
    padding:14px 0!important;
    border-bottom:1px solid var(--line)!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-left>.mega-col.mc-rich:last-child{
    border-bottom:0!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-icon{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-section{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    text-align:left!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links{
    grid-column:2!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    min-width:0!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links:has(>a:nth-child(7)){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:start!important;
    column-gap:24px!important;
    row-gap:0!important;
  }
  body .navlinks>.nav-item:first-child:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-left>.mega-col.mc-rich:last-child .mc-links:not(:has(>a:nth-child(7))){
    display:flex!important;
    grid-template-columns:none!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links a{
    justify-content:flex-start!important;
    min-width:0!important;
    padding:5px 0!important;
    white-space:normal!important;
    text-align:left!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links a::after{
    margin-left:6px!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-category-hit{
    grid-column:1/3!important;
    grid-row:1!important;
    min-height:44px!important;
    margin:0!important;
  }
}

/* ===== ALL DESKTOP DROPDOWNS: ONE SHARED LAYOUT V2 =====
   Dit is het bindende menucontract voor iedere desktopdropdown. Oude
   menu-specifieke varianten (o.a. Vergelijken en Stories) mogen de breedte,
   linkvolgorde of kolomindeling niet meer veranderen. Categorieen en links
   lezen van boven naar beneden; alleen lange lijsten krijgen een tweede
   verticale leeskolom. Mobiele navigatie blijft ongewijzigd. */
@media (min-width:1181px){
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2,
  body .navlinks>.nav-item:has(>.nav-trigger):hover .mega-panel.info-mega.mega-v2,
  body .navlinks>.nav-item:has(>.nav-trigger):focus-within .mega-panel.info-mega.mega-v2{
    width:min(960px,calc(100vw - 40px))!important;
    max-width:960px!important;
    grid-template-columns:minmax(0,1fr) 300px!important;
    gap:0 26px!important;
    padding:12px 26px 18px!important;
    max-height:calc(100vh - 84px)!important;
    overflow:hidden!important;
    align-items:start!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-left{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    min-width:0!important;
    max-height:calc(100vh - 114px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:8px!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-col.mc-rich{
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr)!important;
    grid-template-rows:44px auto!important;
    gap:2px 16px!important;
    width:auto!important;
    padding:14px 0!important;
    border-bottom:1px solid var(--line)!important;
    align-items:start!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-left>.mega-col.mc-rich:last-child{
    border-bottom:0!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-icon{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-section{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    text-align:left!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links{
    grid-column:2!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    min-width:0!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links:has(>a:nth-child(7)){
    display:block!important;
    columns:2 210px!important;
    column-gap:26px!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links a{
    display:flex!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:5px 0!important;
    border-radius:0!important;
    box-shadow:none!important;
    white-space:normal!important;
    text-align:left!important;
    break-inside:avoid!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-links a::after{
    margin-left:6px!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mc-category-hit{
    grid-column:1/3!important;
    grid-row:1!important;
    min-height:44px!important;
    margin:0!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mega-right{
    grid-column:2!important;
    width:auto!important;
    margin-top:12px!important;
    padding:16px!important;
    align-self:start!important;
  }
  body .navlinks>.nav-item:has(>.nav-trigger) .mega-panel.info-mega.mega-v2 .mf-img{
    aspect-ratio:16/9!important;
  }
}
/* ===== END ALL DESKTOP DROPDOWNS: ONE SHARED LAYOUT V2 ===== */

/* Primary decision CTA for the Binance story series. It stays deliberately
   compact so the calculator becomes the next action without interrupting the
   editorial rhythm. */
.ef-decision-cta{margin:30px 0 22px;padding:24px;border:1px solid #d7e3f5;border-radius:16px;background:#f6f9ff}
.ef-decision-cta strong{display:block;color:#101b33;font-size:19px;line-height:1.25;margin-bottom:6px}
.ef-decision-cta p{margin:0 0 16px;color:#5d6c86;font-size:14.5px;line-height:1.55}
.ef-decision-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border-radius:11px;background:#245de8;color:#fff!important;font-weight:800;text-decoration:none}
.ef-decision-cta small{display:block;color:#7b89a2;font-size:12px;margin-top:10px}
@media(max-width:640px){.ef-decision-cta{padding:20px}.ef-decision-cta a{width:100%}}

/* Affiliate labels are injected only for URLs approved by the central policy
   in content.20260813a.js. This keeps ordinary exchange links visually clean. */
.ef-affiliate-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 6px;border:1px solid currentColor;border-radius:999px;font-size:9px;line-height:1.2;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.78;vertical-align:middle}
.rv-btn .ef-affiliate-badge,.exchange-cta .ef-affiliate-badge{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.5);color:inherit}
@media(max-width:640px){.ef-affiliate-badge{font-size:8px}}

/* UX-audit 23 aug 2026: op smalle schermen liep een brede tabel (o.a. de
   productentabel in reviews) 25px buiten beeld en scrollde de hele pagina
   horizontaal. De wrapper scrollt nu zelf. Desktop blijft ongemoeid. */
@media(max-width:640px){
  .tablewrap,.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

/* UX-audit 23 aug: de score-opbouwrij (label · balk · cijfer) had vaste
   kolommen van 150px+52px en duwde op 360px het cijfer buiten beeld. */
@media(max-width:420px){
  .rv-bd-row{grid-template-columns:1fr 90px 34px;gap:8px}
}