*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --red:#0d5eaf;--red-dark:#08427d;--pink:#c3dcf5;--pink-light:#e6f0fb;--pink-soft:#d3e4f7;
  --yellow:#2f7fc2;--yellow-deep:#0d5eaf;--blue:#0d5eaf;--blue-dark:#08396e;--blue-light:#cfe0f4;
  --cream:#f6f6ed;--cream2:#f3f3e9;--ink:#1f2d38;--muted:#5f7684;
  --shadow:-3px 6px 26px rgba(120,160,190,.28);--shadow-lg:-4px 10px 40px rgba(120,160,190,.42);
  --pill:999px;--card:20px;--ease:cubic-bezier(.24,1,.36,1);
  --display:"Bayon","Arial Narrow",sans-serif;--body:"Manrope",-apple-system,Segoe UI,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--pink-light);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--red);text-decoration:none}
a:hover{color:var(--red-dark)}
img{max-width:100%;display:block}
.container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.01em;line-height:.95;color:var(--red)}
.eyebrow{font-family:var(--body);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--blue)}
.star{color:var(--yellow-deep)}

/* Buttons */
.btn{display:inline-block;font-family:var(--body);font-weight:700;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;transition:transform .2s var(--ease),background-color .2s ease}
.btn--pill{background:var(--red);color:var(--cream);border-radius:var(--pill);padding:14px 28px;box-shadow:0 8px 20px rgba(13,94,175,.3)}
.btn--pill:hover{background:var(--red-dark);color:#fff;transform:scale(.97)}
.btn--sm{padding:10px 20px;font-size:.82rem}
.btn--ghost{background:transparent;color:var(--red);border:2px solid var(--red);border-radius:var(--pill);padding:12px 26px}
.btn--ghost:hover{background:var(--red);color:#fff}
.btn--blue{background:var(--blue);color:#fff;border-radius:var(--pill);padding:16px 34px;box-shadow:0 8px 22px rgba(13,94,175,.35)}
.btn--blue:hover{background:var(--blue-dark);color:#fff;transform:scale(.97)}

/* Header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(246,246,237,.9);backdrop-filter:saturate(150%) blur(10px);box-shadow:0 2px 20px rgba(201,149,109,.18)}
.hdr__in{display:flex;align-items:center;justify-content:space-between;height:76px}
.brand{display:flex;flex-direction:column;line-height:1}
.brand__name{font-family:var(--display);font-size:1.9rem;color:var(--red);letter-spacing:.02em}
.brand__tag{font-family:var(--body);font-weight:600;font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--blue)}
.nav{display:flex;align-items:center;gap:26px}
.nav a{font-family:var(--body);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:var(--red)}
.nav a:hover{color:var(--red-dark)}
.nav .btn{margin-left:6px}
.nav__toggle{display:none}

/* Hero */
.hero{position:relative;padding:70px 0 90px;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;z-index:0}
.hero::before{width:520px;height:520px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.28),rgba(150,190,235,0) 70%);top:-120px;right:-120px}
.hero::after{width:420px;height:420px;background:radial-gradient(circle at 50% 50%,rgba(150,190,235,.35),rgba(150,190,235,0) 70%);bottom:-160px;left:-140px}
.hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(3rem,7vw,6rem);color:var(--red)}
.hero__sub{font-size:1.15rem;color:#33434f;max-width:34ch;margin:18px 0 26px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero__stats{display:flex;gap:26px;margin-top:34px;flex-wrap:wrap}
.hero__stat b{font-family:var(--display);font-size:2.2rem;color:var(--red);display:block;line-height:1}
.hero__stat span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--blue);font-weight:700}
/* Hero medallion */
.medallion{position:relative;aspect-ratio:1;max-width:380px;margin-left:auto;background:radial-gradient(circle at 50% 45%,#fff 0%,var(--cream) 60%,var(--pink-soft) 100%);border-radius:50%;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;border:10px solid #fff}
.medallion__logo{display:block;width:auto;max-width:168px;height:66px;object-fit:contain;margin:0 auto 14px;background:#fff;border:1px solid rgba(13,94,175,.14);border-radius:12px;padding:9px 16px;box-shadow:0 4px 14px rgba(13,94,175,.12)}
.medallion__eye{font-family:var(--body);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:var(--blue)}
.medallion__num{font-family:var(--display);font-size:5rem;color:var(--red);line-height:.8;margin:6px 0}
.medallion__name{font-family:var(--display);font-size:2rem;color:var(--ink)}
.medallion__bonus{font-weight:700;color:#33434f;margin:6px 0 16px;font-size:.95rem}
.medallion__badge{position:absolute;top:6%;right:-6px;background:var(--blue);color:var(--cream);font-family:var(--display);font-size:1rem;width:74px;height:74px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);box-shadow:0 6px 16px rgba(0,0,0,.12)}

/* Section shell */
.section{padding:80px 0;position:relative}
.section--pink{background:var(--pink-light)}
.section--cream{background:var(--cream)}
.section__head{text-align:center;max-width:720px;margin:0 auto 46px}
.section__head h2{font-size:clamp(2.4rem,5vw,4rem)}
.section__head p{color:#33434f;margin-top:12px}
.accent-bar{width:90px;height:8px;background:var(--yellow);border-radius:var(--pill);margin:16px auto 0}

/* Picks */
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.pick{background:#fff;border-radius:var(--card);box-shadow:var(--shadow);padding:32px 24px;text-align:center;position:relative;border:2px solid var(--pink);transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.pick:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.pick--featured{border:3px solid var(--red);transform:scale(1.05)}
.pick--featured:hover{transform:scale(1.05) translateY(-6px)}
.pick__ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--red);color:#fff;font-family:var(--body);font-weight:800;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:var(--pill);white-space:nowrap}
.pick__avatar{width:64px;height:64px;border-radius:50%;background:var(--ac,var(--red));color:#fff;font-family:var(--display);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:8px auto 12px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.pick__name{font-size:1.9rem;color:var(--red)}
.pick__award{color:var(--blue);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;margin:4px 0 10px}
.pick__rating{font-family:var(--display);font-size:1.7rem;color:var(--red-dark)}
.pick__out{font-size:.9rem;color:var(--muted)}
.pick__bonus{font-weight:700;color:#33434f;margin:8px 0 18px;min-height:2.6em;display:flex;align-items:center;justify-content:center}
.pick .btn{width:100%}
.pick__tc{font-size:.68rem;color:var(--muted);margin-top:12px}
.pick__tc a{color:var(--muted);text-decoration:underline}

/* Ranked list */
.rank{max-width:960px;margin:0 auto;background:#fff;border-radius:var(--card);box-shadow:var(--shadow);overflow:hidden}
.rank-row{display:grid;grid-template-columns:44px 52px 1fr 90px 1.3fr 170px;gap:16px;align-items:center;padding:16px 22px;border-bottom:1px solid rgba(13,94,175,.1)}
.rank-row:nth-child(even){background:rgba(150,190,235,.22)}
.rank-row:hover{background:rgba(255,255,255,.14)}
.rank-row:last-child{border-bottom:none}
.rank-row__num{font-family:var(--display);font-size:1.5rem;color:var(--red);text-align:center}
.rank-row__avatar{width:46px;height:46px;border-radius:50%;background:var(--ac,var(--red));color:#fff;font-family:var(--display);font-size:1.4rem;display:flex;align-items:center;justify-content:center}
.rank-row__name{font-weight:800;color:var(--red);font-size:1.05rem}
.rank-row__award{display:block;color:var(--blue);font-size:.76rem;font-weight:600}
.rank-row__rating{font-family:var(--display);font-size:1.2rem;color:var(--red-dark);text-align:center}
.rank-row__bonus{font-size:.9rem;color:#33434f;font-weight:600}
.rank-row__cta{text-align:center}
.rank-row__cta .btn{width:100%}
.rank-row__tc{display:block;font-size:.66rem;color:var(--muted);margin-top:5px}

/* Process cards */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{background:#fff;border-radius:var(--card);box-shadow:var(--shadow);padding:28px 22px;position:relative;overflow:hidden}
.step::before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:50%;background:var(--pink);opacity:.3}
.step__num{font-family:var(--display);font-size:2.6rem;color:var(--yellow-deep);position:relative}
.step h3{font-size:1.4rem;color:var(--red);margin:6px 0 10px;position:relative}
.step p{font-size:.92rem;color:#33434f;position:relative}

/* Methods */
.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.method{background:var(--cream);border-radius:var(--card);padding:26px 22px;text-align:center;box-shadow:var(--shadow)}
.method__ico{font-size:2rem}
.method h3{font-size:1.3rem;margin:10px 0 4px;color:var(--red)}
.method__time{font-family:var(--display);font-size:1.8rem;color:var(--blue)}
.method p{font-size:.85rem;color:var(--muted)}

/* Testimonials */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.quote{background:#fff;border-radius:var(--card);box-shadow:var(--shadow);padding:28px;position:relative}
.quote__mark{font-family:var(--display);font-size:3rem;color:var(--pink);line-height:.6}
.quote p{color:#33434f;font-size:.98rem;margin:6px 0 16px}
.quote__who{display:flex;align-items:center;gap:12px}
.quote__av{width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--display);font-size:1.2rem;display:flex;align-items:center;justify-content:center}
.quote__name{font-weight:800;color:var(--red)}
.quote__loc{font-size:.76rem;color:var(--muted)}

/* CTA band */
.band{background:var(--blue);color:#eaf4fb;border-radius:28px;text-align:center;padding:56px 24px;position:relative;overflow:hidden}
.band::before,.band::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.16)}
.band::before{width:180px;height:180px;top:-60px;left:8%}
.band::after{width:240px;height:240px;bottom:-120px;right:6%}
.band h2{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);position:relative}
.band p{position:relative;max-width:52ch;margin:12px auto 26px;color:#dcecf7}

/* FAQ */
.faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.faq details{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:4px 22px;border:2px solid transparent;transition:border-color .2s}
.faq details[open]{border-color:var(--pink)}
.faq summary{font-family:var(--display);font-size:1.25rem;color:var(--red);cursor:pointer;list-style:none;padding:16px 0;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.6rem;color:var(--yellow-deep)}
.faq details[open] summary::after{content:"\2212"}
.faq p{color:#33434f;padding:0 0 18px}

/* Responsible gambling */
.rg{background:var(--blue-dark);color:#dcecf7;border-radius:var(--card);padding:30px;text-align:center;max-width:900px;margin:44px auto 0}
.rg strong{color:#fff}
.rg a{color:var(--yellow)}
.rg__age{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--cream);color:var(--blue-dark);font-family:var(--display);font-size:1.3rem;margin-top:14px}

/* Footer */
.ftr{background:var(--cream);border-top:8px solid var(--red);padding:54px 0 0}
.ftr__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}
.ftr__brand .brand__name{font-size:2.2rem}
.ftr__brand p{color:var(--muted);font-size:.88rem;margin-top:10px;max-width:34ch}
.ftr h4{color:var(--red);font-size:1.3rem;margin-bottom:14px}
.ftr ul{list-style:none}
.ftr li{margin-bottom:9px}
.ftr li a{color:#33434f;font-weight:600;font-size:.9rem}
.ftr li a:hover{color:var(--red)}
.ftr__bottom{background:var(--red);color:#fff;text-align:center;padding:16px;margin-top:44px;font-size:.82rem}

@media(max-width:900px){
  .hero__grid,.picks,.steps,.methods,.quotes,.ftr__grid{grid-template-columns:1fr}
  .medallion{margin:30px auto 0}
  .nav{position:fixed;inset:76px 0 auto 0;background:var(--cream);flex-direction:column;padding:20px;gap:16px;box-shadow:var(--shadow);transform:translateY(-150%);transition:transform .3s var(--ease)}
  .nav.open{transform:translateY(0)}
  .nav__toggle{display:block;background:none;border:none;font-size:1.6rem;color:var(--red)}
  /* Affiliate table -> stacked white cards on mobile */
  .rank{background:transparent!important;box-shadow:none!important;padding:0!important;max-width:520px;display:flex;flex-direction:column;gap:16px;overflow:visible}
  .rank-row{display:block!important;position:relative;background:#fff!important;border:1px solid rgba(13,94,175,.14);border-radius:16px;box-shadow:var(--shadow);padding:26px 20px 20px;text-align:center;border-bottom:none}
  .rank-row__num{position:absolute;top:14px;left:14px;width:34px;height:34px;border-radius:50%;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1}
  .rank-row__avatar{margin:0 auto 12px}
  .rank-row__id{display:block;margin-bottom:6px}
  .rank-row__name{font-size:1.3rem}
  .rank-row__award{margin-top:3px}
  .rank-row__rating{margin:0 auto 10px;text-align:center;font-size:1.15rem}
  .rank-row__rating .star{color:#f5b301}
  .rank-row__bonus{margin:0 auto 16px;max-width:34ch;font-size:1.02rem;color:var(--red);font-weight:700}
  .rank-row__cta{text-align:center}
  .rank-row__cta .btn{width:100%}
  .rank-row__tc{margin-top:8px}
  .pick--featured{transform:none}
}

/* Mega-nav dropdowns */
.nav-item{position:relative;display:flex;align-items:center}
.nav-top{background:none;border:none;cursor:pointer;font-family:var(--body);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;color:var(--red);display:inline-flex;align-items:center;gap:5px;padding:0}
.nav-top:hover{color:var(--red-dark)}
.nav-top::after{content:"\25BE";font-size:.66em;opacity:.7}
.drop{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);min-width:212px;background:var(--cream);border-radius:14px;box-shadow:var(--shadow-lg);padding:10px;opacity:0;visibility:hidden;transition:opacity .18s var(--ease),transform .18s var(--ease);z-index:60}
.drop::before{content:"";position:absolute;bottom:100%;left:0;right:0;height:16px}
.nav-item:hover .drop,.nav-item:focus-within .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.drop a{display:block;padding:9px 14px;border-radius:9px;font-size:.82rem;font-weight:600;color:var(--ink);text-transform:none;letter-spacing:0;white-space:nowrap}
.drop a:hover{background:var(--pink);color:var(--red-dark)}
.drop--cols{display:grid;grid-template-columns:1fr 1fr;gap:0 6px;min-width:430px}
@media(max-width:900px){
  .nav-item{width:100%;flex-direction:column;align-items:flex-start}
  .nav-top{width:100%;padding:8px 0;font-size:.9rem}
  .drop{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;background:transparent;padding:2px 0 12px 16px;min-width:0}
  .drop::before{display:none}
  .drop--cols{grid-template-columns:1fr;min-width:0}
  .drop a{white-space:normal;padding:7px 10px}
}
.ftr__tag{display:block;margin:6px 0 4px}.nav a.btn--pill,.nav a.btn--pill:hover{color:var(--cream)}
/* ===== nav CTA text fix ===== */
.nav a.btn--pill,.nav a.btn--pill:hover{color:var(--cream)}
/* ===== inner-page base + old-template content overrides ===== */
body{padding-top:0!important;background:var(--cream)!important;font-family:var(--body)!important;color:var(--ink)!important}
.navbar-fixed-top{position:static!important}
.content-area,main.content-area{background:transparent!important;padding:40px 0}
.breadcrumb{list-style:none;display:flex;flex-wrap:wrap;align-items:center;background:transparent;margin:0;padding:0;font-size:.82rem}
.breadcrumb>li{display:inline-flex;align-items:center}
.breadcrumb>li+li::before{content:"/";padding:0 9px;color:var(--muted);opacity:.55}
.breadcrumb>li>a{color:var(--red)}
.breadcrumb>li.active{color:var(--muted)}
.hero__crumbs{position:relative;z-index:3;margin:-34px 0 20px;text-align:left}
.hero__crumbs .breadcrumb{margin:0;padding:0}
@media(max-width:900px){.hero{padding:14px 0 44px!important}.hero__crumbs{margin:0 0 14px}}
.page-title{font-family:var(--display)!important;color:var(--red)!important;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(2.4rem,5vw,4rem);margin:6px 0 14px}
.entry-content,.entry-content p,.entry-content li,.intro-blurb,.toplist-intro{color:#33434f}
.entry-content h2,.entry-content h3,.entry-content h4,.toplist-heading{font-family:var(--display)!important;color:var(--red)!important;text-transform:uppercase;letter-spacing:-.01em}
.entry-content h2,.toplist-heading{font-size:2.1rem;margin:2.2rem 0 1rem}
.entry-content h3{font-size:1.5rem;margin:1.4rem 0 .6rem}
.author-byline,.author-byline-small{background:var(--cream2);border-radius:999px;padding:8px 16px 8px 8px;width:max-content;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px}
.author-name{color:var(--red)!important;font-weight:700}
.author-role,.author-updated{color:var(--blue)!important}
.btn-cta,.btn-claim,.btn-claim-orange,.pick-cta,.btn.btn-cta,.rch-top-cta .btn-claim-orange{background:var(--red)!important;background-image:none!important;color:var(--cream)!important;border:none!important;border-radius:999px!important;font-family:var(--body)!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 6px 18px rgba(13,94,175,.28)}
.btn-cta:hover,.btn-claim:hover,.btn-claim-orange:hover,.pick-cta:hover{background:var(--red-dark)!important;color:#fff!important}
.btn-dark{background:var(--blue)!important;color:#fff!important;border-radius:999px!important;border:none!important;text-transform:uppercase;font-weight:700}
.toplist-item{background:var(--cream)!important;border:none!important;border-radius:20px!important;box-shadow:var(--shadow)!important}
.rank-number,.pick-rank-num,.rch-rank{background:var(--red)!important;color:#fff!important;font-family:var(--display)!important}
.toplist-name a,.pick-name,.rch-name{color:var(--red)!important}
.toplist-award,.pick-award{color:var(--blue)!important;text-transform:uppercase;font-weight:700;font-size:.72rem;letter-spacing:.05em}
.toplist-table{border:none!important;border-radius:20px!important;box-shadow:var(--shadow)!important;overflow:hidden}
.toplist-table-header{background:var(--red)!important;color:var(--cream)!important;border:none!important}
.toplist-row{background:var(--cream)!important;border-bottom:1px solid rgba(13,94,175,.12)!important}
.toplist-row:nth-child(even){background:rgba(150,190,235,.18)!important}
.row-casino-name,.row-rank{color:var(--red)!important;font-weight:800}
.row-casino-award{color:var(--blue)!important}
.star,.row-rating .star,.rch-score{color:var(--yellow-deep)!important}
.casino-review{background:var(--cream)!important;border:none!important;border-radius:20px!important;box-shadow:var(--shadow)!important;padding:1.6rem!important;margin-bottom:1.6rem}
.rch-badge,.rch-tag{background:var(--pink)!important;color:var(--red-dark)!important;border-radius:999px;padding:3px 12px}
.rch-rating,.review-ratings h4{color:var(--red)!important;font-family:var(--display)!important}
.rch-bar-fill{background:var(--blue)!important}
.rch-bar-track{background:rgba(13,94,175,.14)!important}
.review-quick-stats li{border-bottom:1px dashed rgba(13,94,175,.25)}
.review-pros-cons .pros{background:rgba(150,190,235,.28)!important;border-radius:14px;padding:1rem 1.25rem}
.review-pros-cons .cons{background:rgba(195,220,245,.55)!important;border-radius:14px;padding:1rem 1.25rem}
.review-pros-cons h4{color:var(--blue)!important}
.review-pros-cons .cons h4{color:var(--red-dark)!important}
blockquote{border-left:5px solid var(--yellow-deep);background:rgba(13,94,175,.06);border-radius:0 14px 14px 0;color:#33434f}
.table-responsive{border:none!important;border-radius:20px;box-shadow:var(--shadow);overflow:hidden;margin:1.2rem 0}
table.table{background:var(--cream);margin:0}
table.table thead th,table.table thead tr{background:var(--red)!important;color:var(--cream)!important;border:none!important;text-transform:uppercase;font-size:.78rem;letter-spacing:.03em}
table.table-striped>tbody>tr:nth-of-type(odd){background:rgba(150,190,235,.18)}
table.table td,table.table th{border-color:rgba(13,94,175,.12)!important;vertical-align:middle}
table.table td a{color:var(--red);font-weight:700}
.signup-steps{padding-left:0;counter-reset:step}
.signup-steps li{list-style:none;position:relative;background:var(--cream);border-radius:14px;padding:1rem 1rem 1rem 3.4rem;margin-bottom:.7rem;box-shadow:var(--shadow)}
.signup-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:1rem;top:1rem;width:32px;height:32px;border-radius:50%;background:var(--yellow);color:#fff;font-family:var(--display);display:flex;align-items:center;justify-content:center}
.faq-section{display:grid;gap:.8rem}
.faq-item{background:var(--cream)!important;border:none!important;border-radius:14px!important;box-shadow:var(--shadow);padding:1.05rem 1.35rem!important}
.faq-item h3{color:var(--red)!important;font-family:var(--display)!important;font-size:1.2rem}
.responsible-gambling{background:var(--blue-dark)!important;color:#dcecf7!important;border-radius:20px;border:none!important;padding:1.6rem!important;margin-top:2rem}
.responsible-gambling h2{color:#fff!important}
.responsible-gambling a{color:var(--yellow-deep)!important;font-weight:700}
.age-badge{background:var(--yellow)!important;color:#fff!important;border-radius:50%;width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--display)}
.hero-banner{background:linear-gradient(180deg,var(--pink) 0%,var(--pink-light) 100%)!important}
.hero-title{font-family:var(--display)!important;color:var(--red)!important;text-transform:uppercase}
.hero-subtitle{color:#33434f!important}
.hero-pick-card{background:var(--cream)!important;border:2px solid var(--pink)!important;border-radius:20px!important;box-shadow:var(--shadow)!important}
.hero-pick-card.pick-featured{border:3px solid var(--red)!important}
.pick-top-banner{background:var(--red)!important;color:#fff!important}
.cta-bar,.floating-cta,.mobile-sticky{display:none!important}

/*NAVFIT*/.hdr .nav{gap:15px}.hdr .nav>a,.hdr .nav-top{font-size:.74rem}

/* ===== FIX: sign-up step numbers overlapping first letter ===== */
ol.signup-steps{list-style:none!important;padding-left:0!important;counter-reset:step}
ol.signup-steps li{list-style:none!important;position:relative;padding:1rem 1.25rem 1rem 3.7rem!important;margin-bottom:.7rem!important;background:var(--cream);border-radius:14px;box-shadow:var(--shadow);font-size:1rem;line-height:1.55}
ol.signup-steps li::before{counter-increment:step;content:counter(step);position:absolute;left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;border-radius:50%;background:var(--yellow)!important;color:#fff!important;font-family:var(--display)!important;font-size:1rem!important;display:flex;align-items:center;justify-content:center;z-index:1}
ol.signup-steps li strong{color:var(--red)}
/* ===== FIX: responsible-gambling text legible on dark background ===== */
.responsible-gambling,.responsible-gambling p,.responsible-gambling li,.responsible-gambling strong,.responsible-gambling h2,.responsible-gambling h3,.responsible-gambling span{color:#e6f0fb!important}
.responsible-gambling a{color:#bfe0f5!important;text-decoration:underline;font-weight:700}
/* ===== UNIFIED HEADER + FOOTER — identical on every page (px, !important) ===== */
.hdr{position:sticky!important;top:0!important;z-index:50!important;background:rgba(246,246,237,.95)!important;box-shadow:0 2px 20px rgba(120,160,190,.18)!important;padding:0!important;margin:0!important}
.hdr .hdr__in{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:10px 24px!important;height:auto!important;float:none!important}
.hdr .brand{display:flex!important;flex-direction:column!important;line-height:1!important;text-decoration:none!important}
.hdr .brand__name{font-family:var(--display)!important;font-size:30px!important;color:var(--red)!important;text-transform:uppercase!important;letter-spacing:.02em!important;line-height:1!important;margin:0!important}
.hdr .brand__tag{font-family:var(--body)!important;font-size:10px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:var(--blue)!important;margin:3px 0 0!important}
.hdr .nav{display:flex!important;align-items:center!important;gap:16px!important;flex-direction:row!important;position:static!important;transform:none!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;width:auto!important;list-style:none!important}
.hdr .nav>a{font-family:var(--body)!important;font-weight:700!important;text-transform:uppercase!important;font-size:13px!important;letter-spacing:.04em!important;color:var(--red)!important;padding:0!important}
.hdr .nav-item{position:relative!important;display:flex!important;align-items:center!important}
.hdr .nav-top{font-family:var(--body)!important;font-weight:700!important;text-transform:uppercase!important;font-size:13px!important;letter-spacing:.04em!important;color:var(--red)!important;background:none!important;border:none!important;padding:0!important;cursor:pointer;display:inline-flex!important;align-items:center;gap:5px}
.hdr .nav .btn--pill{font-size:13px!important;padding:10px 20px!important;color:var(--cream)!important;border-radius:999px!important}
.hdr .drop a{font-size:13px!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)!important;padding:9px 14px!important}
.hdr .drop--cols{min-width:430px!important}
.hdr .nav__toggle{display:none!important}
.ftr{background:var(--cream)!important;border-top:8px solid var(--red)!important;padding:54px 0 0!important;font-size:16px!important;margin:0!important}
.ftr .container{width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:0 24px!important;float:none!important}
.ftr .ftr__grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;gap:30px!important}
.ftr .brand__name{font-family:var(--display)!important;font-size:34px!important;color:var(--red)!important;text-transform:uppercase!important}
.ftr .ftr__tag{font-size:11px!important;color:var(--blue)!important;text-transform:uppercase!important;letter-spacing:.12em!important;display:block!important;margin:6px 0 4px!important}
.ftr__brand p{color:var(--muted)!important;font-size:14px!important;margin-top:8px!important}
.ftr h4{font-family:var(--display)!important;color:var(--red)!important;font-size:21px!important;text-transform:uppercase!important;margin-bottom:14px!important}
.ftr ul{list-style:none!important;padding:0!important;margin:0!important}
.ftr li{margin-bottom:9px!important}
.ftr li a{color:#33434f!important;font-weight:600!important;font-size:14px!important}
.ftr__bottom{background:var(--red)!important;color:#fff!important;text-align:center!important;padding:16px!important;margin-top:44px!important;font-size:13px!important}
@media(max-width:900px){
  .hdr .hdr__in{flex-wrap:wrap!important;padding:10px 16px!important}
  .hdr .nav__toggle{display:block!important;background:none!important;border:none!important;font-size:26px!important;color:var(--red)!important}
  .hdr .nav{display:none!important;width:100%!important;flex-direction:column!important;align-items:flex-start!important;padding:12px 0!important;gap:6px!important}
  .hdr .nav.open{display:flex!important}
  .hdr .nav-item{width:100%!important;flex-direction:column!important;align-items:flex-start!important}
  .hdr .nav-top{width:100%!important;padding:8px 0!important;font-size:15px!important}
  .hdr .drop{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background:transparent!important;padding:2px 0 10px 16px!important;min-width:0!important}
  .hdr .drop--cols{grid-template-columns:1fr!important;min-width:0!important}
  .ftr .ftr__grid{grid-template-columns:1fr!important}
}

/* ===== Mini operator reviews ===== */
.mini-reviews{display:grid;gap:18px}
.mini{background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:1.4rem 1.5rem;border-left:6px solid var(--red)}
.mini__head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:.4rem}
.mini__av{width:48px;height:48px;border-radius:50%;background:var(--ac,var(--red));color:#fff;font-family:var(--display);font-size:1.5rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.mini__name{font-family:var(--display);color:var(--red);font-size:1.5rem;text-transform:uppercase;margin:0}
.mini__award{color:var(--blue);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;display:block}
.mini__rating{margin-left:auto;font-family:var(--display);color:var(--red-dark);font-size:1.25rem}
.mini__rating .star{color:var(--yellow-deep)}
.mini p{color:#33434f;margin:.5rem 0}
.mini__facts{display:flex;flex-wrap:wrap;gap:8px;margin:.6rem 0 .9rem;list-style:none;padding:0}
.mini__facts li{background:rgba(150,190,235,.25);color:var(--blue-dark);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:600}
.section--cream .mini{background:#fff}

/* ===== Hero author + last-updated byline ===== */
.hero-byline{font-family:var(--body)!important;font-size:.92rem!important;color:var(--muted)!important;margin:14px 0 4px!important;display:flex;gap:9px;flex-wrap:wrap;align-items:center;text-transform:none!important;letter-spacing:0!important;font-weight:500}
.hero-byline a.hero-byline__author{color:var(--red)!important;font-weight:700;text-decoration:none}
.hero-byline a.hero-byline__author:hover{text-decoration:underline}
.hero-byline time{color:var(--blue-dark)!important;font-weight:600}
.hero-byline .hero-byline__dot{opacity:.45}

/* ===== TABLE-FIX: full-width tables on pages without Bootstrap ===== */
.table-responsive{overflow-x:auto!important}
table.table{width:100%!important;border-collapse:collapse!important;background:var(--cream)}
.table th,.table td{padding:11px 14px!important;text-align:left;border-top:1px solid rgba(13,94,175,.12)}
.table thead th{border-top:none!important}

/* ===== HERO-GRID-FIX: kill Bootstrap .container clearfix pseudo-elements that break the hero grid ===== */
.container.hero__grid::before,.container.hero__grid::after{content:none!important;display:none!important}
.hero .container.hero__grid{max-width:1180px!important;width:auto!important;margin:0 auto!important;padding:0 24px!important}

/* ===== HERO-BLUE: match homepage hero background on every page ===== */
.hero{background:var(--pink-light)!important}

/* ===== AUTHOR-PROFILE ===== */
.author-profile{display:flex;gap:30px;align-items:flex-start;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:2rem;margin:1rem 0}
.author-photo{flex:0 0 auto}
.author-photo img,.author-photo-av{width:140px;height:140px;border-radius:50%;object-fit:cover}
.author-photo-av{background:var(--ac,var(--red));color:#fff;font-family:var(--display);font-size:3.4rem;display:flex;align-items:center;justify-content:center}
.author-role-large{color:var(--blue)!important;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0 0 4px!important;font-family:var(--body)!important}
.author-location{color:var(--muted)!important;margin:0 0 12px!important}
.author-bio p{color:#33434f;margin:.6rem 0}
.author-details h2{font-family:var(--display)!important;color:var(--red)!important;font-size:1.4rem;margin:1.3rem 0 .5rem!important;text-transform:uppercase}
.author-expertise{color:#33434f;margin:.4rem 0 0;padding-left:1.2rem}.author-expertise li{margin:.3rem 0}
@media(max-width:760px){.author-profile{flex-direction:column;align-items:center;text-align:center}}

/* ===== FOOTER-GRID-FIX: kill Bootstrap .container clearfix that breaks the footer grid ===== */
.container.ftr__grid::before,.container.ftr__grid::after{content:none!important;display:none!important}
.ftr .container.ftr__grid{display:grid!important;grid-template-columns:1.4fr 1fr 1fr!important;gap:30px!important}
.ftr__email{display:inline-block;margin-top:12px;color:var(--red)!important;font-weight:700;font-size:14px;text-decoration:none}
.ftr__email:hover{text-decoration:underline}
@media(max-width:900px){.ftr .container.ftr__grid{grid-template-columns:1fr!important}}

/* ===== RANK__ITEM: styled recommended-casino cards (agent variant) ===== */
.rank{padding:6px 0}
.rank>h2,.rank>p{padding:0 24px}
.rank>h2{margin:18px 0 6px}
.rank__item{padding:18px 24px;border-top:1px solid rgba(13,94,175,.12)}
.rank__item:first-of-type{border-top:none}
.rank__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.rank__num{font-family:var(--display);font-size:1.5rem;color:#fff;background:var(--red);width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
.rank__name{font-family:var(--display);font-size:1.5rem;color:var(--red);text-transform:uppercase}
.rank__badge{background:var(--pink);color:var(--red-dark);border-radius:999px;padding:3px 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.rank__score{margin-left:auto;font-family:var(--display);font-size:1.3rem;color:var(--red-dark)}
.rank__offer{color:#33434f;font-weight:600;margin:.2rem 0}
.rank__item p{color:#33434f;margin:.4rem 0}
.rank__item .btn{margin-top:6px}

/* ===== IMG-AVATAR: operator logos in avatar slots ===== */
img.rank-row__avatar,img.mini__av,img.pick__avatar{background:#fff!important;object-fit:contain;padding:5px;border:1px solid rgba(13,94,175,.12)}
.rank__logo{width:46px;height:46px;border-radius:50%;background:#fff;object-fit:contain;padding:5px;border:1px solid rgba(13,94,175,.12);flex:0 0 auto}

/* ===== BYLINE-FACE: author photo beside name ===== */
.hero-byline__face{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid rgba(13,94,175,.15);flex:0 0 auto;vertical-align:middle}
.hero-byline{gap:7px}

/* ===== BIGGER-LOGOS (white tile; light logos get dark tile below) ===== */
img.rank-row__avatar,img.mini__av,img.pick__avatar,.rank__logo{background:#fff!important;border:1px solid rgba(13,94,175,.14)!important;border-radius:14px!important;padding:8px!important;object-fit:contain!important}
img.rank-row__avatar{width:104px!important;height:104px!important;padding:6px!important}
img.mini__av{width:100px!important;height:100px!important;padding:6px!important}
img.pick__avatar{width:140px!important;height:140px!important;border-radius:20px!important;padding:6px!important}
.rank__logo{width:92px!important;height:92px!important;padding:6px!important;flex:0 0 auto}
@media(min-width:901px){.rank-row{grid-template-columns:40px 124px 1fr 90px 1.3fr 170px!important}}

/* ===== MINI-PROSCONS ===== */
.mini__pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:14px 0 4px;padding:14px;background:#f6f6ed;border:1px solid rgba(13,94,175,.1);border-radius:12px}
.mini__pc h4{font-family:'Bayon',sans-serif;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center;gap:6px}
.mini__pc .pc-pro h4{color:#1f8a4c}
.mini__pc .pc-con h4{color:#c0392b}
.mini__pc ul{list-style:none!important;margin:0!important;padding:0!important}
.mini__pc li{position:relative;padding-left:22px;font-size:.84rem;line-height:1.45;margin:0 0 6px;color:var(--blue-dark)}
.mini__pc li::before{position:absolute;left:0;top:0;font-weight:700}
.mini__pc .pc-pro li::before{content:"\2713";color:#1f8a4c}
.mini__pc .pc-con li::before{content:"\2715";color:#c0392b}
@media(max-width:640px){.mini__pc{grid-template-columns:1fr;gap:10px}}

/* ===== MONEY-H1-SIZE: match hero h1 to homepage size ===== */
.hero .hero__text h1.page-title,.hero h1.page-title{font-size:clamp(3rem,7vw,6rem)!important;line-height:.95!important;letter-spacing:-.01em!important}

/* ===== TOPLIST-CARD-FIX: style .toplist / .toplist-item ranked cards ===== */
.toplist{max-width:960px;margin:28px auto;display:flex;flex-direction:column;gap:16px}
.toplist-item{display:grid;grid-template-columns:46px 150px 1fr 140px 180px;gap:22px;align-items:center;background:#fff;border:1px solid rgba(13,94,175,.12);border-radius:16px;box-shadow:var(--shadow);padding:18px 24px}
.toplist-rank{text-align:center}
.toplist-rank .rank-number{font-family:var(--display);font-size:1.6rem;color:var(--red)}
.toplist-logo{display:flex;align-items:center;justify-content:center}
.toplist-logo img{width:100%;max-width:138px;height:92px;object-fit:contain;background:#fff;border:1px solid rgba(13,94,175,.12);border-radius:12px;padding:8px}
.toplist-info .toplist-name{font-size:1.5rem;margin:0;line-height:1}
.toplist-info .toplist-name a{color:var(--red)}
.toplist-award{color:var(--blue);font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:.05em;margin:6px 0 8px}
.toplist-bonus{font-weight:700;color:#33434f;margin:0;font-size:.98rem}
.offer-tag{display:inline-block;background:var(--blue-light);color:var(--blue-dark);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:999px;margin-left:6px;vertical-align:middle}
.toplist-rating{text-align:center}
.rating-badge{display:flex;flex-direction:column;line-height:1.05;margin-bottom:8px}
.rating-score{font-family:var(--display);font-size:2.1rem;color:var(--red-dark)}
.rating-out-of{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.rating-label{font-size:.82rem;color:#1f8a4c;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.rating-breakdown{display:flex;flex-direction:column;gap:3px;font-size:.72rem;color:var(--muted);font-weight:600}
.toplist-cta{text-align:center}
.toplist-cta .btn-cta{display:inline-block;width:100%;background:var(--red);color:var(--cream)!important;border-radius:var(--pill);padding:16px 20px;font-family:var(--body);font-weight:800;text-transform:uppercase;letter-spacing:.03em;font-size:1.1rem;box-shadow:0 8px 20px rgba(13,94,175,.3);transition:transform .2s var(--ease),background-color .2s ease}
.toplist-cta .btn-cta:hover{background:var(--red-dark);color:#fff!important;transform:scale(.97)}
@media(max-width:860px){
  .toplist-item{grid-template-columns:1fr;grid-template-areas:"rank" "logo" "info" "rating" "cta";gap:14px;text-align:center}
  .toplist-rank{grid-area:rank}.toplist-logo{grid-area:logo;justify-content:center}
  .toplist-info{grid-area:info}.toplist-rating{grid-area:rating}.toplist-cta{grid-area:cta}
  .rating-breakdown{flex-direction:row;justify-content:center;gap:14px}
}