@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Archivo:wght@400;500;600;700;800&display=swap');
/* ============ TOKENS ============ */
:root{
  --bg-main:#F7F4EC;
  --bg-card:#FFFFFF;
  --accent:#C9A24A;         /* royal gold (op donker) */
  --accent-ink:#7E641F;     /* gold-as-text op licht — WCAG AA (≥4.5:1) */
  --accent-2:#3A1D5C;       /* deep aubergine */
  --accent-2-hi:#4A2770;
  --text-main:#1A1526;
  --text-muted:#6B6478;
  --border:#E3DCC9;
  --border-gold:rgba(201,162,74,.45);
  --on-dark:#F3EFE4;        /* text on aubergine bars */
  --on-dark-muted:#B7ADC4;
  --font-head:"DM Serif Display",Georgia,serif;
  --font-body:"Archivo",system-ui,Arial,sans-serif;
  --radius:3px;             /* SHAPE = sharp */
  --wrap:1140px;
  --gutter:clamp(1rem,4vw,2rem);
  --section-pad:clamp(2rem,4.2vw,3.5rem);   /* DENSITY = dense */
  --glow:0 0 24px rgba(201,162,74,.55);
  --hard:4px 4px 0 var(--accent-2);
}

/* ============ RESET ============ */
*{box-sizing:border-box}
*{min-width:0}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  overflow-x:hidden;
  background:var(--bg-main);
  color:var(--text-main);
  font-family:var(--font-body);
  font-size:clamp(15px,1vw+13.5px,16.5px);
  line-height:1.65;
  font-weight:400;
}
img{max-width:100%;display:block}
a{color:var(--accent-2);text-decoration:none}
a:hover{color:var(--accent-ink)}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:400;line-height:1.1;margin:0 0 .5em;color:var(--text-main);text-wrap:balance}
h1{font-size:clamp(2rem,4.5vw,3.2rem)}
h2{font-size:clamp(1.6rem,3vw,2.3rem)}
h3{font-size:clamp(1.2rem,2vw,1.5rem)}
p{margin:0 0 1rem;overflow-wrap:break-word}
ul,ol{overflow-wrap:break-word}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ============ LAYOUT PRIMITIVES ============ */
.rcnl-container{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}
.rcnl-section{padding-block:var(--section-pad)}
.rcnl-section--alt{background:#EAE2CE;border-block:1px solid var(--border-gold)}
.rcnl-eyebrow{font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:var(--accent-2);margin:0 0 .75rem}
.rcnl-lead{font-size:1.075rem;color:var(--text-muted)}

/* sidebar archetype: content-region 2-col with sticky aside */
.rcnl-layout{display:grid;gap:2rem}
@media(min-width:960px){.rcnl-layout{grid-template-columns:minmax(0,1fr) 296px;align-items:start}}
.rcnl-layout__aside{position:static}
@media(min-width:960px){.rcnl-layout__aside{position:sticky;top:1.25rem}}

/* ============ ICONS ============ */
.rcnl-icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;flex-shrink:0;stroke:currentColor;fill:none;color:var(--accent-2)}
.rcnl-icon--gold{color:var(--accent)}
.rcnl-icon--lg{width:2em;height:2em}

/* ============ BUTTONS ============ */
.rcnl-btn{
  display:inline-flex;align-items:center;gap:.5rem;justify-content:center;
  font-family:var(--font-body);font-weight:800;font-size:.9rem;
  text-transform:uppercase;letter-spacing:.06em;
  padding:.72rem 1.5rem;border:none;border-radius:var(--radius);cursor:pointer;
  background:var(--accent);color:#20180a;
  box-shadow:var(--hard);transition:transform .12s,box-shadow .12s,background .12s;
}
.rcnl-btn:hover{background:#D8B45E;color:#20180a;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-2)}
.rcnl-btn:active{transform:translate(0,0);box-shadow:2px 2px 0 var(--accent-2)}
.rcnl-btn--ghost{background:transparent;color:var(--accent-2);box-shadow:none;border:2px solid var(--accent-2)}
.rcnl-btn--ghost:hover{background:var(--accent-2);color:var(--on-dark);transform:none;box-shadow:none}
.rcnl-btn--lg{padding:.95rem 2rem;font-size:1rem}
.rcnl-btn--glow{box-shadow:var(--glow),var(--hard)}
.rcnl-btn--glow:hover{box-shadow:0 0 28px rgba(201,162,74,.7),6px 6px 0 var(--accent-2)}

/* ============ HEADER (dark aubergine — LOGO_TONE light) ============ */
.rcnl-header{position:sticky;top:0;z-index:900;background:var(--accent-2);border-bottom:2px solid var(--accent)}
.rcnl-header__bar{display:flex;align-items:center;gap:1rem;min-height:66px;padding-block:.5rem}
.rcnl-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.rcnl-logo__img{height:40px;width:auto;object-fit:contain;max-width:min(45vw,190px)}
.rcnl-nav{margin-left:auto;display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
.rcnl-nav a:not(.rcnl-btn){
  display:block;padding:.5rem .7rem;border-radius:var(--radius);
  color:var(--on-dark);font-weight:600;font-size:.9rem;
  border-bottom:2px solid transparent;
}
.rcnl-nav a:not(.rcnl-btn):hover,
.rcnl-nav a:not(.rcnl-btn)[aria-current="page"]{color:var(--accent);border-bottom-color:var(--accent)}
.rcnl-header__cta{flex-shrink:0;margin-left:.4rem}
.rcnl-nav > .rcnl-btn{display:none}   /* no nav-copy CTA on desktop */

/* burger */
.rcnl-burger{display:none;flex-shrink:0;width:44px;height:44px;align-items:center;justify-content:center;
  flex-direction:column;gap:5px;background:transparent;border:1px solid var(--border-gold);border-radius:var(--radius);cursor:pointer;margin-left:auto}
.rcnl-burger span{display:block;width:22px;height:2px;background:var(--accent);transition:transform .2s,opacity .2s}
.rcnl-header.is-open .rcnl-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rcnl-header.is-open .rcnl-burger span:nth-child(2){opacity:0}
.rcnl-header.is-open .rcnl-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media(max-width:900px){
  .rcnl-burger{display:flex}
  .rcnl-nav{display:none;order:3;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:.15rem;
    margin:0;padding-block:.6rem;border-top:1px solid var(--border-gold)}
  .rcnl-header.is-open .rcnl-nav{display:flex}
  .rcnl-header.is-open .rcnl-header__bar{flex-wrap:wrap}
  .rcnl-nav a:not(.rcnl-btn){padding:.75rem .5rem;border-bottom:1px solid rgba(201,162,74,.18)}
  .rcnl-logo__img{height:36px}
  .rcnl-header__cta{padding:.6rem 1rem;font-size:.8rem;margin-left:.3rem}
}
@media(max-width:400px){
  .rcnl-header__cta{padding:.55rem .75rem;letter-spacing:.03em}
  .rcnl-logo__img{max-width:38vw}
}

/* ============ HERO ============ */
.rcnl-hero{position:relative}
.rcnl-hero__img{display:block;width:100%;height:auto;max-height:70vh;aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius)}
.rcnl-hero__inner{position:relative}
.rcnl-hero__eyebrow{color:var(--accent-2)}

/* HERO_PATTERN = image-first : centered single column, visual first */
.rcnl-hero--home{
  padding-block:clamp(2.5rem,6vw,4.5rem);
  background:radial-gradient(ellipse 60% 55% at 50% 42%,rgba(201,162,74,.28),rgba(201,162,74,0) 70%),var(--bg-card);
  border-bottom:1px solid var(--border-gold);text-align:center;
}
.rcnl-hero--home .rcnl-hero__inner{display:flex;flex-direction:column;align-items:center;gap:1.1rem;max-width:820px;margin-inline:auto}
.rcnl-hero--home .rcnl-hero__visual{order:-1;width:100%}
.rcnl-hero--home .rcnl-hero__img{max-height:56vh}
.rcnl-hero--home h1{font-size:clamp(2.4rem,6.5vw,4.4rem);margin:0}
.rcnl-hero--home .rcnl-hero__sub{font-size:1.1rem;color:var(--text-muted);max-width:60ch;margin:0}
.rcnl-hero__rule{width:min(320px,60%);height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:.25rem auto}

/* home jackpot stat strip (STATS_PATTERN = strip) */
.rcnl-jackpot{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin-top:.5rem;width:100%}
.rcnl-jackpot__item{flex:1 1 140px;padding:.5rem 1.25rem;text-align:center;border-inline-start:1px solid var(--border-gold)}
.rcnl-jackpot__item:first-child{border-inline-start:none}
.rcnl-jackpot__val{font-family:var(--font-head);font-size:clamp(1.8rem,4vw,2.6rem);color:var(--accent-ink);line-height:1}
.rcnl-jackpot__label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-top:.3rem}

/* ============ HERO--INNER : compact page-header ============ */
.rcnl-hero--inner,.rcnl-page-header{
  position:relative;overflow:hidden;background:var(--accent-2);
  min-height:170px;display:flex;align-items:center;
  padding-block:clamp(1.4rem,3vw,2.2rem);
  padding-inline:max(var(--gutter),calc((100% - var(--wrap))/2 + var(--gutter)));
}
.rcnl-hero--inner .rcnl-hero__img,.rcnl-page-header .rcnl-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;border-radius:0;max-height:none;aspect-ratio:auto}
.rcnl-hero--inner .rcnl-hero__inner,.rcnl-page-header__inner{position:relative;width:100%;max-width:var(--wrap);margin-inline:auto}
.rcnl-hero--inner .rcnl-hero__inner::after,.rcnl-page-header__inner::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(24,12,44,.85),rgba(24,12,44,.55))}
:where(.rcnl-hero--inner .rcnl-hero__inner > :not(.rcnl-hero__img)),
:where(.rcnl-page-header__inner > :not(.rcnl-hero__img)){position:relative;z-index:2}
.rcnl-hero--inner h1,.rcnl-page-header h1{color:var(--on-dark);margin:.25rem 0 0}
.rcnl-hero--inner .rcnl-eyebrow,.rcnl-page-header .rcnl-eyebrow{color:var(--accent)}
.rcnl-hero--inner .rcnl-hero__sub{color:var(--on-dark-muted);margin:.5rem 0 0}

/* ============ BREADCRUMB ============ */
.rcnl-breadcrumb{font-size:.8rem;color:var(--on-dark-muted)}
.rcnl-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.rcnl-breadcrumb a{color:var(--accent)}
.rcnl-breadcrumb li+li::before{content:"/";margin-right:.4rem;color:var(--on-dark-muted)}
.rcnl-breadcrumb--dark a{color:var(--accent-2)}
.rcnl-breadcrumb--dark li+li::before{color:var(--text-muted)}

/* ============ OVERVIEW / INTRO / INFO-BLOCK ============ */
.rcnl-overview p,.rcnl-intro p,.rcnl-info-block p{max-width:none}
.rcnl-info-block{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:clamp(1.1rem,2.5vw,1.75rem)}

/* ============ CALLOUT / RESPONSIBLE-CALLOUT ============ */
.rcnl-callout{display:flex;gap:.9rem;align-items:flex-start;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius);padding:1.1rem 1.25rem}
.rcnl-callout .rcnl-icon{color:var(--accent-2)}
.rcnl-responsible{background:#EFE9DA;border-inline-start:3px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem;font-size:.9rem;color:var(--text-muted)}
.rcnl-responsible strong{color:var(--accent-2)}

/* ============ FEATURE-CARDS : icon-rows ============ */
.rcnl-features{display:flex;flex-direction:column;gap:0}
.rcnl-feature{display:flex;gap:1rem;align-items:flex-start;padding-block:1.1rem;border-bottom:1px solid var(--border)}
.rcnl-feature:last-child{border-bottom:none}
.rcnl-feature__ic{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--accent-2);border-radius:var(--radius)}
.rcnl-feature__ic .rcnl-icon{color:var(--accent);width:1.6em;height:1.6em}
.rcnl-feature__bd{flex:1}
.rcnl-feature__bd h3{margin:0 0 .25rem}
.rcnl-feature__bd p{margin:0;color:var(--text-muted)}

/* ============ USP-BAR ============ */
.rcnl-usp{display:flex;flex-wrap:wrap;gap:0;background:var(--accent-2);border-radius:var(--radius)}
.rcnl-usp__item{flex:1 1 180px;display:flex;align-items:center;gap:.6rem;padding:1rem 1.25rem;color:var(--on-dark);border-inline-start:1px solid rgba(201,162,74,.22)}
.rcnl-usp__item:first-child{border-inline-start:none}
.rcnl-usp__item .rcnl-icon{color:var(--accent)}

/* ============ CARDS-GRID / CATEGORY-BLOCK / BONUS-TYPES ============ */
.rcnl-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
.rcnl-card{background:var(--bg-card);border-top:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--hard);padding:1.25rem;transition:transform .12s,box-shadow .12s}
.rcnl-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-2)}
.rcnl-card h3{margin-top:0}
.rcnl-card p{margin:0;color:var(--text-muted)}
.rcnl-card__ic{margin-bottom:.6rem}
.rcnl-card__ic .rcnl-icon{color:var(--accent-2);width:2em;height:2em}

/* ============ STATS-BAR : strip ============ */
.rcnl-stats{display:flex;flex-wrap:wrap;gap:0}
.rcnl-stat{flex:1 1 150px;padding:.75rem 1.25rem;text-align:center;border-inline-start:1px solid var(--border)}
.rcnl-stat:first-child{border-inline-start:none}
.rcnl-stat__val{font-family:var(--font-head);font-size:clamp(1.7rem,3.5vw,2.4rem);color:var(--accent-2);line-height:1}
.rcnl-stat__label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:.3rem}

/* ============ STEPS / NUMBERED-LIST ============ */
.rcnl-steps{list-style:none;counter-reset:st;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.rcnl-steps>li{counter-increment:st;position:relative;padding-left:3.25rem}
.rcnl-steps>li::before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:0;
  width:2.3rem;height:2.3rem;display:flex;align-items:center;justify-content:center;
  font-family:var(--font-head);color:var(--accent);background:var(--accent-2);border-radius:var(--radius)}
.rcnl-steps>li h3{margin:.1rem 0 .2rem}
.rcnl-numbered{counter-reset:nb;list-style:none;margin:0;padding:0}
.rcnl-numbered>li{counter-increment:nb;padding-left:2.5rem;position:relative;margin-bottom:.75rem}
.rcnl-numbered>li::before{content:counter(nb);position:absolute;left:0;top:0;font-family:var(--font-head);color:var(--accent-ink);font-size:1.3rem}

/* ============ TWO-COLS + CONTENT-PANEL ============ */
.rcnl-two-cols{display:grid;gap:1.5rem}
@media(min-width:820px){.rcnl-two-cols{grid-template-columns:1.2fr .8fr;align-items:start}}
.rcnl-panel{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--hard);padding:1.25rem;transition:transform .12s,box-shadow .12s}
.rcnl-panel:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent-2)}
.rcnl-panel__title{font-family:var(--font-head);font-size:1.25rem;margin:0 0 .75rem}
.rcnl-facts{margin:0}
.rcnl-facts__row{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--border)}
.rcnl-facts__row:last-child{border-bottom:none}
.rcnl-facts dt{color:var(--text-muted);font-size:.85rem;margin:0}
.rcnl-facts dd{margin:0;font-weight:700;text-align:right}
.rcnl-checklist{list-style:none;margin:0;padding:0}
.rcnl-checklist li{display:flex;gap:.6rem;align-items:flex-start;padding:.4rem 0}
.rcnl-checklist .rcnl-icon{color:var(--accent-2);margin-top:.15rem}
.rcnl-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:.6rem}
.rcnl-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;text-align:center;transition:border-color .12s,transform .12s}
.rcnl-tile:hover{border-color:var(--accent);transform:translateY(-2px)}
.rcnl-tile__val{font-family:var(--font-head);font-size:1.5rem;color:var(--accent-2)}
.rcnl-tile__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}
.rcnl-score{text-align:center}
.rcnl-score__num{font-family:var(--font-head);font-size:2.6rem;color:var(--accent-ink);line-height:1}
.rcnl-score__stars{display:flex;justify-content:center;gap:.15rem;color:var(--accent);margin:.25rem 0}
.rcnl-score__label{font-size:.8rem;color:var(--text-muted)}

/* ============ BONUS-MODULE ============ */
.rcnl-bonus{background:var(--bg-card);border-top:3px solid var(--accent);border-radius:var(--radius);box-shadow:var(--hard);padding:clamp(1.25rem,3vw,1.9rem)}
.rcnl-bonus__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:1px;background:var(--border);border:1px solid var(--border);margin:1rem 0}
.rcnl-bonus__slot{background:var(--bg-card);padding:.9rem 1rem;text-align:center}
.rcnl-bonus__val{font-family:var(--font-head);font-size:1.7rem;color:var(--accent-2);line-height:1}
.rcnl-bonus__val:empty::before{content:"—";color:var(--text-muted)}
.rcnl-bonus__slot .rcnl-bonus__k{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:.35rem}
.rcnl-bonus__empty{font-size:.85rem;color:var(--text-muted);font-style:italic}
.rcnl-bonus__note{font-size:.78rem;color:var(--text-muted)}

/* ============ EDITORIAL-CTA ============ */
.rcnl-editorial{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;justify-content:space-between;
  background:var(--accent-2);color:var(--on-dark);border-radius:var(--radius);padding:clamp(1.25rem,3vw,2rem);border-left:4px solid var(--accent)}
.rcnl-editorial__bd{flex:1 1 280px}
.rcnl-editorial__bd h2,.rcnl-editorial__bd h3,.rcnl-editorial__bd h4{color:var(--on-dark);margin-top:0}
.rcnl-editorial__bd p{color:var(--on-dark-muted);margin:0}
.rcnl-editorial__tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-weight:700;margin-bottom:.4rem}

/* ============ DATA-TABLE / PAYMENTS / METHODS (gold-on-aubergine) ============ */
.rcnl-table-wrap{overflow-x:auto;max-width:100%;margin-block:1.5rem;border:1px solid var(--border)}
.rcnl-table{width:100%;border-collapse:collapse;font-size:.9rem;background:var(--bg-card);min-width:520px}
.rcnl-table th{background:var(--accent-2);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;
  text-align:left;padding:.75rem 1rem;white-space:nowrap;border-bottom:1px solid var(--accent)}
.rcnl-table td{padding:.7rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}
.rcnl-table tbody tr:nth-child(even) td{background:rgba(58,29,92,.035)}
.rcnl-table tbody tr:hover td{background:rgba(201,162,74,.12)}
.rcnl-table tr:last-child td{border-bottom:none}
.rcnl-pay-row{display:flex;align-items:center;gap:.5rem}
.rcnl-pay-row .rcnl-icon{color:var(--accent-2)}

/* ============ RTP-GRID / GAMES-PREVIEW ============ */
.rcnl-rtp{display:grid;gap:clamp(.6rem,1.5vw,1rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:640px){.rcnl-rtp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:960px){.rcnl-rtp{grid-template-columns:repeat(4,minmax(0,1fr))}}
.rcnl-rtp-item{position:relative;overflow:hidden;min-width:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--hard)}
.rcnl-rtp-item__thumb{aspect-ratio:3/2;position:relative;background:linear-gradient(135deg,var(--accent-2),#20123a)}
.rcnl-rtp-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.rcnl-rtp-item__name{padding:.5rem .6rem;font-weight:700;font-size:.85rem}
.rcnl-rtp-tooltip{position:absolute;left:0;right:0;bottom:0;opacity:0;transition:opacity .2s;
  background:linear-gradient(0deg,rgba(24,12,44,.95),rgba(24,12,44,.75));color:var(--on-dark);
  padding:.5rem .6rem;font-size:.78rem}
.rcnl-rtp-tooltip b{color:var(--accent)}
.rcnl-rtp-item:hover .rcnl-rtp-tooltip,.rcnl-rtp-item:focus-within .rcnl-rtp-tooltip{opacity:1}

/* ============ MOBILE-PREVIEW ============ */
.rcnl-mobile-preview{display:grid;gap:1.5rem;align-items:center}
@media(min-width:820px){.rcnl-mobile-preview{grid-template-columns:1fr 1fr}}

/* ============ CATEGORIES-BAR ============ */
.rcnl-cats{display:flex;flex-wrap:wrap;gap:.5rem}
.rcnl-cats a,.rcnl-cats span{display:inline-block;padding:.4rem .9rem;background:var(--bg-card);border:1px solid var(--border-gold);border-radius:var(--radius);font-size:.82rem;font-weight:600;color:var(--accent-2)}
.rcnl-cats a:hover{background:var(--accent-2);color:var(--accent)}

/* ============ FAQ : two-col ============ */
.rcnl-faq{display:grid;gap:0 2rem;grid-template-columns:1fr;align-items:start}
@media(min-width:820px){.rcnl-faq{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rcnl-faq details{border-bottom:1px solid var(--border)}
.rcnl-faq summary{cursor:pointer;padding:1rem 0;font-weight:600;list-style:none}
.rcnl-faq summary::-webkit-details-marker{display:none}
.rcnl-faq summary::before{content:'+';margin-right:.5rem;color:var(--accent-ink);font-weight:800;transition:transform .2s}
.rcnl-faq details[open] summary::before{content:'−'}
.rcnl-faq details>:not(summary){padding:.5rem 0 1rem;color:var(--text-muted)}

/* ============ TOC ============ */
.rcnl-toc{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem}
.rcnl-toc__title{font-family:var(--font-head);font-size:1.1rem;margin:0 0 .5rem}
.rcnl-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.rcnl-toc a{color:var(--accent-2);font-size:.9rem;font-weight:600}
.rcnl-toc a:hover{color:var(--accent-ink)}

/* ============ CTA-BLOCK / BONUS-LINK ============ */
.rcnl-cta-block{background:var(--accent-2);color:var(--on-dark);text-align:center}
.rcnl-cta-block .rcnl-container{display:flex;flex-direction:column;align-items:center;gap:1rem}
.rcnl-cta-block h2{color:var(--on-dark);margin:0}
.rcnl-cta-block .rcnl-eyebrow{color:var(--accent)}
.rcnl-cta-block p{color:var(--on-dark-muted);max-width:60ch;margin:0}
.rcnl-cta-block__actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}
.rcnl-cta-block__fine{font-size:.75rem;color:var(--on-dark-muted);margin:0}

/* ============ LEGAL-BODY ============ */
.rcnl-legal{counter-reset:sec;max-width:none}
.rcnl-legal h2{counter-increment:sec;display:flex;gap:.6rem;align-items:baseline}
.rcnl-legal h2::before{content:counter(sec) ".";font-family:var(--font-body);color:var(--accent-ink);font-size:1rem;font-weight:800}
.rcnl-legal h3{margin-top:1.5rem}
.rcnl-legal ul,.rcnl-legal ol{padding-left:1.25rem}
.rcnl-legal li{margin-bottom:.4rem}

/* ============ FOOTER (dark aubergine) ============ */
.rcnl-footer{background:var(--accent-2);color:var(--on-dark-muted);border-top:2px solid var(--accent);margin-top:2rem}
.rcnl-footer__top{display:grid;gap:2rem;padding-block:clamp(2rem,4vw,3rem);grid-template-columns:1fr}
@media(min-width:700px){.rcnl-footer__top{grid-template-columns:1.4fr 1fr 1fr}}
.rcnl-footer__brand .rcnl-logo__img{height:40px;width:auto;object-fit:contain}
.rcnl-footer__tagline{margin:.9rem 0 0;font-size:.9rem;max-width:42ch}
.rcnl-footer h3{color:var(--accent);font-family:var(--font-body);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;margin:0 0 .9rem}
.rcnl-footer__col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.rcnl-footer__col a{color:var(--on-dark);font-size:.9rem}
.rcnl-footer__col a:hover{color:var(--accent)}
.rcnl-footer__disclaimer{border-top:1px solid rgba(201,162,74,.25);padding-block:1.25rem;font-size:.78rem;line-height:1.6}
.rcnl-footer__disclaimer strong{color:var(--accent)}
.rcnl-footer__age{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border:2px solid var(--accent);color:var(--accent);border-radius:var(--radius);font-weight:800;font-size:.82rem;margin-right:.6rem;flex-shrink:0}
.rcnl-footer__bottom{border-top:1px solid rgba(201,162,74,.25);padding-block:1rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;font-size:.78rem}
.rcnl-footer__bottom a{color:var(--on-dark-muted)}
.rcnl-footer__bottom a:hover{color:var(--accent)}
/* sa-responsive-net */
table th{white-space:nowrap}
figure,blockquote,dl,dd,fieldset{margin:0}
/* sa-logo-chip */
.rcnl-footer .rcnl-logo__img{filter:none;background:transparent;padding:0}
.rcnl-footer .rcnl-footer__logo-chip{background:transparent;padding:0}
/* sa-logo-fit */
.rcnl-logo__img{object-fit:contain}
/* sa-ph-media */
.rcnl-page-header:has(.rcnl-hero__img){position:relative;overflow:hidden;isolation:isolate;min-height:clamp(200px,30vh,300px);display:flex;flex-direction:column;justify-content:center}
.rcnl-page-header:has(.rcnl-hero__img) .rcnl-hero__img{position:absolute;inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;margin:0;z-index:0}
.rcnl-page-header:has(.rcnl-hero__img)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,18,.72),rgba(10,12,18,.5))}
:where(.rcnl-page-header:has(.rcnl-hero__img)>:not(.rcnl-hero__img)){position:relative}
.rcnl-page-header:has(.rcnl-hero__img)>:not(.rcnl-hero__img){z-index:2}
.rcnl-page-header:has(.rcnl-hero__img),.rcnl-page-header:has(.rcnl-hero__img) h1,.rcnl-page-header:has(.rcnl-hero__img) a,.rcnl-page-header:has(.rcnl-hero__img) p,.rcnl-page-header:has(.rcnl-hero__img) li,.rcnl-page-header:has(.rcnl-hero__img) span{color:#fff}
/* sa-hero-media */
.rcnl-hero:has(>.rcnl-hero__img){position:relative;isolation:isolate}
.rcnl-hero:has(>.rcnl-hero__img)>.rcnl-hero__img{z-index:0}
.rcnl-hero:has(>.rcnl-hero__img)::after{z-index:1}
:where(.rcnl-hero:has(>.rcnl-hero__img)>:not(.rcnl-hero__img)){position:relative}
.rcnl-hero:has(>.rcnl-hero__img)>:not(.rcnl-hero__img){z-index:2}
/* sa-rhythm */
:where(.rcnl-table-wrap){margin-block:1.5rem}
:where(main) :where(ul,ol,table,.rcnl-table-wrap)+p{margin-block-start:1rem}
/* sa-action-row : losstaande knop in een <p> mag nooit tegen het vorige blok
   (kaarten-grid, lijst, tekst) plakken — garandeer ademruimte erboven */
:where(main) p:has(>.rcnl-btn:only-child){margin-block-start:1.5rem}
/* sa-slot-link */
.rcnl-rtp-item,.rcnl-rtp-item:hover,.rcnl-rtp-item:focus{color:inherit;text-decoration:none;cursor:pointer}

/* sa-bonus-empty : verberg de spec-grid zolang géén enkel veld een waarde heeft
   (toont zich vanzelf zodra de generator waarden invult) */
.rcnl-bonus__grid:not(:has(.rcnl-bonus__val:not(:empty))){display:none}

/* sa-strip-wrap : strip-scheiders zijn voor één rij; bij wrap op smal scherm
   hangen linkerranden midden in het blok — daar scheiden via gap */
@media(max-width:560px){
  .rcnl-jackpot,.rcnl-usp,.rcnl-stats{gap:.75rem}
  .rcnl-jackpot__item,.rcnl-usp__item,.rcnl-stat{border-inline-start:none}
}

/* sa-table-hint : subtiele fade rechts als teken dat de tabel horizontaal scrolt */
.rcnl-table-wrap{position:relative;background:
  linear-gradient(90deg,transparent calc(100% - 28px),rgba(58,29,92,.10)) right/28px 100% no-repeat}

/* sa-tap : ruimere hit-area voor footer-bottom links */
.rcnl-footer__bottom a{display:inline-block;padding:.2rem 0}

/* sa-fineprint : fine-print net iets groter voor leesbaarheid */
.rcnl-footer__disclaimer,.rcnl-bonus__note{font-size:.82rem}

/* sa-anchor : in-page anchors niet onder de sticky-header laten vallen */
:where(h2,h3,h4)[id],:where([id]):target{scroll-margin-top:84px}

/* sa-empty : lege bonus-state oogt bewust i.p.v. leeg — subtiele badge-look */
.rcnl-bonus__empty{display:flex;align-items:center;gap:.55rem;background:#EFE9DA;
  border:1px dashed var(--border-gold);border-radius:var(--radius);padding:.7rem .9rem;font-style:normal}
.rcnl-bonus__empty::before{content:"";width:.55rem;height:.55rem;border-radius:50%;
  background:var(--accent);box-shadow:0 0 0 3px rgba(201,162,74,.22);flex-shrink:0}