/* ===== portal.css ===== */

:root{
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f2f6f9;
  --surface-3:#e8eef3;
  --text:#17232d;
  --text-2:#465766;
  --muted:#728292;
  --line:#dbe4ea;
  --green:#0a8f61;
  --green-dark:#066846;
  --green-soft:#daf3e8;
  --lime:#b8f35d;
  --orange:#ffb454;
  --red:#d95f67;
  --blue:#3972e6;
  --purple:#7257d8;
  --radius:18px;
  --radius-lg:26px;
  --shadow-sm:0 8px 24px rgba(20,57,42,.07);
  --shadow:0 20px 55px rgba(20,57,42,.11);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;min-width:320px;background:#ffffff;color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden
}
body.menu-open{overflow:hidden}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
img,svg{max-width:100%}
.container{width:min(var(--container),calc(100% - 32px));margin-inline:auto}
.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:10px 14px;background:#ffffff;border-radius:10px;transform:translateY(-140%)}
.skip-link:focus{transform:translateY(0)}
code{padding:.15em .38em;border-radius:6px;background:#e6eeea;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}

/* bonus rail */
.bonus-rail{background:#11251c;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}
.bonus-rail-inner{min-height:42px;display:flex;align-items:center;gap:14px;overflow:hidden}
.rail-label{flex:0 0 auto;display:flex;align-items:center;gap:7px;color:var(--lime);font-size:.76rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.rail-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime)}
.rail-items{display:flex;gap:9px;overflow-x:auto;scrollbar-width:none}
.rail-items::-webkit-scrollbar{display:none}
.rail-item{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.075);font-size:.8rem;color:#dce9e3}
.rail-item b{color:#fff}
.rail-item span{color:#a9bcb3}

/* header */
.site-header{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:72px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.14rem;font-weight:900;letter-spacing:-.04em}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--green),#19b77f);color:white;font-size:.86rem;box-shadow:0 8px 22px rgba(10,143,97,.2)}
.brand span:last-child span{color:var(--green)}
.nav-links{display:flex;align-items:center;gap:3px;margin-left:auto}
.nav-links>a{padding:10px 11px;border-radius:10px;color:var(--text-2);text-decoration:none;font-size:.91rem;font-weight:680}
.nav-links>a:hover{background:var(--surface-2);color:var(--text)}
.nav-cta{margin-left:5px}
.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);cursor:pointer}
.menu-toggle span{display:block;width:19px;height:2px;margin:4px auto;border-radius:2px;background:currentColor;transition:.2s}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.search-button{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#ffffff;cursor:pointer;color:var(--text-2)}
.search-button:hover{background:var(--surface-2)}

/* buttons */
.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:12px;text-decoration:none;font-weight:800;font-size:.92rem;cursor:pointer;transition:.18s}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:17px;height:17px}
.btn-primary{background:var(--green);color:#fff;box-shadow:0 10px 22px rgba(10,143,97,.16)}
.btn-primary:hover{background:var(--green-dark)}
.btn-secondary{background:#ffffff;border-color:var(--line);color:var(--text)}
.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-2)}
.btn-disabled{pointer-events:none;opacity:.5}
.text-link{display:inline-flex;align-items:center;gap:6px;color:var(--green-dark);font-weight:800;text-decoration:none}
.text-link svg{width:17px;height:17px;transition:.18s}
.text-link:hover svg{transform:translateX(3px)}

/* category strip */
.category-strip{background:#ffffff;border-bottom:1px solid var(--line)}
.category-scroll{display:flex;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:none}
.category-scroll::-webkit-scrollbar{display:none}
.category-chip{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text-2);font-size:.83rem;font-weight:720;text-decoration:none}
.category-chip:hover,.category-chip.active{border-color:#a7d8c4;background:var(--green-soft);color:var(--green-dark)}
.category-icon{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--surface-2);font-size:.78rem}

/* portal hero */
.portal-hero{padding:30px 0 22px}
.portal-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:20px;align-items:stretch}
.featured-panel{
  position:relative;min-height:330px;padding:31px;border-radius:var(--radius-lg);overflow:hidden;color:#fff;
  background:
    radial-gradient(circle at 86% 18%,rgba(184,243,93,.29),transparent 25%),
    radial-gradient(circle at 80% 90%,rgba(35,189,128,.35),transparent 31%),
    linear-gradient(135deg,#0f3124,#0b6f4b);
  box-shadow:var(--shadow)
}
.featured-panel::after{content:"";position:absolute;right:-80px;bottom:-110px;width:330px;height:330px;border:54px solid rgba(255,255,255,.07);border-radius:50%}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;color:#d7ffd0}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lime)}
.featured-panel h1{max-width:690px;margin:15px 0 14px;font-size:clamp(2.2rem,5vw,4.35rem);line-height:1;letter-spacing:-.06em}
.featured-panel p{max-width:650px;margin:0;color:#cce2d8;font-size:1.02rem}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.hero-actions .btn-primary{background:var(--lime);color:#17301f;box-shadow:none}
.hero-actions .btn-primary:hover{background:#cbff7e}
.hero-actions .btn-secondary{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16);color:#fff}
.hero-metrics{position:absolute;right:30px;bottom:26px;z-index:2;display:flex;gap:10px}
.hero-metric{min-width:100px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(7,34,24,.45);backdrop-filter:blur(10px)}
.hero-metric strong{display:block;font-size:1.28rem}
.hero-metric span{font-size:.72rem;color:#bad2c8}

/* quiz */
.quiz-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#ffffff;box-shadow:var(--shadow-sm)}
.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.quiz-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:#fff3df;color:#9a5b0b;font-size:.73rem;font-weight:850;text-transform:uppercase}
.quiz-progress{color:var(--muted);font-size:.77rem}
.quiz-card h2{margin:18px 0 8px;font-size:1.55rem;letter-spacing:-.035em}
.quiz-card p{margin:0;color:var(--muted);font-size:.91rem}
.quiz-options{display:grid;gap:8px;margin:18px 0}
.quiz-option{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#ffffff;cursor:pointer;text-align:left;color:var(--text-2)}
.quiz-option:hover,.quiz-option.selected{border-color:#9bd5bd;background:var(--green-soft);color:var(--green-dark)}
.quiz-result{display:none;margin-top:15px;padding:14px;border-radius:13px;background:var(--green-soft);color:var(--green-dark);font-size:.87rem}
.quiz-result.show{display:block}

/* sections */
.section{padding:34px 0}
.section-soft{background:#f4f7f9;border-block:1px solid var(--line)}
.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-header h2,.content-block h2{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.045em}
.section-header p{max-width:610px;margin:0;color:var(--muted);font-size:.91rem}
.kicker{margin-bottom:6px;color:var(--green);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.tag{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#ffffff;color:var(--muted);font-size:.73rem;font-weight:760}
.tag-green{border-color:#b9e2d1;background:var(--green-soft);color:var(--green-dark)}
.tag-orange{border-color:#f5d5aa;background:#fff5e7;color:#9a5c0d}

/* ranking */
.ranking-shell{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px}
.ranking-list{display:grid;gap:10px}
.rank-card{
  display:grid;grid-template-columns:42px 54px minmax(140px,1fr) minmax(150px,1fr) 90px auto;
  gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px;background:#ffffff;box-shadow:0 4px 14px rgba(20,57,42,.035)
}
.rank-number{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--green-dark);font-weight:900}
.brand-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--green-soft);color:var(--green-dark);font-weight:900}
.rank-name strong{display:block;font-size:1rem}
.rank-name span{color:var(--muted);font-size:.77rem}
.rank-bonus b{display:block;font-size:.89rem}
.rank-bonus span{color:var(--muted);font-size:.75rem}
.rating{display:flex;align-items:center;gap:5px;font-weight:900}
.rating::before{content:"★";color:var(--orange)}
.rank-actions{display:flex;gap:7px}
.rank-actions .btn{min-height:40px;padding:8px 12px}
.side-picks{display:grid;gap:11px;align-content:start}
.side-card{padding:18px;border:1px solid var(--line);border-radius:17px;background:#f8fbfd}
.side-card h3{margin:0 0 7px;font-size:1.03rem}
.side-card p{margin:0 0 13px;color:var(--muted);font-size:.84rem}
.side-card.highlight{background:#15291f;color:#fff;border-color:#15291f}
.side-card.highlight p{color:#b9ccc3}

/* category tiles */
.tile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.category-tile{min-height:128px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff;text-decoration:none;transition:.18s}
.category-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#b9dace}
.tile-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:17px;border-radius:12px;background:var(--surface-2);color:var(--green-dark);font-weight:900}
.category-tile strong{display:block;font-size:.92rem}
.category-tile span{display:block;margin-top:3px;color:var(--muted);font-size:.76rem}

/* bonuses */
.bonus-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bonus-card{display:flex;flex-direction:column;min-height:225px;padding:18px;border:1px solid var(--line);border-radius:17px;background:#f8fbfd}
.bonus-head{display:flex;align-items:center;gap:10px}
.bonus-head .brand-avatar{width:42px;height:42px;border-radius:12px}
.bonus-card h3{margin:16px 0 6px;font-size:1.08rem}
.bonus-card p{margin:0;color:var(--muted);font-size:.83rem}
.bonus-card .btn{width:100%;margin-top:auto}
.promo-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0;padding:9px 10px;border:1px dashed #b6ccc2;border-radius:10px;background:var(--surface-2);font-size:.78rem}
.promo-line code{background:transparent;padding:0;color:var(--green-dark);font-weight:850}

/* games */
.game-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.game-card{position:relative;min-height:180px;padding:16px;border-radius:17px;overflow:hidden;color:#fff;background:linear-gradient(145deg,#204637,#0f6d4b)}
.game-card:nth-child(2){background:linear-gradient(145deg,#3c2f67,#795ad5)}
.game-card:nth-child(3){background:linear-gradient(145deg,#683825,#da7f38)}
.game-card:nth-child(4){background:linear-gradient(145deg,#183b60,#3679bb)}
.game-card:nth-child(5){background:linear-gradient(145deg,#5a2641,#c04d82)}
.game-card:nth-child(6){background:linear-gradient(145deg,#3e4b1d,#92aa35)}
.game-card::after{content:"";position:absolute;right:-30px;bottom:-35px;width:130px;height:130px;border:24px solid rgba(255,255,255,.09);border-radius:50%}
.game-card span{position:relative;z-index:2;color:#d8e6df;font-size:.75rem}
.game-card strong{position:absolute;left:16px;bottom:15px;z-index:2;font-size:1.03rem}
.guide-card{height:100%;padding:22px;border-radius:18px;background:#17261f;color:#fff}
.guide-card h3{margin:14px 0 8px;font-size:1.45rem;letter-spacing:-.04em}
.guide-card p{color:#b9cbc3;font-size:.9rem}
.guide-list{display:grid;gap:8px;margin:18px 0}
.guide-list a{padding:10px 11px;border-radius:11px;background:rgba(255,255,255,.07);color:#e5efe9;text-decoration:none;font-size:.83rem}

/* editorial */
.editorial-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}
.feature-article{min-height:300px;padding:25px;border:1px solid var(--line);border-radius:19px;background:#f8fbfd}
.article-meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:.75rem}
.feature-article h3{max-width:650px;margin:45px 0 12px;font-size:1.7rem;letter-spacing:-.04em}
.feature-article p{color:var(--muted)}
.article-list{display:grid;gap:10px}
.article-row{padding:16px;border:1px solid var(--line);border-radius:15px;background:#f8fbfd}
.article-row span{color:var(--muted);font-size:.73rem}
.article-row h3{margin:7px 0 0;font-size:.96rem}

/* reviews */
.review-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.user-review{padding:17px;border:1px solid var(--line);border-radius:16px;background:#f8fbfd}
.review-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.user{display:flex;align-items:center;gap:9px}
.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--surface-3);font-weight:850;color:var(--green-dark)}
.user-review p{margin:14px 0 0;color:var(--text-2);font-size:.85rem}
.review-stars{color:var(--orange);font-size:.8rem}

/* disclosure/footer */
.disclosure{display:grid;grid-template-columns:auto 1fr;gap:13px;padding:18px;border:1px solid #bfe1d3;border-radius:16px;background:var(--green-soft)}
.disclosure-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffffff;color:var(--green-dark)}
.disclosure h3{margin:0 0 4px;font-size:1rem}
.disclosure p{margin:0;color:#456559;font-size:.84rem}
.footer{padding:42px 0 85px;border-top:1px solid var(--line);background:#ffffff;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:25px}
.footer p{max-width:760px;font-size:.85rem}
.footer-links{display:flex;gap:12px;flex-wrap:wrap}
.footer-links a{text-decoration:none;color:var(--text-2);font-size:.85rem}

/* inherited article/review pages */
.page-hero,.comparison-hero{padding:34px 0 18px}
.breadcrumbs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:.82rem}
.breadcrumbs a{text-decoration:none;color:var(--text-2)}
.review-heading{display:flex;align-items:center;gap:15px}
.review-heading .brand-avatar{width:60px;height:60px;border-radius:17px}
.review-heading h1,.comparison-hero h1{margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1;letter-spacing:-.055em}
.page-subtitle,.lead{max-width:800px;margin:16px 0 0;color:var(--text-2);font-size:1rem}
.info-banner{display:flex;gap:10px;margin-top:20px;padding:14px 15px;border:1px solid #ead4ae;border-radius:13px;background:#fff5e5;color:#7d591e;font-size:.86rem}
.info-banner svg{width:19px;height:19px;flex:0 0 auto}
.article-tabs{position:sticky;top:72px;z-index:45;border-block:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.article-tabs .container{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.article-tabs .container::-webkit-scrollbar{display:none}
.article-tabs a{flex:0 0 auto;padding:13px 12px;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;font-size:.82rem;font-weight:750}
.article-tabs a:hover{border-color:var(--green);color:var(--green-dark)}
.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.review-main{min-width:0}
.review-aside{position:sticky;top:135px}
.content-block{padding:22px;border:1px solid var(--line);border-radius:17px;background:#f8fbfd}
.content-block+.content-block{margin-top:13px}
.block-head{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-bottom:15px}
.block-head h2{font-size:1.42rem}
.score-display{display:flex;align-items:center;gap:10px}
.score-large{font-size:2.35rem;font-weight:950;color:var(--green)}
.score-label{color:var(--muted);font-size:.79rem}
.fact-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--line)}
.fact{padding:14px;background:#f8fbfd}
.fact span{display:block;margin-bottom:4px;color:var(--muted);font-size:.74rem}
.fact strong{display:block;font-size:.9rem}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.list-panel{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.list-panel h3{margin:0;font-size:.98rem}
.list-panel ul{margin:11px 0 0;padding-left:18px;color:var(--text-2);font-size:.86rem}
.list-panel.good h3{color:var(--green-dark)}
.list-panel.warn h3{color:var(--red)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.step{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.step-num{color:var(--green);font-size:.7rem;font-weight:850;letter-spacing:.08em}
.step h3{margin:7px 0 4px;font-size:.95rem}
.step p{margin:0;color:var(--muted);font-size:.82rem}
.alt-card{overflow:hidden;border:1px solid #a9d9c5;border-radius:18px;background:#ffffff;box-shadow:var(--shadow-sm)}
.alt-card-top{padding:19px}
.alt-head{display:flex;align-items:center;gap:10px;margin:13px 0}
.alt-head h3{margin:0}
.alt-card p{color:var(--text-2);font-size:.86rem}
.alt-list{display:grid;gap:8px;margin:14px 0;padding:0;list-style:none}
.alt-list li{display:flex;gap:8px;color:var(--text-2);font-size:.82rem}
.alt-list li::before{content:"✓";color:var(--green);font-weight:900}
.alt-actions{display:grid;gap:8px;padding:15px 19px;border-top:1px solid var(--line);background:var(--surface-2)}
.alt-note{text-align:center;color:var(--muted);font-size:.72rem}
.mobile-cta{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:9px 12px calc(9px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
.mobile-cta-inner{display:flex;align-items:center;gap:9px}
.mobile-cta-copy{min-width:0;flex:1}
.mobile-cta-copy strong,.mobile-cta-copy span{display:block}
.mobile-cta-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.71rem}
.versus-row{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.versus-brand{display:flex;align-items:center;gap:9px}
.versus-label{color:var(--muted);font-size:.73rem}
.vs-badge{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.68rem;font-weight:900}
.comparison-board{display:grid;gap:8px}
.comparison-row{display:grid;grid-template-columns:minmax(130px,.75fr) 1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#f8fbfd}
.comparison-row>div{padding:13px}
.comparison-row>div+div{border-left:1px solid var(--line)}
.comparison-row.header{background:var(--surface-2);color:var(--muted);font-size:.76rem;font-weight:800}
.comparison-key{color:var(--muted);font-size:.82rem}
.comparison-value{font-size:.87rem}
.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}
.choice-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#f8fbfd}
.choice-card.featured{border-color:#a9d9c5;background:var(--green-soft)}
.choice-card p{color:var(--muted);font-size:.86rem}
.choice-card .btn{width:100%}
.age-gate{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:18px;background:rgba(16,31,24,.82);backdrop-filter:blur(16px)}
.age-gate.active{display:grid}
.age-box{width:min(490px,100%);padding:26px;border-radius:22px;background:#ffffff;box-shadow:var(--shadow)}
.age-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:var(--green-soft);color:var(--green-dark);font-weight:950}
.age-box h2{margin:17px 0 6px}
.age-box p{color:var(--text-2)}
.button-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:19px}

/* responsive */
@media(max-width:1000px){
  .portal-grid,.ranking-shell,.game-layout,.editorial-grid{grid-template-columns:1fr}
  .tile-grid{grid-template-columns:repeat(3,1fr)}
  .bonus-grid{grid-template-columns:repeat(2,1fr)}
  .review-layout{grid-template-columns:1fr}
  .review-aside{position:static}
}
@media(max-width:800px){
  .container{width:min(100% - 24px,var(--container))}
  .bonus-rail-inner{min-height:38px}
  .nav{min-height:64px}
  .menu-toggle{display:block;margin-left:auto}
  .search-button{display:none}
  .nav-links{
    position:fixed;inset:64px 12px auto 12px;display:grid;gap:3px;margin:0;padding:10px;
    border:1px solid var(--line);border-radius:17px;background:#ffffff;box-shadow:var(--shadow);
    opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s
  }
  .nav-links.open{opacity:1;visibility:visible;transform:none}
  .nav-links>a{padding:12px 13px}
  .nav-cta{margin:5px 0 0}
  .nav-cta .btn{width:100%}
  .portal-hero{padding-top:20px}
  .featured-panel{min-height:400px;padding:24px}
  .featured-panel h1{font-size:clamp(2.2rem,11vw,3.5rem)}
  .hero-metrics{left:24px;right:auto;bottom:22px}
  .section{padding:28px 0}
  .section-header{align-items:flex-start;flex-direction:column;gap:5px}
  .rank-card{grid-template-columns:34px 46px 1fr auto}
  .rank-bonus{grid-column:3/5}
  .rating{grid-column:3}
  .rank-actions{grid-column:4}
  .rank-actions .btn-secondary{display:none}
  .tile-grid{grid-template-columns:repeat(2,1fr)}
  .game-grid{grid-template-columns:repeat(2,1fr)}
  .review-feed{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .article-tabs{top:64px}
  .mobile-cta{display:block}
  .fact-list,.pros-cons,.steps,.choice-cards{grid-template-columns:1fr}
  .comparison-row{grid-template-columns:1fr 1fr}
  .comparison-row .comparison-key{grid-column:1/-1;border-bottom:1px solid var(--line);background:var(--surface-2);font-weight:750}
  .comparison-row>div:nth-child(2){border-left:0}
  .comparison-row.header{display:none}
}
@media(max-width:520px){
  .container{width:min(100% - 20px,var(--container))}
  .rail-label{display:none}
  .featured-panel{min-height:440px;padding:21px}
  .hero-actions{display:grid}
  .hero-actions .btn{width:100%}
  .hero-metrics{right:20px;left:20px;display:grid;grid-template-columns:1fr 1fr}
  .hero-metric{min-width:0}
  .bonus-grid,.game-grid{grid-template-columns:1fr}
  .tile-grid{grid-template-columns:1fr 1fr}
  .category-tile{min-height:112px}
  .rank-card{grid-template-columns:30px 42px 1fr}
  .rank-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr}
  .rank-actions .btn{width:100%}
  .rank-bonus{grid-column:3}
  .rating{grid-column:3}
  .review-heading{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}


/* Real game artwork */
.game-grid-real{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.game-card-real{
  position:relative;
  display:block;
  aspect-ratio:398/640;
  min-height:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#101715;
  color:#fff;
  text-decoration:none;
  box-shadow:var(--shadow-sm);
  isolation:isolate;
  transition:transform .2s, box-shadow .2s;
}
.game-card-real:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow);
}
.game-card-real img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transition:transform .35s;
}
.game-card-real:hover img{transform:scale(1.035)}
.game-card-real::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(5,12,9,.04) 36%,rgba(5,12,9,.94) 100%);
}
.game-card-content{
  position:absolute;
  inset:auto 0 0;
  z-index:2;
  padding:46px 15px 15px;
}
.game-provider{
  display:inline-flex;
  margin-bottom:6px;
  padding:4px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  color:#eef9f4;
  font-size:.68rem;
  font-weight:780;
}
.game-card-real strong{
  display:block;
  font-size:1rem;
  line-height:1.2;
}
.game-card-real small{
  display:block;
  margin-top:4px;
  color:#cddbd5;
  font-size:.73rem;
}

/* Game detail */
.game-detail-hero{
  padding:34px 0 26px;
}
.game-detail-grid{
  display:grid;
  grid-template-columns:minmax(260px,390px) minmax(0,1fr);
  gap:28px;
  align-items:center;
}
.game-cover{
  position:relative;
  aspect-ratio:398/640;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:24px;
  background:#14201a;
  box-shadow:var(--shadow);
}
.game-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
.game-detail-copy h1{
  margin:12px 0 14px;
  font-size:clamp(2.2rem,5vw,4.3rem);
  line-height:1;
  letter-spacing:-.055em;
}
.game-detail-copy p{
  max-width:700px;
  color:var(--text-2);
  font-size:1.02rem;
}
.game-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:22px 0;
}
.game-fact{
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:var(--surface-2);
}
.game-fact span{
  display:block;
  color:var(--muted);
  font-size:.72rem;
}
.game-fact strong{
  display:block;
  margin-top:3px;
  font-size:.9rem;
}
.artwork-credit{
  margin-top:12px;
  color:var(--muted);
  font-size:.74rem;
}
.artwork-credit a{
  color:var(--green-dark);
}
.game-review-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.game-review-panel{
  padding:20px;
  border:1px solid var(--line);
  border-radius:17px;
  background:#fff;
}
.game-review-panel h2{
  margin:0 0 10px;
  font-size:1.35rem;
}
.game-review-panel p,
.game-review-panel li{
  color:var(--text-2);
  font-size:.88rem;
}
.game-review-panel ul{
  padding-left:19px;
}
@media(max-width:1000px){
  .game-detail-grid{grid-template-columns:300px minmax(0,1fr)}
}
@media(max-width:800px){
  .game-grid-real{grid-template-columns:repeat(2,minmax(0,1fr))}
  .game-detail-grid{grid-template-columns:1fr}
  .game-cover{width:min(100%,420px);margin-inline:auto}
}
@media(max-width:520px){
  .game-grid-real{gap:10px}
  .game-card-content{padding:34px 11px 11px}
  .game-card-real strong{font-size:.88rem}
  .game-card-real small{font-size:.66rem}
  .game-provider{font-size:.61rem}
  .game-facts,.game-review-columns{grid-template-columns:1fr}
}

/* КазиноРазбор wordmark */
.brand > span:last-child{
  white-space:nowrap;
}
.brand > span:last-child span{
  color:var(--green);
}
@media(max-width:390px){
  .brand{
    font-size:1rem;
  }
  .brand-mark{
    width:35px;
    height:35px;
  }
}



/* --- Modern global background upgrade --- */
:root{
  --bg-accent-a: rgba(110, 170, 210, .18);
  --bg-accent-b: rgba(97, 210, 173, .12);
  --bg-accent-c: rgba(149, 130, 220, .10);
  --bg-accent-d: rgba(255, 255, 255, .72);
  --surface-frost: rgba(255,255,255,.82);
  --surface-glow: rgba(232,241,247,.75);
}

html{
  background:
    radial-gradient(circle at 10% 0%, var(--bg-accent-a), transparent 26rem),
    radial-gradient(circle at 100% 8%, var(--bg-accent-b), transparent 24rem),
    linear-gradient(180deg, #f8fbfd 0%, #f5f9fc 42%, #ffffff 100%);
  min-height:100%;
}

body{
  background:
    radial-gradient(circle at 10% 0%, var(--bg-accent-a), transparent 28rem),
    radial-gradient(circle at 95% 12%, var(--bg-accent-b), transparent 24rem),
    radial-gradient(circle at 75% 55%, var(--bg-accent-c), transparent 28rem),
    linear-gradient(180deg, #f8fbfd 0%, #f4f8fb 38%, #ffffff 100%) !important;
  position:relative;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.8), transparent 18rem),
    radial-gradient(circle at 85% 4%, rgba(255,255,255,.55), transparent 18rem),
    linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,0));
}

body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.22;
  background-image:
    linear-gradient(rgba(130,156,175,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(130,156,175,.08) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.5), transparent 70%);
}

.site-header{
  background:rgba(255,255,255,.82) !important;
  backdrop-filter:blur(18px) saturate(135%);
  box-shadow:0 8px 30px rgba(20,57,42,.04);
}

.category-strip{
  background:rgba(255,255,255,.78) !important;
  backdrop-filter:blur(14px);
}

.section-soft{
  background:
    linear-gradient(180deg, rgba(242,247,251,.95), rgba(247,250,252,.92)) !important;
}

.quiz-card,
.rank-card,
.side-card,
.category-tile,
.bonus-card,
.feature-article,
.article-row,
.user-review,
.content-block,
.choice-card,
.game-review-panel,
.alt-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,252,253,.92)) !important;
  box-shadow:
    0 10px 26px rgba(20,57,42,.06),
    0 1px 0 rgba(255,255,255,.9) inset;
}

.rank-card:hover,
.category-tile:hover,
.game-card-real:hover,
.bonus-card:hover,
.article-row:hover{
  box-shadow:
    0 18px 36px rgba(20,57,42,.10),
    0 1px 0 rgba(255,255,255,.95) inset;
}

.disclosure{
  background:
    linear-gradient(180deg, rgba(226,245,237,.92), rgba(238,250,245,.96)) !important;
}

.footer{
  background:
    linear-gradient(180deg, rgba(252,253,254,.9), rgba(244,248,250,.96)) !important;
}

.portal-hero{
  position:relative;
}

.portal-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:100%;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 12%, rgba(110,170,210,.12), transparent 20rem),
    radial-gradient(circle at 82% 18%, rgba(97,210,173,.10), transparent 18rem);
  z-index:0;
}

.portal-hero .container{
  position:relative;
  z-index:1;
}

.featured-panel{
  box-shadow:
    0 24px 60px rgba(9,68,47,.18),
    0 1px 0 rgba(255,255,255,.08) inset !important;
}

.game-card-real{
  box-shadow:
    0 14px 28px rgba(20,57,42,.08),
    0 1px 0 rgba(255,255,255,.22) inset !important;
}

.game-cover{
  box-shadow:
    0 20px 48px rgba(20,57,42,.13),
    0 1px 0 rgba(255,255,255,.20) inset !important;
}

.info-banner{
  background:
    linear-gradient(180deg, rgba(255,248,233,.95), rgba(255,244,223,.96)) !important;
}

.age-box{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(249,252,253,.96)) !important;
  box-shadow:
    0 26px 70px rgba(17,39,31,.25),
    0 1px 0 rgba(255,255,255,.9) inset !important;
}

@media(max-width:800px){
  body::after{
    opacity:.15;
    background-size:26px 26px;
  }
}


/* Downloaded logos and editorial images */
.brand-avatar.brand-logo{
  padding:5px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
}
.brand-avatar.brand-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.brand-avatar.brand-logo.is-cover{
  padding:0;
  background:#0c2137;
}
.brand-avatar.brand-logo.is-cover img{
  object-fit:cover;
}
.brand-avatar.brand-logo.logo-wide{
  padding:8px 4px;
}
.rail-item{
  padding-left:7px;
}
.rail-logo{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
  border-radius:7px;
  background:#fff;
  padding:2px;
}
.brand-visual{
  display:grid;
  place-items:center;
  min-height:190px;
  margin:22px 0 0;
  padding:22px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:
    radial-gradient(circle at 85% 5%, rgba(10,143,97,.12), transparent 16rem),
    linear-gradient(135deg,#f8fbfd,#edf4f1);
  box-shadow:var(--shadow-sm);
}
.brand-visual img{
  display:block;
  max-width:min(100%,720px);
  max-height:310px;
  object-fit:contain;
  border-radius:14px;
}
.brand-visual.is-screen{
  padding:0;
  background:#151515;
}
.brand-visual.is-screen img{
  width:100%;
  max-width:none;
  max-height:410px;
  object-fit:cover;
  object-position:top;
  border-radius:0;
}
.brand-visual.is-banner img{
  width:100%;
  max-width:780px;
}
.media-caption{
  margin-top:8px;
  color:var(--muted);
  font-size:.72rem;
}
.side-card-logo{
  width:92px;
  height:74px;
  display:grid;
  place-items:center;
  margin-bottom:12px;
  padding:7px;
  border-radius:14px;
  background:rgba(255,255,255,.9);
}
.side-card-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.feature-article.with-media{
  padding:0;
  overflow:hidden;
}
.feature-media{
  position:relative;
  height:190px;
  overflow:hidden;
}
.feature-media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(6,20,14,.35));
}
.feature-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.feature-article-body{
  padding:22px 25px 25px;
}
.feature-article.with-media h3{
  margin:22px 0 12px;
}
.asset-disclaimer{
  margin-top:12px;
  color:var(--muted);
  font-size:.74rem;
}
@media(max-width:800px){
  .brand-visual{
    min-height:150px;
    padding:16px;
  }
  .brand-visual img{
    max-height:240px;
  }
  .feature-media{
    height:165px;
  }
}

/* SEO content architecture */
.content-hero{padding:38px 0 24px}
.content-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.content-hero h1{margin:10px 0 14px;max-width:860px;font-size:clamp(2.15rem,5vw,4.2rem);line-height:1;letter-spacing:-.055em}
.content-hero p{max-width:780px;margin:0;color:var(--text-2);font-size:1rem}
.keyword-panel{padding:18px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm)}
.keyword-panel h2{margin:0 0 11px;font-size:1rem}
.keyword-chips{display:flex;flex-wrap:wrap;gap:7px}
.keyword-chip{display:inline-flex;padding:6px 9px;border:1px solid #bfd7cc;border-radius:999px;background:var(--green-soft);color:var(--green-dark);font-size:.74rem;font-weight:750}
.article-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}
.article-content{min-width:0}
.article-sidebar{position:sticky;top:92px}
.toc-card,.related-card,.source-card{padding:17px;border:1px solid var(--line);border-radius:16px;background:#fff}
.toc-card+.related-card,.related-card+.source-card{margin-top:11px}
.toc-card h2,.related-card h2,.source-card h2{margin:0 0 10px;font-size:.98rem}
.toc-card a,.related-card a{display:block;padding:7px 0;border-bottom:1px solid var(--line);color:var(--text-2);text-decoration:none;font-size:.82rem}
.toc-card a:last-child,.related-card a:last-child{border-bottom:0}
.editorial-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:17px;color:var(--muted);font-size:.78rem}
.prose-section{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}
.prose-section+.prose-section{margin-top:13px}
.prose-section h2{margin:0 0 11px;font-size:1.42rem;letter-spacing:-.035em}
.prose-section h3{margin:18px 0 7px;font-size:1.05rem}
.prose-section p,.prose-section li{color:var(--text-2);font-size:.91rem}
.prose-section p:last-child{margin-bottom:0}
.faq-list{display:grid;gap:9px}
.faq-item{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--surface-2)}
.faq-item h3{margin:0 0 6px;font-size:.95rem}.faq-item p{margin:0}
.brand-directory{display:grid;gap:10px}
.directory-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}
.directory-card .brand-avatar{width:48px;height:48px}
.directory-copy strong{display:block}.directory-copy span{color:var(--muted);font-size:.78rem}.directory-copy p{margin:5px 0 0;color:var(--text-2);font-size:.83rem}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.check-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.check-card strong{display:block;margin-bottom:5px}.check-card span{color:var(--muted);font-size:.82rem}
.geo-callout{padding:16px;border-left:4px solid var(--green);border-radius:0 13px 13px 0;background:var(--green-soft);color:var(--green-dark)}
.site-map-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.site-map-card{padding:17px;border:1px solid var(--line);border-radius:15px;background:#fff}
.site-map-card h3{margin:0 0 8px;font-size:1rem}.site-map-card a{display:block;padding:5px 0;color:var(--text-2);text-decoration:none;font-size:.82rem}
.author-card{display:flex;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--surface-2)}
.author-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--green);color:#fff;font-weight:900}
.author-card p{margin:2px 0 0;color:var(--muted);font-size:.78rem}
@media(max-width:900px){.content-hero-grid,.article-shell{grid-template-columns:1fr}.article-sidebar{position:static}.site-map-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.check-grid,.site-map-grid{grid-template-columns:1fr}.directory-card{grid-template-columns:46px minmax(0,1fr)}.directory-card>.btn{grid-column:1/-1;width:100%}.prose-section{padding:18px}}


/* ===== Mobile-first optimization ===== */
:root{
  --mobile-nav-h:66px;
}

html{
  scroll-padding-top:86px;
}

body{
  overflow-x:hidden;
}

img,svg,video{
  max-width:100%;
}

button,
.btn,
.nav-links a,
.category-chip,
.demo-tab,
.text-link{
  min-height:44px;
}

.table-scroll,
.comparison-board,
.rank-table{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}

.mobile-bottom-nav{
  display:none;
}

@media (max-width: 900px){
  body{
    padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));
  }

  .bonus-rail{
    display:none;
  }

  .site-header{
    position:sticky;
    top:0;
    z-index:220;
    backdrop-filter:blur(18px) saturate(140%);
  }

  .site-header .nav{
    min-height:62px;
    padding-block:8px;
  }

  .brand{
    font-size:1.02rem;
  }

  .brand-mark{
    width:38px;
    height:38px;
    border-radius:11px;
  }

  .menu-toggle{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid var(--line);
    border-radius:12px;
    background:#fff;
  }

  .nav-links{
    position:fixed;
    top:68px;
    left:12px;
    right:12px;
    max-height:calc(100dvh - 150px);
    overflow:auto;
    display:none;
    padding:10px;
    border:1px solid var(--line);
    border-radius:17px;
    background:rgba(255,255,255,.98);
    box-shadow:0 22px 60px rgba(20,57,42,.18);
  }

  .nav-links.open{
    display:grid;
    gap:4px;
  }

  .nav-links a,
  .nav-links .nav-cta,
  .nav-links .nav-cta a{
    width:100%;
  }

  .nav-links a{
    display:flex;
    align-items:center;
    padding:10px 12px;
    border-radius:11px;
  }

  .nav-links a:hover,
  .nav-links a:focus-visible{
    background:var(--surface-2);
  }

  .category-strip{
    position:relative;
    top:auto;
  }

  .category-strip .container{
    padding-inline:0;
  }

  .category-scroll{
    padding:8px 14px;
    scroll-padding-left:14px;
  }

  .category-chip{
    padding:9px 12px;
  }

  .portal-hero,
  .content-hero,
  .comparison-hero,
  .game-detail-hero{
    padding:24px 0 18px;
  }

  .portal-hero-grid,
  .content-hero-grid,
  .game-layout,
  .game-detail-grid,
  .article-shell,
  .footer-grid{
    grid-template-columns:1fr !important;
  }

  .portal-hero h1,
  .content-hero h1,
  .comparison-hero h1,
  .game-detail-copy h1{
    font-size:clamp(2rem,10vw,3rem);
    line-height:1.02;
    letter-spacing:-.045em;
  }

  .portal-hero .lead,
  .content-hero p,
  .comparison-hero .lead{
    font-size:.95rem;
  }

  .featured-panel,
  .quiz-card,
  .keyword-panel{
    border-radius:18px;
  }

  .button-row{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
  }

  .button-row .btn,
  .hero-actions .btn,
  .rank-actions .btn,
  .choice-card .btn{
    width:100%;
    justify-content:center;
  }

  .section{
    padding:38px 0;
  }

  .section-header{
    display:block;
    margin-bottom:18px;
  }

  .section-header h2{
    font-size:1.65rem;
  }

  .section-header p{
    margin-top:8px;
    max-width:none;
  }

  .rank-list,
  .bonus-grid,
  .review-feed,
  .site-map-grid,
  .choice-cards,
  .game-review-columns{
    grid-template-columns:1fr !important;
  }

  .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px;
  }

  .category-tile{
    min-height:124px;
    padding:15px;
  }

  .game-grid-real{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px;
  }

  .game-card-real{
    border-radius:15px;
  }

  .game-card-content{
    padding:36px 10px 10px;
  }

  .game-card-real strong{
    font-size:.86rem;
  }

  .game-card-real small{
    font-size:.66rem;
  }

  .game-provider{
    font-size:.58rem;
  }

  .rank-card{
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:10px;
    padding:13px;
  }

  .rank-card > .rank-score,
  .rank-card > .rank-actions{
    grid-column:1/-1;
  }

  .rank-card > .rank-score{
    justify-self:start;
  }

  .rank-card > .rank-actions{
    width:100%;
  }

  .brand-directory{
    gap:9px;
  }

  .directory-card{
    grid-template-columns:48px minmax(0,1fr) !important;
    padding:12px;
  }

  .directory-card > .btn{
    grid-column:1/-1;
    width:100%;
  }

  .prose-section{
    padding:17px;
    border-radius:15px;
  }

  .prose-section h2{
    font-size:1.25rem;
  }

  .check-grid,
  .game-facts{
    grid-template-columns:1fr !important;
  }

  .article-sidebar{
    position:static;
    order:-1;
  }

  .toc-card,
  .related-card{
    border-radius:14px;
  }

  .toc-card{
    overflow:auto;
  }

  .toc-card h2{
    position:sticky;
    left:0;
  }

  .toc-card a{
    display:inline-flex;
    width:max-content;
    margin-right:7px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
  }

  .comparison-board{
    margin-inline:-12px;
    padding-inline:12px;
  }

  .comparison-board .comparison-row{
    min-width:720px;
  }

  .versus-row{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }

  .vs-badge{
    justify-self:center;
    transform:rotate(90deg);
  }

  .versus-brand{
    width:100%;
  }

  .brand-visual{
    min-height:135px;
    padding:12px;
    border-radius:16px;
  }

  .brand-visual img{
    max-height:220px;
  }

  .brand-visual.is-screen img{
    max-height:290px;
  }

  .feature-media{
    height:150px;
  }

  .footer{
    padding-bottom:24px;
  }

  .footer-links{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:7px;
  }

  .footer-links a{
    min-height:44px;
    display:flex;
    align-items:center;
  }

  .age-gate{
    padding:14px;
  }

  .age-box{
    width:100%;
    max-width:430px;
    padding:22px 18px;
    border-radius:19px;
  }

  .mobile-bottom-nav{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:300;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    min-height:var(--mobile-nav-h);
    padding:6px 6px calc(6px + env(safe-area-inset-bottom));
    border-top:1px solid var(--line);
    background:rgba(255,255,255,.96);
    backdrop-filter:blur(18px) saturate(145%);
    box-shadow:0 -8px 30px rgba(20,57,42,.08);
  }

  .mobile-bottom-nav a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    min-width:0;
    color:var(--muted);
    text-decoration:none;
    font-size:.62rem;
    font-weight:800;
  }

  .mobile-bottom-nav a::before{
    font-size:1.15rem;
    line-height:1;
  }

  .mobile-bottom-nav a:nth-child(1)::before{content:"⌂"}
  .mobile-bottom-nav a:nth-child(2)::before{content:"★"}
  .mobile-bottom-nav a:nth-child(3)::before{content:"🎁"}
  .mobile-bottom-nav a:nth-child(4)::before{content:"🎰"}
  .mobile-bottom-nav a:nth-child(5)::before{content:"☰"}

  .mobile-bottom-nav a.active{
    color:var(--green-dark);
  }
}

@media (max-width: 520px){
  .container{
    width:min(100% - 24px,var(--container));
  }

  .category-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .category-tile{
    min-height:112px;
    padding:13px;
  }

  .category-tile h3{
    font-size:.92rem;
  }

  .game-grid-real{
    grid-template-columns:1fr 1fr !important;
  }

  .game-card-real{
    aspect-ratio:0.72;
  }

  .editorial-meta{
    gap:6px 10px;
  }

  .keyword-panel{
    padding:15px;
  }

  .keyword-chip{
    font-size:.68rem;
  }

  .footer-links{
    grid-template-columns:1fr;
  }

  .demo-note{
    display:none;
  }
}

@media (hover:none){
  .rank-card:hover,
  .category-tile:hover,
  .game-card-real:hover,
  .bonus-card:hover,
  .article-row:hover{
    transform:none !important;
  }
}


/* ===== Slots hub enhancement ===== */
.slots-hub{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) 360px;
  gap:18px;
  align-items:start;
}
.slots-main{
  display:grid;
  gap:16px;
}
.slots-panel{
  padding:18px;
  border:1px solid var(--line);
  border-radius:22px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.panel-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:14px;
}
.panel-head h3{
  margin:8px 0 0;
  font-size:1.28rem;
  letter-spacing:-.03em;
}
.panel-head p{
  max-width:420px;
  color:var(--text-2);
  font-size:.9rem;
  margin:0;
}
.provider-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.provider-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface-2);
}
.provider-rank{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:var(--green-soft);
  color:var(--green-dark);
  font-weight:900;
}
.provider-card strong{
  display:block;
  margin-bottom:4px;
}
.provider-card p{
  margin:0;
  color:var(--muted);
  font-size:.82rem;
}
.slots-carousel-shell{
  position:relative;
}
.slots-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px, 300px);
  gap:12px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding-bottom:6px;
  scrollbar-width:none;
}
.slots-carousel::-webkit-scrollbar{display:none}
.slot-slide{
  scroll-snap-align:start;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.slot-slide-media{
  display:block;
  aspect-ratio:1.28;
  overflow:hidden;
  background:#f2f6f7;
}
.slot-slide-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.slot-slide-body{
  padding:14px;
}
.slot-slide-provider{
  display:inline-flex;
  margin-bottom:6px;
  padding:5px 8px;
  border-radius:999px;
  background:var(--green-soft);
  color:var(--green-dark);
  font-size:.72rem;
  font-weight:800;
}
.slot-slide h3{
  margin:0 0 6px;
  font-size:1rem;
}
.slot-slide p{
  margin:0 0 10px;
  color:var(--text-2);
  font-size:.86rem;
}
.slot-slide-tags{
  margin-bottom:12px;
}
.slot-slide-tags span{
  display:inline-flex;
  padding:6px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:.72rem;
}
.carousel-arrow{
  position:absolute;
  top:40%;
  z-index:2;
  width:42px;
  height:42px;
  border:1px solid var(--line);
  border-radius:50%;
  background:rgba(255,255,255,.96);
  box-shadow:var(--shadow-sm);
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
}
.carousel-arrow.prev{left:-12px}
.carousel-arrow.next{right:-12px}
.sticky-column{
  position:sticky;
  top:92px;
}
.bigwin-list{
  display:grid;
  gap:10px;
}
.bigwin-item{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px;
  border:1px solid var(--line);
  border-radius:14px;
  background:var(--surface-2);
}
.bigwin-item img{
  width:84px;
  height:64px;
  object-fit:cover;
  border-radius:10px;
}
.bigwin-item strong{
  display:block;
  margin-bottom:4px;
  font-size:.9rem;
}
.bigwin-item p{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
}
@media (max-width: 1100px){
  .slots-hub{
    grid-template-columns:1fr;
  }
  .sticky-column{
    position:static;
  }
}
@media (max-width: 900px){
  .provider-grid{
    grid-template-columns:1fr;
  }
  .panel-head{
    display:block;
  }
  .panel-head p{
    max-width:none;
    margin-top:8px;
  }
  .carousel-arrow{
    display:none;
  }
  .slots-carousel{
    grid-auto-columns:minmax(240px, 84%);
  }
  .bigwin-item{
    grid-template-columns:76px minmax(0,1fr);
  }
  .bigwin-item img{
    width:76px;
    height:58px;
  }
}


/* ===== Dedicated premium slots page ===== */
.slots-page-hero{
  padding-bottom:20px;
}
.slots-top-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) 360px;
  gap:20px;
  align-items:start;
}
.slots-top-main{
  display:grid;
  gap:16px;
}
.premium-slot-shell,
.win-side-shell,
.slots-home-copy{
  position:relative;
  overflow:hidden;
  padding:20px;
  border:1px solid rgba(159,196,181,.35);
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(190,226,213,.28), transparent 30%),
    linear-gradient(180deg, #fbfcfd 0%, #f4f8fa 100%);
  box-shadow:0 18px 50px rgba(20,57,42,.08);
}
.premium-slot-shell::before,
.win-side-shell::before,
.slots-home-copy::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,.8), rgba(165,201,187,.3), rgba(255,255,255,.1));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.premium-slot-head{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  margin-bottom:16px;
}
.premium-slot-head h2{
  margin:8px 0 0;
  font-size:1.42rem;
  letter-spacing:-.04em;
}
.premium-slot-head p{
  max-width:360px;
  margin:0;
  color:var(--text-2);
  font-size:.9rem;
}
.lux-carousel-wrap{
  position:relative;
}
.lux-carousel{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(320px, 360px);
  gap:14px;
  overflow-x:auto;
  padding:4px 2px 10px;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
}
.lux-carousel::-webkit-scrollbar{display:none}
.lux-slot-card{
  scroll-snap-align:start;
  overflow:hidden;
  border:1px solid rgba(183,210,198,.55);
  border-radius:22px;
  background:
    linear-gradient(180deg, rgba(17,27,22,.98) 0%, rgba(25,39,31,.96) 100%);
  color:#fff;
  box-shadow:
    0 16px 40px rgba(9,17,13,.26),
    inset 0 1px 0 rgba(255,255,255,.06);
}
.lux-slot-image{
  position:relative;
  aspect-ratio:1.35;
  overflow:hidden;
  background:#1d2a23;
}
.lux-slot-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.02);
}
.lux-slot-image::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:58%;
  background:linear-gradient(180deg, transparent 0%, rgba(9,13,11,.12) 10%, rgba(9,13,11,.86) 100%);
}
.lux-slot-overlay{
  position:absolute;
  left:14px;
  right:14px;
  bottom:14px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lux-badge{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#f6fffb;
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(8px);
  font-size:.72rem;
  font-weight:800;
}
.lux-badge.secondary{
  background:rgba(194,228,214,.15);
}
.lux-slot-body{
  padding:16px;
}
.lux-slot-body h3{
  margin:0 0 8px;
  font-size:1.08rem;
  letter-spacing:-.02em;
}
.lux-slot-body p{
  margin:0 0 12px;
  color:rgba(255,255,255,.82);
  font-size:.86rem;
}
.lux-slot-actions .btn{
  width:100%;
  justify-content:center;
  background:#fff;
}
.lux-arrow{
  position:absolute;
  top:38%;
  z-index:4;
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#16241d;
  box-shadow:0 18px 34px rgba(20,57,42,.18);
  backdrop-filter:blur(12px);
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
}
.lux-arrow.prev{left:-10px}
.lux-arrow.next{right:-10px}

.provider-premium-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.provider-premium-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--surface-2);
}
.provider-premium-rank{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(135deg,#d8eee4,#ecf8f3);
  color:var(--green-dark);
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.provider-premium-copy strong{
  display:block;
  margin-bottom:4px;
}
.provider-premium-copy p{
  margin:0;
  color:var(--muted);
  font-size:.82rem;
}

.win-side-shell{
  position:sticky;
  top:92px;
}
.win-side-list{
  display:grid;
  gap:10px;
}
.win-side-card{
  display:grid;
  grid-template-columns:86px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:11px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.84);
}
.win-side-card img{
  width:86px;
  height:66px;
  object-fit:cover;
  border-radius:12px;
}
.win-side-card strong{
  display:block;
  margin-bottom:4px;
  font-size:.9rem;
}
.win-side-card p{
  margin:0;
  color:var(--muted);
  font-size:.8rem;
}

.slots-home-teaser{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) .95fr;
  gap:16px;
  align-items:stretch;
}
.slots-home-copy h3{
  margin:10px 0 8px;
  font-size:1.3rem;
  letter-spacing:-.03em;
}
.slots-home-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.mini-slot-card{
  display:block;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:var(--shadow-sm);
}
.mini-slot-card img{
  width:100%;
  aspect-ratio:1.15;
  object-fit:cover;
  display:block;
}
.mini-slot-card strong{
  display:block;
  padding:12px 12px 4px;
  font-size:.92rem;
}
.mini-slot-card span{
  display:block;
  padding:0 12px 12px;
  color:var(--muted);
  font-size:.76rem;
}

@media (max-width: 1100px){
  .slots-top-grid{
    grid-template-columns:1fr;
  }
  .win-side-shell{
    position:static;
  }
}
@media (max-width: 900px){
  .premium-slot-head{
    display:block;
  }
  .premium-slot-head p{
    max-width:none;
    margin-top:8px;
  }
  .provider-premium-grid{
    grid-template-columns:1fr;
  }
  .slots-home-teaser{
    grid-template-columns:1fr;
  }
  .slots-home-mini-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .lux-arrow{
    display:none;
  }
  .lux-carousel{
    grid-auto-columns:minmax(260px, 86%);
  }
}
@media (max-width: 640px){
  .slots-home-mini-grid{
    grid-template-columns:1fr;
  }
  .win-side-card{
    grid-template-columns:76px minmax(0,1fr);
  }
  .win-side-card img{
    width:76px;
    height:58px;
  }
}


/* ===== Poker and Roulette premium pages ===== */
.game-topic-hero{
  padding-bottom:22px;
}
.topic-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) 420px;
  gap:18px;
  align-items:center;
}
.topic-visual{
  min-height:360px;
  border:1px solid rgba(158,200,184,.32);
  border-radius:28px;
  background:
    radial-gradient(circle at top left, rgba(199,228,216,.42), transparent 35%),
    radial-gradient(circle at bottom right, rgba(219,236,244,.54), transparent 35%),
    linear-gradient(180deg, #fdfefe 0%, #f5f9fb 100%);
  box-shadow:0 24px 54px rgba(20,57,42,.08);
  position:relative;
  overflow:hidden;
}
.topic-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) 330px;
  gap:18px;
  align-items:start;
}
.topic-page-main{
  display:grid;
  gap:16px;
}
.premium-topic-panel,
.side-spotlight{
  position:relative;
  overflow:hidden;
  padding:20px;
  border:1px solid rgba(159,196,181,.35);
  border-radius:24px;
  background:
    radial-gradient(circle at top right, rgba(190,226,213,.28), transparent 30%),
    linear-gradient(180deg, #fbfcfd 0%, #f4f8fa 100%);
  box-shadow:0 18px 50px rgba(20,57,42,.08);
}
.premium-topic-panel::before,
.side-spotlight::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,.8), rgba(165,201,187,.3), rgba(255,255,255,.1));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.premium-topic-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:14px;
}
.premium-topic-head h2{
  margin:8px 0 0;
  font-size:1.32rem;
  letter-spacing:-.03em;
}
.premium-topic-head p{
  max-width:300px;
  margin:0;
  color:var(--text-2);
  font-size:.88rem;
}
.intent-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.intent-card{
  padding:16px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#fff;
  box-shadow:var(--shadow-sm);
}
.intent-card strong{
  display:block;
  margin-bottom:6px;
  font-size:1rem;
}
.intent-card p{
  margin:0;
  color:var(--muted);
  font-size:.84rem;
}
.side-query-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.side-query-list span{
  display:inline-flex;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--text-2);
  font-size:.76rem;
  font-weight:700;
}
.side-checklist{
  display:grid;
  gap:10px;
  color:var(--text-2);
  font-weight:700;
}
.poker-stage,
.roulette-stage{
  position:absolute;
  inset:0;
}
.poker-card{
  position:absolute;
  width:120px;
  height:168px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%, #f7fafb 100%);
  border:1px solid rgba(175,196,186,.55);
  box-shadow:0 18px 34px rgba(20,57,42,.16);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:14px;
  font-weight:900;
}
.poker-card span{font-size:2rem;color:#173328}
.poker-card small{font-size:2.3rem;line-height:1}
.poker-card.one{left:72px;top:82px;transform:rotate(-14deg)}
.poker-card.two{left:164px;top:62px;transform:rotate(4deg)}
.poker-card.two span,.poker-card.two small{color:#8c3040}
.poker-card.three{left:252px;top:102px;transform:rotate(12deg)}
.poker-card.three span,.poker-card.three small{color:#b56d2a}
.poker-chip{
  position:absolute;
  width:92px;
  height:92px;
  border-radius:50%;
  box-shadow:0 18px 34px rgba(20,57,42,.18);
}
.poker-chip::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  border:8px dashed rgba(255,255,255,.92);
}
.chip-green{right:86px;top:74px;background:radial-gradient(circle at 35% 35%, #3c7f5f, #214e3b)}
.chip-dark{right:146px;top:156px;background:radial-gradient(circle at 35% 35%, #1f2327, #0d1114)}
.chip-light{right:56px;top:196px;background:radial-gradient(circle at 35% 35%, #e4e8eb, #aeb8bf)}
.poker-pill,
.roulette-pill{
  position:absolute;
  display:inline-flex;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 12px 30px rgba(20,57,42,.08);
  backdrop-filter:blur(10px);
  color:var(--green-dark);
  font-weight:800;
  font-size:.82rem;
}
.poker-pill{left:58px;bottom:42px}
.poker-pill.secondary{left:210px;bottom:42px}
.roulette-wheel{
  position:absolute;
  inset:62px 84px 62px 84px;
  border-radius:50%;
  background:
    radial-gradient(circle at center, #0c1310 0 18%, transparent 18% 19%, #d5dfe4 19% 23%, transparent 23%),
    conic-gradient(#b4343f 0 8deg,#15181b 8deg 16deg,#c33f4a 16deg 24deg,#161a1d 24deg 32deg,#b4343f 32deg 40deg,#161a1d 40deg 48deg,#c33f4a 48deg 56deg,#161a1d 56deg 64deg,#b4343f 64deg 72deg,#161a1d 72deg 80deg,#c33f4a 80deg 88deg,#161a1d 88deg 96deg,#b4343f 96deg 104deg,#161a1d 104deg 112deg,#c33f4a 112deg 120deg,#161a1d 120deg 128deg,#b4343f 128deg 136deg,#161a1d 136deg 144deg,#c33f4a 144deg 152deg,#161a1d 152deg 160deg,#b4343f 160deg 168deg,#161a1d 168deg 176deg,#2e7b5c 176deg 184deg,#161a1d 184deg 192deg,#b4343f 192deg 200deg,#161a1d 200deg 208deg,#c33f4a 208deg 216deg,#161a1d 216deg 224deg,#b4343f 224deg 232deg,#161a1d 232deg 240deg,#c33f4a 240deg 248deg,#161a1d 248deg 256deg,#b4343f 256deg 264deg,#161a1d 264deg 272deg,#c33f4a 272deg 280deg,#161a1d 280deg 288deg,#b4343f 288deg 296deg,#161a1d 296deg 304deg,#c33f4a 304deg 312deg,#161a1d 312deg 320deg,#b4343f 320deg 328deg,#161a1d 328deg 336deg,#c33f4a 336deg 344deg,#161a1d 344deg 352deg,#b4343f 352deg 360deg);
  box-shadow:0 26px 54px rgba(20,57,42,.18);
}
.roulette-center{
  position:absolute;
  left:50%;
  top:50%;
  width:74px;
  height:74px;
  margin:-37px 0 0 -37px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #f5f6f7, #cfd9de);
  box-shadow:0 14px 28px rgba(20,57,42,.15);
}
.roulette-ball{
  position:absolute;
  right:112px;
  top:94px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, #ffffff, #cfd6dc);
  box-shadow:0 10px 16px rgba(20,57,42,.12);
}
.roulette-pill{left:44px;bottom:46px}
.roulette-pill.secondary{left:236px;bottom:46px}

.topic-duo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.topic-duo-card{
  display:block;
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(159,196,181,.35);
  border-radius:24px;
  text-decoration:none;
  color:inherit;
  background:
    radial-gradient(circle at top right, rgba(190,226,213,.28), transparent 30%),
    linear-gradient(180deg, #fbfcfd 0%, #f4f8fa 100%);
  box-shadow:0 18px 50px rgba(20,57,42,.08);
}
.topic-duo-card.poker::after,
.topic-duo-card.roulette::after{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-30px;
  width:140px;
  height:140px;
  border-radius:50%;
  opacity:.22;
}
.topic-duo-card.poker::after{background:radial-gradient(circle, #2e7b5c, transparent 60%)}
.topic-duo-card.roulette::after{background:radial-gradient(circle, #c83f50, transparent 60%)}
.topic-duo-badge{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 11px;
  border-radius:999px;
  background:var(--green-soft);
  color:var(--green-dark);
  font-size:.75rem;
  font-weight:800;
}
.topic-duo-card h3{
  margin:0 0 8px;
  font-size:1.2rem;
  letter-spacing:-.03em;
}
.topic-duo-card p{
  margin:0;
  color:var(--text-2);
}

@media (max-width: 1100px){
  .topic-hero-grid,
  .topic-page-grid{
    grid-template-columns:1fr;
  }
}
@media (max-width: 900px){
  .premium-topic-head{
    display:block;
  }
  .premium-topic-head p{
    max-width:none;
    margin-top:8px;
  }
  .intent-card-grid,
  .topic-duo-grid{
    grid-template-columns:1fr;
  }
  .topic-visual{
    min-height:310px;
  }
}
@media (max-width: 700px){
  .poker-card{
    width:92px;
    height:132px;
    padding:10px;
  }
  .poker-card span{font-size:1.6rem}
  .poker-card small{font-size:1.8rem}
  .poker-card.one{left:28px;top:92px}
  .poker-card.two{left:96px;top:72px}
  .poker-card.three{left:164px;top:98px}
  .poker-chip{width:68px;height:68px}
  .chip-green{right:46px;top:76px}
  .chip-dark{right:94px;top:136px}
  .chip-light{right:26px;top:174px}
  .poker-pill,.roulette-pill{
    font-size:.72rem;
    padding:8px 10px;
  }
  .poker-pill{left:18px;bottom:18px}
  .poker-pill.secondary{left:146px;bottom:18px}
  .roulette-wheel{inset:52px 46px 52px 46px}
  .roulette-ball{right:62px;top:82px}
  .roulette-pill{left:18px;bottom:18px}
  .roulette-pill.secondary{left:164px;bottom:18px}
}


/* ===== Clustered cross-brand SEO pages ===== */
.cross-hero{padding:34px 0 24px}
.cross-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:22px;align-items:center}
.cross-hero-copy h1{margin:10px 0 12px;font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.02;letter-spacing:-.055em}
.cross-hero-copy .lead{font-size:1.02rem;color:var(--text-2);max-width:780px}
.cross-art{overflow:hidden;border:1px solid var(--line);border-radius:26px;background:#eef5f2;box-shadow:0 24px 64px rgba(20,57,42,.12)}
.cross-art img{width:100%;display:block}
.cross-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}
.cross-main{display:grid;gap:16px}
.cross-sidebar{position:sticky;top:90px;display:grid;gap:14px}
.cross-card{padding:20px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.cross-card.dark{background:linear-gradient(180deg,#15231d,#24382f);color:#fff;border-color:rgba(255,255,255,.08)}
.cross-card.dark p{color:rgba(255,255,255,.76)}
.cross-card h2,.cross-card h3{margin-top:0;letter-spacing:-.03em}
.cross-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cross-check{padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2)}
.cross-check strong{display:block;margin-bottom:4px}
.cross-check span{font-size:.82rem;color:var(--muted)}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th,.compare-table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare-table th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}
.brand-pills{display:flex;flex-wrap:wrap;gap:7px}
.brand-pills a,.brand-pills span{display:inline-flex;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.76rem;font-weight:750;color:inherit;text-decoration:none}
.semantic-faq{display:grid;gap:9px}
.semantic-faq details{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.semantic-faq summary{cursor:pointer;padding:13px 15px;font-weight:800;list-style:none}
.semantic-faq summary::-webkit-details-marker{display:none}
.semantic-faq details div{padding:0 15px 14px;color:var(--text-2);font-size:.9rem}
.aff-card{padding:18px;border-radius:21px;background:linear-gradient(145deg,#1a2d25,#2d5a47);color:#fff;box-shadow:0 20px 46px rgba(20,57,42,.18)}
.aff-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.aff-card img{width:62px;height:62px;object-fit:contain;border-radius:15px;background:#fff;padding:7px}
.aff-card h3{margin:0}
.aff-card p{color:rgba(255,255,255,.78)}
.aff-card .btn{width:100%;justify-content:center;background:#fff;color:#174331}
.disclosure{padding:12px 14px;border:1px solid #d8e8e0;border-radius:14px;background:#f1f8f5;color:#496158;font-size:.83rem}
.cluster-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cluster-brand-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.cluster-brand-card h3{margin:0 0 5px}
.cluster-brand-card p{margin:0 0 12px;color:var(--muted);font-size:.84rem}
.cluster-links{display:grid;gap:6px}
.cluster-links a{padding:9px 10px;border-radius:10px;background:var(--surface-2);font-size:.82rem;font-weight:750;color:inherit;text-decoration:none}
.dm-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.dm-hub-card{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm)}
.dm-hub-card h2{margin-top:0}
@media(max-width:1050px){.cross-hero-grid,.cross-layout{grid-template-columns:1fr}.cross-sidebar{position:static}.cluster-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.cross-checks,.cluster-hub-grid,.dm-hub-grid{grid-template-columns:1fr}.compare-table{min-width:660px}.compare-scroll{overflow-x:auto}.cross-card{padding:16px}}


/* ===== Product-ready visual layer ===== */
:root{
  --ink:#111a21;
  --navy:#10231d;
  --gold:#d9ad5b;
  --gold-soft:#f5ead2;
  --product-shadow:0 28px 80px rgba(18,42,33,.16);
}
body{background:#fbfcfd}
.site-header{box-shadow:0 8px 30px rgba(21,52,41,.055)}
.nav{min-height:76px}
.nav-links>a{font-weight:740}
.search-button[data-search-open]{font-size:1.1rem}
.product-hero{
  padding:30px 0 20px;
}
.product-hero-shell{
  position:relative;overflow:hidden;min-height:510px;border-radius:30px;
  background:#10241d;box-shadow:var(--product-shadow);
}
.product-hero-media{position:absolute;inset:0}
.product-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.product-hero-media::after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 83% 20%,rgba(212,175,95,.18),transparent 28%),
    linear-gradient(90deg,rgba(8,24,18,.98) 0%,rgba(8,24,18,.89) 42%,rgba(8,24,18,.28) 72%,rgba(8,24,18,.12) 100%);
}
.product-hero-content{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 370px;
  gap:34px;align-items:end;min-height:510px;padding:46px;
}
.product-hero-copy{color:#fff}
.product-hero-copy .eyebrow{color:#def8ea}
.product-hero-copy h1{
  max-width:760px;margin:15px 0 15px;font-size:clamp(2.65rem,6vw,5.3rem);
  line-height:.96;letter-spacing:-.067em
}
.product-hero-copy p{max-width:690px;color:rgba(255,255,255,.78);font-size:1.06rem}
.product-hero-copy .hero-actions .btn-primary{background:#d9f37f;color:#17301f}
.product-hero-copy .hero-actions .btn-secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.18);color:#fff}
.product-hero-aside{
  padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:22px;
  background:rgba(10,24,18,.68);backdrop-filter:blur(16px);color:#fff
}
.product-hero-aside h2{margin:10px 0 7px;font-size:1.35rem;letter-spacing:-.03em}
.product-hero-aside p{margin:0;color:rgba(255,255,255,.72);font-size:.88rem}
.product-brand-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.product-brand-chip{
  display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,255,255,.12);
  border-radius:13px;background:rgba(255,255,255,.08);font-size:.78rem;font-weight:760
}
.product-brand-chip img{width:28px;height:28px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}
.product-trustbar{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px
}
.product-trustitem{
  padding:13px 15px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)
}
.product-trustitem strong{display:block;font-size:.9rem}
.product-trustitem span{display:block;color:var(--muted);font-size:.74rem;margin-top:3px}
.product-photo-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:14px
}
.product-photo-card{
  position:relative;overflow:hidden;min-height:330px;border-radius:24px;text-decoration:none;color:#fff;
  box-shadow:0 20px 52px rgba(15,36,28,.14)
}
.product-photo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-photo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 16%,rgba(8,18,14,.88) 100%)}
.product-photo-card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px}
.product-photo-card-content h3{margin:8px 0 6px;font-size:1.45rem;letter-spacing:-.035em}
.product-photo-card-content p{margin:0;color:rgba(255,255,255,.77)}
.product-photo-stack{display:grid;gap:14px}
.product-photo-stack .product-photo-card{min-height:158px}
.rank-card{transition:.18s}
.rank-card:hover{transform:translateY(-2px);border-color:#b9d6ca;box-shadow:0 14px 34px rgba(20,57,42,.09)}
.rating{
  display:inline-flex;justify-content:center;padding:7px 9px;border-radius:999px;
  background:var(--green-soft);color:var(--green-dark);font-size:.73rem;font-weight:850
}
.side-card.highlight{position:relative;overflow:hidden}
.side-card.highlight::after{content:"";position:absolute;right:-45px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(16,147,100,.18),transparent 66%)}
.real-media-hero{
  position:relative;overflow:hidden;border-radius:28px;min-height:420px;
  background:#14241e;box-shadow:var(--product-shadow)
}
.real-media-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.real-media-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,22,16,.94),rgba(9,22,16,.58) 52%,rgba(9,22,16,.10))}
.real-media-copy{position:relative;z-index:2;max-width:720px;padding:42px;color:#fff}
.real-media-copy h1{margin:12px 0 12px;font-size:clamp(2.35rem,5vw,4.8rem);line-height:.98;letter-spacing:-.06em}
.real-media-copy p{color:rgba(255,255,255,.77)}
.real-media-copy .editorial-meta{color:rgba(255,255,255,.7)}
.real-media-copy .keyword-chip{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.13);color:#fff}
.media-credit{margin-top:8px;color:var(--muted);font-size:.68rem}
.cross-art.cross-art-photo{position:relative;min-height:390px;background:#13231d}
.cross-art.cross-art-photo>img{width:100%;height:100%;min-height:390px;object-fit:cover}
.cross-art.cross-art-photo::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,19,14,.04),rgba(8,19,14,.82))
}
.cross-art-overlay{
  position:absolute;z-index:2;left:22px;right:22px;bottom:20px;display:flex;align-items:center;gap:13px;color:#fff
}
.product-brand-logo{
  width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:8px;
  box-shadow:0 16px 32px rgba(0,0,0,.18)
}
.product-brand-monogram{
  width:72px;height:72px;display:grid;place-items:center;border-radius:18px;
  background:linear-gradient(135deg,#e5f2ec,#fff);color:#164935;font-size:1.35rem;font-weight:950;
  box-shadow:0 16px 32px rgba(0,0,0,.18)
}
.cross-art-overlay strong{display:block;font-size:1.32rem;letter-spacing:-.03em}
.cross-art-overlay span{display:block;color:rgba(255,255,255,.72);font-size:.78rem}
.product-brand-card-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.product-brand-card-head .product-brand-logo,.product-brand-card-head .product-brand-monogram{width:48px;height:48px;border-radius:13px;font-size:.9rem;box-shadow:none}
.cluster-brand-card{transition:.18s}
.cluster-brand-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(20,57,42,.10);border-color:#afd4c4}
.cluster-brand-card .tag{margin-left:auto}
.product-section-photo{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch
}
.product-section-photo figure{margin:0;overflow:hidden;border-radius:22px;min-height:330px}
.product-section-photo figure img{width:100%;height:100%;object-fit:cover;display:block}
.product-section-copy{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.site-search-overlay{
  position:fixed;inset:0;z-index:1000;display:none;padding:20px;background:rgba(7,17,13,.74);backdrop-filter:blur(14px)
}
.site-search-overlay.open{display:grid;place-items:start center}
.site-search-panel{
  width:min(760px,100%);margin-top:min(12vh,100px);overflow:hidden;border-radius:24px;background:#fff;
  box-shadow:0 36px 100px rgba(0,0,0,.26)
}
.site-search-head{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}
.site-search-input{flex:1;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:13px;font-size:1rem}
.site-search-close{width:48px;height:48px;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer}
.site-search-results{max-height:56vh;overflow:auto;padding:10px}
.site-search-result{display:block;padding:12px 13px;border-radius:12px;text-decoration:none}
.site-search-result:hover{background:var(--surface-2)}
.site-search-result strong{display:block}
.site-search-result span{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}
.site-search-empty{padding:24px;color:var(--muted);text-align:center}
.sticky-affiliate-bar{
  position:fixed;left:50%;bottom:18px;z-index:66;display:flex;align-items:center;gap:12px;
  width:min(690px,calc(100% - 28px));padding:10px 12px;border:1px solid rgba(255,255,255,.15);
  border-radius:18px;background:rgba(15,34,27,.94);color:#fff;box-shadow:0 22px 54px rgba(0,0,0,.20);
  backdrop-filter:blur(16px);transform:translateX(-50%)
}
.sticky-affiliate-bar img{width:42px;height:42px;object-fit:contain;border-radius:11px;background:#fff;padding:4px}
.sticky-affiliate-copy{min-width:0;flex:1}
.sticky-affiliate-copy strong,.sticky-affiliate-copy span{display:block}
.sticky-affiliate-copy span{color:rgba(255,255,255,.68);font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-affiliate-bar .btn{min-height:40px;background:#d9f37f;color:#18301f}
@media(max-width:1050px){
  .product-hero-content{grid-template-columns:1fr;align-items:end}
  .product-hero-aside{max-width:620px}
  .product-trustbar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .product-hero{padding-top:16px}
  .product-hero-shell{min-height:630px;border-radius:23px}
  .product-hero-content{min-height:630px;padding:26px 22px}
  .product-hero-copy h1{font-size:clamp(2.55rem,13vw,4.25rem)}
  .product-hero-media::after{background:linear-gradient(180deg,rgba(8,24,18,.55),rgba(8,24,18,.95) 58%)}
  .product-photo-grid,.product-section-photo{grid-template-columns:1fr}
  .product-photo-stack{grid-template-columns:1fr 1fr}
  .product-photo-card{min-height:300px}
  .product-photo-stack .product-photo-card{min-height:200px}
  .real-media-hero{min-height:560px}
  .real-media-hero::after{background:linear-gradient(180deg,rgba(9,22,16,.24),rgba(9,22,16,.95) 55%)}
  .real-media-copy{padding:28px 22px;min-height:560px;display:flex;flex-direction:column;justify-content:flex-end}
  .sticky-affiliate-bar{bottom:76px}
}
@media(max-width:560px){
  .product-trustbar,.product-photo-stack{grid-template-columns:1fr}
  .product-hero-aside{padding:16px}
  .sticky-affiliate-copy span{display:none}
  .sticky-affiliate-bar .btn{padding-inline:12px}
}


/* ===== Human editorial finish ===== */
:root{
  --radius:12px;
  --radius-lg:18px;
  --paper:#fbfaf7;
  --warm-line:#e8e3da;
  --gold:#c99b4b;
}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18221e;background:#fcfcfb}
h1,h2,.section-header h2,.cross-card h2,.legal-document h2{font-family:Georgia,"Times New Roman",serif;font-weight:700}
h1{letter-spacing:-.055em}
h2{letter-spacing:-.032em}
.utility-strip{border-bottom:1px solid rgba(255,255,255,.08);background:#102b23;color:rgba(255,255,255,.78);font-size:.72rem}
.utility-inner{min-height:31px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.utility-inner a{color:#e8f5ee;text-decoration:none}
.brand-image{display:flex;align-items:center}
.brand-image img{width:208px;height:auto;display:block}
.site-header{background:rgba(255,255,255,.97)}
.nav{min-height:72px}
.nav-links{gap:24px}
.nav-links>a{position:relative;padding:24px 0;border-radius:0;background:none}
.nav-links>a::after{content:"";position:absolute;left:0;right:100%;bottom:16px;height:2px;background:#2c765a;transition:.18s}
.nav-links>a:hover::after{right:0}
.search-button{border:1px solid var(--line);border-radius:50%;background:#fff}
.product-hero-shell,.real-media-hero{border-radius:18px}
.product-hero-content{padding:50px}
.product-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:700}
.product-hero-aside{border-radius:12px}
.product-brand-chip{border-radius:8px}
.product-trustbar{gap:0;border:1px solid var(--warm-line);border-radius:10px;overflow:hidden;background:#fff}
.product-trustitem{border:0;border-right:1px solid var(--warm-line);border-radius:0;box-shadow:none}
.product-trustitem:last-child{border-right:0}
.section{padding:66px 0}
.section-soft{background:#f6f7f5}
.section-header{align-items:end;padding-bottom:18px;border-bottom:1px solid var(--warm-line)}
.kicker,.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}
.btn{border-radius:8px}
.btn-primary{box-shadow:none}
.rank-card,.bonus-card,.directory-card,.guide-card,.cluster-brand-card,.cross-card,.side-card,.prose-section,.intent-card,.provider-premium-card,.dm-hub-card{
  border-radius:10px;box-shadow:none;border-color:#e1e5e2
}
.rank-card:hover,.cluster-brand-card:hover{transform:none;border-color:#95bbaa;box-shadow:0 10px 30px rgba(24,54,43,.07)}
.cross-card{padding:26px;background:#fff}
.cross-main{gap:20px}
.cross-card.article-section{border-left:3px solid #b8d4c6}
.cross-sidebar .cross-card{padding:18px}
.editorial-note,.editorial-verdict{
  padding:23px 25px;border-top:1px solid var(--warm-line);border-bottom:1px solid var(--warm-line);
  background:linear-gradient(90deg,#f8f4eb,#fff)
}
.editorial-note.warning{background:linear-gradient(90deg,#fff5ef,#fff)}
.editorial-note>span,.editorial-verdict>span{display:block;margin-bottom:7px;color:#7e6b45;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.editorial-note>strong{display:block;margin-bottom:7px;font-family:Georgia,serif;font-size:1.35rem}
.editorial-note p,.editorial-verdict p{margin:0;color:#526159}
.editorial-verdict h2{margin:0 0 9px}
.brand-pills{gap:0;margin-top:18px}
.brand-pills span{border:0;border-right:1px solid #d8dedb;border-radius:0;background:none;padding:4px 12px}
.brand-pills span:first-child{padding-left:0}
.brand-pills span:last-child{border-right:0}
.tag{border:0;border-radius:3px;background:#edf3f0;color:#245d49}
.cluster-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cluster-brand-card{padding:20px}
.product-brand-card-head{padding-bottom:13px;border-bottom:1px solid var(--warm-line)}
.cluster-links a{border-radius:6px}
.brand-filter{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}
.brand-filter button{min-height:38px;padding:7px 13px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#42534b;font-weight:750;cursor:pointer}
.brand-filter button.active{border-color:#255f4a;background:#255f4a;color:#fff}
.editorial-method{background:#132d25;color:#fff}
.editorial-method-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:center}
.editorial-method figure{margin:0;overflow:hidden;border-radius:12px;min-height:420px}
.editorial-method figure img{width:100%;height:100%;min-height:420px;object-fit:cover}
.editorial-method-copy h2{margin:10px 0 14px;font-size:clamp(2rem,4vw,3.5rem)}
.editorial-method-copy p{color:rgba(255,255,255,.75)}
.method-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:22px 0;border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.method-steps span{padding:14px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);font-size:.78rem}
.text-link{color:#e3bd76;font-weight:800;text-decoration:none}
.editorial-footer{padding:52px 0 18px;background:#0e211b}
.footer-main{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px}
.footer-brand img{width:190px;filter:brightness(0) invert(1)}
.footer-about p{max-width:380px;color:rgba(255,255,255,.62)}
.footer-email{color:#e6c787;text-decoration:none}
.footer-column{display:flex;flex-direction:column;gap:9px}
.footer-column strong{margin-bottom:5px;color:#fff}
.footer-column a{color:rgba(255,255,255,.64);text-decoration:none;font-size:.86rem}
.footer-column a:hover{color:#fff}
.footer-legal{display:flex;justify-content:space-between;gap:16px;margin-top:36px;padding-top:17px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.45);font-size:.74rem}
.legal-document{max-width:850px;padding:38px;border:1px solid var(--warm-line);background:#fff}
.legal-document h2{margin:30px 0 10px}
.contact-panel{display:grid;gap:6px;padding:22px;border-left:4px solid #2e7458;background:#f3f7f5}
.cookie-consent{position:fixed;left:20px;right:20px;bottom:18px;z-index:1200;display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:900px;margin:auto;padding:15px 17px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(14,31,25,.96);color:#fff;box-shadow:0 20px 60px rgba(0,0,0,.22);backdrop-filter:blur(14px)}
.cookie-consent[hidden]{display:none}
.cookie-consent p{margin:3px 0 0;color:rgba(255,255,255,.65);font-size:.78rem}
.cookie-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.cookie-actions a{color:#e6c787;font-size:.78rem}
.micro-disclosure{max-width:480px;margin:9px 0 0;color:var(--muted);font-size:.74rem}
.sticky-affiliate-bar{border-radius:10px}
.sticky-offer-close{position:absolute;right:-8px;top:-9px;width:27px;height:27px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#fff;color:#173026;cursor:pointer}
.premium-slot-shell,.premium-topic-panel,.side-spotlight,.win-side-shell{border-radius:12px;box-shadow:none}
.lux-slot-card{border-radius:12px}
.real-media-copy h1{font-family:Georgia,serif}
@media(max-width:1050px){
  .footer-main{grid-template-columns:1fr 1fr}
  .editorial-method-grid{grid-template-columns:1fr}
  .cluster-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
  .utility-inner span:nth-child(2){display:none}
  .utility-inner{justify-content:space-between}
  .brand-image img{width:176px}
  .product-hero-content{padding:28px 22px}
  .product-trustbar{grid-template-columns:1fr 1fr}
  .product-trustitem:nth-child(2){border-right:0}
  .product-trustitem:nth-child(-n+2){border-bottom:1px solid var(--warm-line)}
  .footer-main{grid-template-columns:1fr 1fr;gap:28px}
  .cookie-consent{left:12px;right:12px;bottom:78px;align-items:flex-start}
}
@media(max-width:580px){
  .utility-strip{display:none}
  .brand-image img{width:158px}
  .product-trustbar,.cluster-hub-grid,.footer-main{grid-template-columns:1fr}
  .product-trustitem{border-right:0;border-bottom:1px solid var(--warm-line)}
  .product-trustitem:last-child{border-bottom:0}
  .footer-legal,.cookie-consent{display:block}
  .cookie-actions{margin-top:12px;justify-content:space-between}
  .legal-document{padding:23px}
}


/* ===== 1win-inspired dark premium redesign ===== */
:root{
  --bg:#07111d;
  --surface:#0c1626;
  --surface-2:#121f33;
  --surface-3:#182844;
  --text:#edf6ff;
  --text-2:#bfd2ec;
  --muted:#8ea8c7;
  --line:rgba(121,154,205,.16);
  --green:#1b8cff;
  --green-dark:#0d6ee8;
  --green-soft:rgba(27,140,255,.12);
  --lime:#22d6ff;
  --orange:#ffbe4d;
  --blue:#2c8fff;
  --purple:#7568ff;
  --shadow-sm:0 18px 42px rgba(0,8,20,.28);
  --shadow:0 28px 80px rgba(0,8,22,.38);
}
html{background:
  radial-gradient(circle at 10% 0%, rgba(44,143,255,.13), transparent 28%),
  radial-gradient(circle at 100% 10%, rgba(34,214,255,.08), transparent 30%),
  radial-gradient(circle at 50% 110%, rgba(115,104,255,.12), transparent 35%),
  #07111d}
body{background:transparent;color:var(--text)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:
  linear-gradient(180deg, rgba(255,255,255,.02), transparent 18%),
  linear-gradient(90deg, rgba(255,255,255,.01), transparent 60%);opacity:.9}
.skip-link{background:#fff;color:#07111d}
code{background:rgba(32,53,88,.78);color:#d5e8ff}
a{text-decoration:none}
.utility-strip,.bonus-rail{background:rgba(8,15,25,.88);border-color:rgba(255,255,255,.06)}
.utility-inner a{color:#cbe7ff}
.rail-label{color:#7be7ff}
.rail-label::before{background:#22d6ff;box-shadow:0 0 0 6px rgba(34,214,255,.12)}
.rail-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(8px);color:#d7e8fc}
.rail-item span{color:#8ea8c7}
.site-header{background:rgba(7,16,29,.8);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.brand-image img{filter:drop-shadow(0 0 20px rgba(27,140,255,.14))}
.nav-links>a{color:#c9dcf4}
.nav-links>a:hover,.nav-links>a.active{background:rgba(255,255,255,.05);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.menu-toggle,.search-button{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:#fff}
.menu-toggle:hover,.search-button:hover{background:rgba(255,255,255,.08)}
.category-strip{background:rgba(8,15,25,.72);border-bottom:1px solid rgba(255,255,255,.06)}
.category-chip{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#d9e8f7}
.category-icon{background:rgba(255,255,255,.06);color:#7be7ff}
.category-chip:hover,.category-chip.active{border-color:rgba(34,214,255,.45);background:linear-gradient(180deg, rgba(34,214,255,.16), rgba(27,140,255,.16));color:#fff;box-shadow:0 14px 28px rgba(18,123,255,.14)}
.btn{border-radius:14px;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#1f98ff,#19c9ff);color:#fff;box-shadow:0 16px 34px rgba(23,139,255,.34)}
.btn-primary:hover{background:linear-gradient(135deg,#33a3ff,#28d4ff)}
.btn-secondary{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12);color:#fff}
.btn-secondary:hover,.btn-ghost:hover{background:rgba(255,255,255,.08)}
.btn-ghost{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.1);color:#c4d7f1}
.text-link{color:#7be7ff}
.section-soft{background:rgba(8,17,29,.55);border-color:rgba(255,255,255,.06)}
.kicker,.eyebrow{color:#7be7ff}
.eyebrow::before,.kicker::before{background:#7be7ff}
.section-header p,.rank-name span,.rank-bonus span,.bonus-card p,.guide-card p,.feature-article p,.article-row span,.side-card p,.product-trustitem span,.product-brand-chip,.product-hero-aside p,.hero-metric span,.rank-card .tag,.cross-card p,.footer-about p,.footer-column a,.footer-legal,.legal-document p,.legal-document li,.cookie-consent p{color:var(--muted)}
.tag{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08);color:#d4e3f5}
.tag-green{background:rgba(34,214,255,.12);border-color:rgba(34,214,255,.25);color:#7be7ff}
.tag-orange{background:rgba(255,190,77,.12);border-color:rgba(255,190,77,.24);color:#ffcf71}

/* home + hero */
.product-hero,.portal-hero{padding-top:34px}
.product-hero-shell,.featured-panel,.real-media-hero,.feature-article,.guide-card,.quiz-card,.cross-card,.rank-card,.bonus-card,.side-card,.category-tile,.article-row,.directory-card,.dm-hub-card,.provider-premium-card,.premium-topic-panel,.win-side-shell,.side-spotlight,.promo-line,.legal-document,.contact-panel,.cluster-brand-card,.editorial-note,.editorial-verdict,.product-trustbar,.sticky-affiliate-bar,.site-search-panel,.cookie-consent,.site-search-result,.site-search-empty,.site-search-input,.mobile-bottom-nav,.nav-links.open,.product-hero-aside,.hero-metric,.product-brand-chip,.game-spotlight,.game-side-card,.slot-slide,.lux-slot-card,.faq-card,.table-card,.comparison-table-shell,.cross-hero-shell,.review-hero-shell,.offer-card,.comparison-callout,.info-card,.benefit-card{
  background:linear-gradient(180deg, rgba(18,31,51,.96), rgba(10,20,33,.97));
  border:1px solid rgba(110,148,206,.14)!important;
  box-shadow:0 18px 48px rgba(0,8,20,.35);
  color:var(--text)
}
.product-hero-shell,.featured-panel,.real-media-hero{position:relative;overflow:hidden}
.product-hero-shell::before,.featured-panel::before,.real-media-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 15% 15%, rgba(27,140,255,.22), transparent 25%), radial-gradient(circle at 85% 12%, rgba(34,214,255,.13), transparent 26%), linear-gradient(135deg, rgba(255,255,255,.03), transparent 45%);
}
.product-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(7,17,29,.82), rgba(7,17,29,.08) 42%, rgba(7,17,29,.28));}
.product-hero-media{position:relative}
.product-hero-media img{filter:saturate(1.08) contrast(1.05) brightness(.82)}
.product-hero-copy h1,.featured-panel h1,.real-media-copy h1{font-size:clamp(2.35rem,5vw,4.6rem);line-height:.98;color:#fff;text-shadow:0 10px 34px rgba(0,0,0,.35)}
.product-hero-aside,.hero-metric,.product-brand-chip,.product-trustitem{backdrop-filter:blur(10px)}
.product-brand-chip:hover{transform:translateY(-2px);border-color:rgba(34,214,255,.38)!important;box-shadow:0 18px 38px rgba(18,123,255,.18)}
.product-trustbar{background:transparent;border:0!important;box-shadow:none;gap:14px}
.product-trustitem{border-radius:18px;padding:18px 20px}
.product-trustitem strong{color:#fff}
.product-hero-aside h2{color:#fff}
.hero-actions .btn-primary,.hero-actions .btn-secondary{min-height:48px;padding-inline:22px}
.hero-actions .btn-primary{box-shadow:0 20px 46px rgba(23,139,255,.3)}
.hero-actions .btn-secondary{background:rgba(255,255,255,.06)}

/* cards + content */
.section-header{padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.06)}
.rank-card,.bonus-card,.category-tile,.article-row,.cross-card,.cluster-brand-card,.side-card,.user-review,.guide-card,.review-card,.directory-card,.dm-hub-card,.provider-premium-card,.premium-topic-panel,.promo-line,.faq-card,.info-card,.benefit-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.rank-card:hover,.bonus-card:hover,.category-tile:hover,.article-row:hover,.cross-card:hover,.cluster-brand-card:hover,.side-card:hover,.user-review:hover,.provider-premium-card:hover,.lux-slot-card:hover,.slot-slide:hover{transform:translateY(-3px);box-shadow:0 24px 58px rgba(0,12,28,.45);border-color:rgba(34,214,255,.22)!important}
.rank-number,.brand-avatar,.tile-icon,.category-icon,.user-avatar{background:linear-gradient(135deg, rgba(27,140,255,.2), rgba(34,214,255,.16));color:#8ad8ff}
.side-card.highlight,.guide-card,.game-side-card,.sticky-affiliate-bar{background:linear-gradient(135deg, rgba(12,33,62,.98), rgba(7,18,35,.98));border-color:rgba(27,140,255,.22)!important}
.promo-line code{color:#7be7ff}
.feature-article h3,.article-row h3,.bonus-card h3,.side-card h3,.guide-card h3,.cross-card h2,.legal-document h1,.legal-document h2,.section-header h2,.content-block h2{color:#fff}
.user-review,.feature-article,.article-row,.bonus-card,.side-card,.category-tile{background:linear-gradient(180deg, rgba(14,24,40,.94), rgba(10,18,30,.96))}
.review-stars,.rating::before{color:#ffcd57}
.rank-actions .btn,.bonus-card .btn{box-shadow:none}
.side-card.highlight .btn-secondary{background:rgba(255,255,255,.06);color:#fff}

/* games + carousels */
.game-card,.slot-slide,.lux-slot-card{border:1px solid rgba(255,255,255,.07)}
.game-card::before,.lux-slot-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.18));pointer-events:none}
.game-card strong,.slot-slide-title,.lux-slot-card strong{color:#fff}
.game-card:nth-child(1),.game-card:nth-child(2),.game-card:nth-child(3),.game-card:nth-child(4),.game-card:nth-child(5),.game-card:nth-child(6){background:linear-gradient(135deg,#12345f,#0a1729)}
.game-card:nth-child(2){background:linear-gradient(135deg,#132f68,#1a58c8)}
.game-card:nth-child(3){background:linear-gradient(135deg,#163452,#18a3ff)}
.game-card:nth-child(4){background:linear-gradient(135deg,#17274b,#615dff)}
.game-card:nth-child(5){background:linear-gradient(135deg,#122f59,#13b3ff)}
.game-card:nth-child(6){background:linear-gradient(135deg,#0d203f,#0d6ee8)}

/* search */
.site-search-overlay{background:rgba(3,9,16,.68);backdrop-filter:blur(10px)}
.site-search-panel{max-width:860px;border-radius:24px}
.site-search-head{border-bottom:1px solid rgba(255,255,255,.06)}
.site-search-input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff}
.site-search-result{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);color:#fff}
.site-search-result span{color:#8ea8c7}
.site-search-result:hover{background:rgba(27,140,255,.12);border-color:rgba(34,214,255,.22)}
.site-search-close{background:rgba(255,255,255,.05);color:#fff;border:1px solid rgba(255,255,255,.08)}

/* footer and mobile */
.editorial-footer,.footer{background:linear-gradient(180deg, rgba(7,13,22,1), rgba(4,10,17,1))}
.footer-main{border-top:1px solid rgba(255,255,255,.06);padding-top:10px}
.footer-column a:hover,.footer-email,.utility-inner a:hover{color:#7be7ff}
.mobile-bottom-nav{background:rgba(7,16,29,.93);border-top:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)}
.mobile-bottom-nav a,.mobile-bottom-nav button{color:#bcd4ef}
.mobile-bottom-nav a.active,.mobile-bottom-nav button.active{color:#7be7ff}
.mobile-bottom-nav a.active::before{background:linear-gradient(135deg,#1f98ff,#19c9ff)}

/* pop-up + floating interactions */
.site-progress-bar{position:fixed;top:0;left:0;height:3px;z-index:150;background:linear-gradient(90deg,#1f98ff,#19c9ff);box-shadow:0 0 18px rgba(27,140,255,.65);width:0}
.scroll-top-btn{position:fixed;right:18px;bottom:96px;z-index:120;width:52px;height:52px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(135deg, rgba(24,39,64,.98), rgba(12,23,40,.98));color:#fff;display:grid;place-items:center;box-shadow:0 18px 40px rgba(0,8,20,.35);opacity:0;visibility:hidden;transform:translateY(10px);transition:.18s}
.scroll-top-btn.show{opacity:1;visibility:visible;transform:none}
.scroll-top-btn:hover{background:linear-gradient(135deg,#1f98ff,#19c9ff)}
.global-offer-overlay{position:fixed;inset:0;z-index:200;background:rgba(2,9,18,.72);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.22s ease;backdrop-filter:blur(8px)}
.global-offer-overlay.open{opacity:1;visibility:visible}
.global-offer-modal{position:relative;max-width:560px;width:100%;padding:34px;border-radius:28px;background:linear-gradient(135deg, rgba(17,31,52,.98), rgba(8,18,32,.98));border:1px solid rgba(80,149,255,.22);box-shadow:0 35px 90px rgba(0,0,0,.45);overflow:hidden}
.global-offer-modal::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 16%, rgba(34,214,255,.2), transparent 28%), radial-gradient(circle at 86% 10%, rgba(27,140,255,.18), transparent 24%), linear-gradient(145deg, rgba(255,255,255,.03), transparent 42%);pointer-events:none}
.offer-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(34,214,255,.12);border:1px solid rgba(34,214,255,.22);color:#7be7ff;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.offer-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:#22d6ff;box-shadow:0 0 0 6px rgba(34,214,255,.1)}
.global-offer-modal h3{position:relative;margin:18px 0 10px;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.02;letter-spacing:-.05em;color:#fff}
.global-offer-modal p{position:relative;margin:0;color:#abc2df;font-size:1rem}
.offer-points{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 26px}
.offer-point{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);font-size:.82rem;color:#dbeaff;text-align:center}
.offer-actions{position:relative;display:flex;gap:10px;flex-wrap:wrap}
.offer-actions .btn{flex:1 1 220px;min-height:50px}
.global-offer-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;z-index:2}
.global-offer-close:hover{background:rgba(255,255,255,.09)}
.offer-note{position:relative;margin-top:14px;color:#7c9abd;font-size:.75rem}
.cookie-consent{background:rgba(9,17,30,.96);border-color:rgba(255,255,255,.1)}
.cookie-actions .btn-primary{box-shadow:none}

/* subtle motion */
@keyframes glowPulse{0%,100%{box-shadow:0 16px 34px rgba(23,139,255,.28)}50%{box-shadow:0 20px 48px rgba(34,214,255,.28)}}
.btn-primary{animation:glowPulse 3.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.btn-primary{animation:none}}

@media (max-width:800px){
  .nav-links.open{background:rgba(8,15,25,.98)}
  .product-trustbar{grid-template-columns:1fr 1fr}
  .scroll-top-btn{right:14px;bottom:84px}
  .global-offer-modal{padding:26px 22px;border-radius:24px}
  .offer-points{grid-template-columns:1fr}
}
@media (max-width:560px){
  .product-trustbar{grid-template-columns:1fr}
  .global-offer-modal h3{font-size:1.85rem}
  .offer-actions{flex-direction:column}
}


/* ===== readability & conversion upgrade ===== */
body{font-size:16.5px;line-height:1.62}
p{line-height:1.72}
.container{width:min(var(--container),calc(100% - 28px))}
.cross-card,.legal-document,.article-row,.feature-article,.user-review,.side-card,.bonus-card,.category-tile,.review-visual-card,.visual-promo-card,.product-trustitem,.cross-check,.compare-table-shell,.quiz-card,.guide-card,.rank-card{backdrop-filter:none}
.cross-card p,.cross-card li,.cross-card span,.cross-card td,.feature-article p,.article-row p,.article-row span,.user-review p,.side-card p,.bonus-card p,.legal-document p,.legal-document li,.cross-check span,.product-trustitem span,.compare-table td,.compare-table th,.lead,.real-media-copy p,.footer-about p,.footer-column a,.footer-legal,.disclosure,.media-credit,.visual-promo-copy p,.review-visual-card figcaption span{color:#dce9f9}
.cross-hero-copy .lead,.product-hero-copy p,.real-media-copy p{font-size:1.04rem;max-width:70ch;color:#e5f0ff}
.section-header p{color:#d0e0f5;font-size:1rem;line-height:1.7}
.cross-card,.legal-document,.feature-article,.user-review,.side-card,.bonus-card,.article-row{padding:22px}
.cross-card h2,.cross-card h3,.section-header h2,.content-block h2,.review-visual-card strong,.visual-promo-copy strong,.cross-check strong,.bonus-card h3{letter-spacing:-.025em}
.cross-check{padding:16px 16px 15px;background:linear-gradient(180deg, rgba(20,34,56,.98), rgba(12,22,38,.98))}
.cross-check strong{font-size:1rem;color:#fff}
.cross-check span{font-size:.93rem}
.compare-table{font-size:.95rem}
.compare-table th,.compare-table td{padding:15px 14px}
.compare-table th{font-size:.82rem;color:#93b4d7;background:rgba(255,255,255,.02)}
.compare-table tr:hover td{background:rgba(34,214,255,.04)}
.cross-art.cross-art-photo::after{background:linear-gradient(90deg, rgba(5,10,18,.18), rgba(6,14,25,.35), rgba(7,17,29,.76))}
.cross-art-overlay{max-width:76%;background:linear-gradient(180deg, rgba(10,20,33,.28), rgba(10,20,33,.74));border:1px solid rgba(255,255,255,.1)}
.real-media-hero,.cross-hero-grid,.product-hero-shell{border-radius:30px}
.brand-pills span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#ecf4ff}
.aff-card .btn,.cross-sidebar .btn{width:100%}

.home-media-showcase{padding-top:8px}
.visual-promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.visual-promo-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;text-decoration:none;min-height:100%;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
.visual-promo-card img{width:100%;aspect-ratio:1.12/1;object-fit:cover;background:#0b1728}
.visual-promo-copy{display:flex;flex-direction:column;gap:9px;padding:18px 18px 20px}
.visual-promo-copy strong{font-size:1.2rem;color:#fff}
.visual-promo-copy p{margin:0;font-size:.94rem}

.review-visual-section{padding-top:8px}
.review-visual-band{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.review-visual-card{overflow:hidden;border-radius:22px}
.review-visual-card.hero{grid-column:auto;min-height:100%}
.review-visual-card img{width:100%;height:100%;min-height:210px;display:block;object-fit:cover;background:#0b1728}
.review-visual-card figcaption{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px}
.review-visual-card figcaption strong{font-size:1.08rem;color:#fff}
.review-visual-card figcaption span{font-size:.92rem;line-height:1.6}
.review-visual-card.hero img{aspect-ratio:1.12/1}
.review-visual-card:not(.hero) img{aspect-ratio:1.15/1}

.rank-card,.bonus-card,.side-card,.category-tile,.article-row,.visual-promo-card,.review-visual-card{background:linear-gradient(180deg, rgba(16,28,46,.98), rgba(11,20,34,.98))}
.nav-links>a,.footer-column a{font-weight:700}
.footer-column a{display:block;padding:6px 0}
.mobile-bottom-nav{box-shadow:0 -10px 30px rgba(0,0,0,.28)}
.global-offer-modal p{font-size:1.03rem;line-height:1.72;color:#d5e8ff}
.offer-point{font-size:.9rem;line-height:1.5}

@media (max-width:1080px){
  .visual-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .review-visual-band{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  body{font-size:16px}
  .cross-card,.legal-document,.feature-article,.user-review,.side-card,.bonus-card,.article-row{padding:18px}
  .visual-promo-grid,.review-visual-band{grid-template-columns:1fr}
  .review-visual-card img,.review-visual-card.hero img,.visual-promo-card img{aspect-ratio:1.4/1}
  .cross-art-overlay{max-width:100%}
}


/* ===== final conversion-focused commercial layer ===== */
.hero-disclosure{margin-top:14px;color:#9fb8d6;font-size:.78rem}
.commercial-rating{position:relative}
.commercial-rating::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 10%,rgba(27,140,255,.08),transparent 26%);pointer-events:none}
.commercial-casino-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.commercial-casino-card{overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(17,30,50,.98),rgba(9,18,31,.99));border:1px solid rgba(101,148,213,.16);box-shadow:0 24px 60px rgba(0,8,22,.34);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.commercial-casino-card:hover{transform:translateY(-4px);border-color:rgba(34,214,255,.28);box-shadow:0 30px 76px rgba(0,10,28,.48)}
.commercial-casino-card.featured{border-color:rgba(34,214,255,.34);box-shadow:0 28px 80px rgba(22,126,255,.18)}
.commercial-card-media{position:relative;min-height:245px;overflow:hidden;background:#0b1727}
.commercial-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,15,.08),rgba(5,12,22,.72))}
.commercial-card-media>img{width:100%;height:100%;min-height:245px;object-fit:cover;display:block;filter:saturate(1.08) brightness(.86)}
.commercial-card-brand{position:absolute;left:20px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;color:#fff}
.commercial-card-brand img{width:64px;height:64px;object-fit:contain;border-radius:17px;background:#fff;padding:7px;box-shadow:0 14px 30px rgba(0,0,0,.28)}
.commercial-card-brand span{font-size:.78rem;color:#d4e5f7}
.commercial-badge{position:absolute;right:16px;top:16px;z-index:2;padding:8px 11px;border-radius:999px;background:linear-gradient(135deg,#1f98ff,#19c9ff);color:#fff;font-size:.72rem;font-weight:850;box-shadow:0 12px 30px rgba(24,149,255,.32)}
.commercial-card-body{padding:24px}
.commercial-card-body h3{margin:0 0 10px;font-size:1.8rem;color:#fff}
.commercial-card-body>p{margin:0;color:#dce9f9;line-height:1.7}
.commercial-benefits{display:grid;gap:9px;margin:18px 0;padding:0;list-style:none}
.commercial-benefits li{position:relative;padding-left:24px;color:#c9dbef}
.commercial-benefits li::before{content:"✓";position:absolute;left:0;top:0;color:#68e8ff;font-weight:900}
.commercial-actions{display:flex;gap:10px;flex-wrap:wrap}
.commercial-actions .btn{flex:1 1 180px;justify-content:center}

.related-slot-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.related-slot-card{position:relative;overflow:hidden;min-height:260px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#0b1727;box-shadow:0 18px 44px rgba(0,8,20,.32);transition:.2s}
.related-slot-card:hover{transform:translateY(-4px);border-color:rgba(34,214,255,.3)}
.related-slot-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block}
.related-slot-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(5,12,21,.94))}
.related-slot-card span{position:absolute;left:18px;right:18px;bottom:17px;z-index:2;color:#fff;font-size:1.14rem;font-weight:850}

.mobile-conversion-bar{position:fixed;left:10px;right:10px;bottom:74px;z-index:145;display:none;align-items:center;gap:10px;padding:10px;border-radius:18px;background:rgba(7,16,29,.96);border:1px solid rgba(68,159,255,.25);box-shadow:0 18px 46px rgba(0,0,0,.34);backdrop-filter:blur(14px)}
.mobile-conversion-bar img{width:44px;height:44px;object-fit:contain;border-radius:12px;background:#fff;padding:4px}
.mobile-conversion-copy{min-width:0;flex:1}
.mobile-conversion-copy strong,.mobile-conversion-copy span{display:block}
.mobile-conversion-copy strong{color:#fff;font-size:.83rem}
.mobile-conversion-copy span{color:#91abc8;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-conversion-bar .btn{min-height:40px;padding:8px 12px;font-size:.78rem;animation:none}
.mobile-conversion-close{width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}

.global-offer-modal{max-width:640px}
.global-offer-brand{position:relative;display:flex;align-items:center;gap:14px;margin:17px 0}
.global-offer-brand img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:7px;box-shadow:0 18px 35px rgba(0,0,0,.25)}
.global-offer-brand strong,.global-offer-brand span{display:block}
.global-offer-brand strong{font-size:1.25rem;color:#fff}
.global-offer-brand span{color:#92adcb;font-size:.78rem}
.offer-note{line-height:1.55}

@media(max-width:900px){.commercial-casino-grid{grid-template-columns:1fr}.commercial-card-media{min-height:220px}}
@media(max-width:760px){.mobile-conversion-bar.show{display:flex}.related-slot-gallery{grid-template-columns:1fr}.commercial-card-body{padding:20px}.commercial-card-media{min-height:205px}.commercial-card-media>img{min-height:205px}.commercial-card-brand{left:15px;bottom:14px}.commercial-card-brand img{width:54px;height:54px}.commercial-card-body h3{font-size:1.55rem}.commercial-actions{flex-direction:column}.commercial-actions .btn{flex:auto}.global-offer-modal{padding:25px 20px}.global-offer-brand img{width:62px;height:62px}}


/* ===== final readability + footer brands + conversion pass ===== */
:root{
  --bg:#0a1220;
  --surface:#121c2c;
  --surface-2:#172235;
  --surface-3:#1d2a41;
  --text:#f6f9ff;
  --text-2:#e6eefb;
  --muted:#cdd9ea;
  --line:rgba(158,183,218,.18);
  --green:#2393ff;
  --green-dark:#0d6ee8;
  --green-soft:rgba(35,147,255,.14);
  --lime:#33d4ff;
}
html{background:radial-gradient(circle at 8% 0%, rgba(54,132,255,.10), transparent 24%),radial-gradient(circle at 100% 12%, rgba(51,212,255,.08), transparent 26%),#0a1220}
body{background:transparent;color:var(--text);font-size:17px;line-height:1.7}
p,li{line-height:1.72}
body::before{background:linear-gradient(180deg, rgba(255,255,255,.012), transparent 18%)}
.site-header{background:rgba(10,18,32,.9)}
.nav-links>a{color:#ebf3ff}
.nav-links>a:hover,.nav-links>a.active{background:rgba(255,255,255,.08);color:#fff}
.category-chip{background:rgba(255,255,255,.05);color:#e4efff}
.category-chip:hover,.category-chip.active{background:linear-gradient(180deg, rgba(51,212,255,.14), rgba(35,147,255,.16));color:#fff}
.btn-primary{background:linear-gradient(135deg,#2b8fff,#37d2ff);box-shadow:0 14px 32px rgba(24,120,255,.26)}
.btn-primary:hover{background:linear-gradient(135deg,#4a9fff,#56dbff)}
.btn-secondary{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.14)}
.btn-ghost{background:rgba(255,255,255,.04);color:#eff6ff}
.kicker,.eyebrow,.text-link{color:#7fdbff}
.section-header p,.lead,.product-hero-copy p,.real-media-copy p,.cross-card p,.cross-card li,.cross-card td,.cross-card span,.article-row p,.article-row span,.feature-article p,.user-review p,.side-card p,.bonus-card p,.legal-document p,.legal-document li,.review-visual-card figcaption span,.visual-promo-copy p,.footer-about p,.footer-column a,.footer-legal,.product-trustitem span,.offer-note,.offer-point,.cookie-consent p,.provider-wall-head p,.brand-wall-copy span{color:#dde8f7}
.section-header p,.lead,.product-hero-copy p,.real-media-copy p{font-size:1.03rem}
.section-header h2,.content-block h2,.cross-card h2,.cross-card h3,.feature-article h3,.bonus-card h3,.side-card h3,.article-row h3,.visual-promo-copy strong,.review-visual-card strong,.brand-wall-copy strong,.provider-wall-head h3,.cta-mega-copy h2{color:#fff;letter-spacing:-.03em}
.product-hero-shell,.featured-panel,.real-media-hero,.feature-article,.guide-card,.quiz-card,.cross-card,.rank-card,.bonus-card,.side-card,.category-tile,.article-row,.directory-card,.dm-hub-card,.provider-premium-card,.premium-topic-panel,.win-side-shell,.side-spotlight,.promo-line,.legal-document,.contact-panel,.cluster-brand-card,.editorial-note,.editorial-verdict,.product-trustbar,.sticky-affiliate-bar,.site-search-panel,.cookie-consent,.site-search-result,.site-search-empty,.site-search-input,.mobile-bottom-nav,.nav-links.open,.product-hero-aside,.hero-metric,.product-brand-chip,.game-spotlight,.game-side-card,.slot-slide,.lux-slot-card,.faq-card,.table-card,.comparison-table-shell,.cross-hero-shell,.review-hero-shell,.offer-card,.comparison-callout,.info-card,.benefit-card,.review-visual-card,.visual-promo-card,.brand-wall-card,.provider-wall-card,.cta-mega-strip{
  background:linear-gradient(180deg, rgba(20,29,45,.98), rgba(14,22,34,.99));
  border:1px solid rgba(177,196,226,.16)!important;
  box-shadow:0 14px 36px rgba(0,8,20,.28);
}
.product-hero-copy h1,.featured-panel h1,.real-media-copy h1{font-size:clamp(2.35rem,5vw,4.4rem);line-height:1.02;text-shadow:none}
.cross-art.cross-art-photo::after,.product-hero-media::after{background:linear-gradient(90deg, rgba(8,14,24,.24), rgba(8,14,24,.28) 42%, rgba(8,14,24,.55))}
.compare-table th,.compare-table td{padding:15px 14px}
.compare-table th{background:rgba(255,255,255,.03);color:#a5c4e8}
.compare-table td{color:#eef5ff}
.cross-check{background:linear-gradient(180deg, rgba(25,37,58,.98), rgba(17,26,40,.98));border-color:rgba(177,196,226,.14)!important}
.cross-check span{color:#e4eefb}
.global-offer-modal p{color:#e7f1ff}
.offer-point{background:rgba(255,255,255,.06);color:#eff6ff}
.scroll-top-btn{background:linear-gradient(135deg, rgba(28,41,63,.98), rgba(18,28,42,.98))}
.mobile-conversion-bar{background:rgba(10,18,32,.96);border-top:1px solid rgba(177,196,226,.14);box-shadow:0 -16px 38px rgba(0,8,20,.28)}

.footer-brand-wall{padding-top:10px}
.brand-wall-grid,.provider-wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.brand-wall-card,.provider-wall-card{display:flex;flex-direction:column;overflow:hidden;border-radius:22px;text-decoration:none;min-height:100%;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.brand-wall-card:hover,.provider-wall-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,8,20,.34);border-color:rgba(51,212,255,.26)!important}
.brand-wall-card img,.provider-wall-card img{display:block;width:100%;aspect-ratio:1.28/1;object-fit:cover;background:#0e1828}
.brand-wall-copy{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px}
.brand-wall-copy strong{font-size:1.04rem}
.brand-wall-copy span{font-size:.92rem;line-height:1.6}
.provider-wall-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:28px 0 14px}
.provider-wall-head p{max-width:60ch;margin:0}
.provider-wall-head h3{margin:0;font-size:1.45rem}
.cta-mega-strip{display:grid;grid-template-columns:1.15fr .95fr;gap:18px;align-items:center;border-radius:26px;padding:26px;margin-top:28px}
.cta-mega-copy h2{margin:8px 0 10px;font-size:clamp(1.6rem,3vw,2.35rem)}
.cta-mega-copy p{margin:0;max-width:64ch}
.cta-mega-actions{display:grid;grid-template-columns:1fr;gap:12px}
.cta-mega-actions .btn{justify-content:center;min-height:50px;font-weight:800}
.footer-main{border-top:1px solid rgba(177,196,226,.1)}
.footer-column a:hover,.footer-email{color:#84dcff}

@media (max-width:1100px){
  .brand-wall-grid,.provider-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-mega-strip{grid-template-columns:1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .brand-wall-grid,.provider-wall-grid{grid-template-columns:1fr}
  .provider-wall-head{display:block}
  .provider-wall-head p{margin-top:8px}
  .cta-mega-strip{padding:20px}
}


/* ===== definitive contrast fix: no grey text on white surfaces ===== */
body,main{color:#f7fbff!important}

/* All legacy light content surfaces are now dark and high contrast. */
.quiz-card,
.quiz-option,
.rank-card,
.category-tile,
.alt-card,
.age-box,
.toc-card,
.related-card,
.source-card,
.prose-section,
.directory-card,
.site-map-card,
.slots-panel,
.slot-slide,
.mini-slot-card,
.intent-card,
.cross-card,
.semantic-faq details,
.cluster-brand-card,
.dm-hub-card,
.product-section-copy,
.legal-document,
.product-trustbar,
.game-review-panel,
.brand-visual,
.brand-filter button,
.side-query-list span,
.info-card,
.benefit-card,
.review-card,
.table-card,
.comparison-table-shell,
.faq-card,
.offer-card,
.comparison-callout,
.article-row,
.feature-article,
.user-review,
.bonus-card,
.side-card,
.guide-card,
.directory-card,
.visual-promo-card,
.review-visual-card,
.brand-wall-card,
.provider-wall-card,
.cta-mega-strip{
  background:linear-gradient(180deg,#172235 0%,#111b2a 100%)!important;
  border-color:rgba(177,196,226,.2)!important;
  color:#f7fbff!important;
  box-shadow:0 14px 34px rgba(0,8,20,.26)!important;
}

/* High-contrast text inside every converted surface. */
.quiz-card h1,.quiz-card h2,.quiz-card h3,
.quiz-card p,.quiz-card span,.quiz-option,
.rank-card strong,.rank-card span,.rank-card p,
.category-tile strong,.category-tile span,
.alt-card h1,.alt-card h2,.alt-card h3,.alt-card p,.alt-card span,
.age-box h1,.age-box h2,.age-box h3,.age-box p,
.toc-card h1,.toc-card h2,.toc-card h3,.toc-card p,.toc-card a,
.related-card h1,.related-card h2,.related-card h3,.related-card p,.related-card a,
.source-card h1,.source-card h2,.source-card h3,.source-card p,.source-card a,
.prose-section h1,.prose-section h2,.prose-section h3,.prose-section p,.prose-section li,.prose-section span,.prose-section a,
.directory-card h1,.directory-card h2,.directory-card h3,.directory-card p,.directory-card span,.directory-card a,
.site-map-card h1,.site-map-card h2,.site-map-card h3,.site-map-card p,.site-map-card a,
.slots-panel h1,.slots-panel h2,.slots-panel h3,.slots-panel p,.slots-panel span,
.slot-slide h1,.slot-slide h2,.slot-slide h3,.slot-slide p,.slot-slide span,.slot-slide strong,
.mini-slot-card h1,.mini-slot-card h2,.mini-slot-card h3,.mini-slot-card p,.mini-slot-card span,.mini-slot-card strong,
.intent-card h1,.intent-card h2,.intent-card h3,.intent-card p,.intent-card span,.intent-card strong,
.cross-card h1,.cross-card h2,.cross-card h3,.cross-card p,.cross-card li,.cross-card span,.cross-card td,.cross-card th,.cross-card a,
.semantic-faq details,.semantic-faq summary,.semantic-faq details div,
.cluster-brand-card h1,.cluster-brand-card h2,.cluster-brand-card h3,.cluster-brand-card p,.cluster-brand-card span,.cluster-brand-card a,
.dm-hub-card h1,.dm-hub-card h2,.dm-hub-card h3,.dm-hub-card p,.dm-hub-card span,.dm-hub-card a,
.product-section-copy h1,.product-section-copy h2,.product-section-copy h3,.product-section-copy p,.product-section-copy span,
.legal-document h1,.legal-document h2,.legal-document h3,.legal-document p,.legal-document li,.legal-document a,
.product-trustitem strong,.product-trustitem span,
.game-review-panel h1,.game-review-panel h2,.game-review-panel h3,.game-review-panel p,.game-review-panel li,
.brand-visual h1,.brand-visual h2,.brand-visual h3,.brand-visual p,.brand-visual span,
.side-query-list span,
.brand-filter button,
.info-card h1,.info-card h2,.info-card h3,.info-card p,.info-card span,
.benefit-card h1,.benefit-card h2,.benefit-card h3,.benefit-card p,.benefit-card span,
.article-row h1,.article-row h2,.article-row h3,.article-row p,.article-row span,
.feature-article h1,.feature-article h2,.feature-article h3,.feature-article p,.feature-article span,
.user-review h1,.user-review h2,.user-review h3,.user-review p,.user-review span,
.bonus-card h1,.bonus-card h2,.bonus-card h3,.bonus-card p,.bonus-card span,
.side-card h1,.side-card h2,.side-card h3,.side-card p,.side-card span,
.guide-card h1,.guide-card h2,.guide-card h3,.guide-card p,.guide-card span,
.visual-promo-copy strong,.visual-promo-copy p,.visual-promo-copy span,
.review-visual-card figcaption strong,.review-visual-card figcaption span,
.brand-wall-copy strong,.brand-wall-copy span,
.provider-wall-head h3,.provider-wall-head p,
.cta-mega-copy h2,.cta-mega-copy p{
  color:#f1f7ff!important;
}

/* Secondary copy remains visually distinct but still readable. */
.rank-name span,.rank-bonus span,.category-tile span,.article-row span,
.user-review span,.bonus-card span,.side-card span,.guide-card span,
.product-trustitem span,.brand-wall-copy span,.review-visual-card figcaption span,
.visual-promo-copy p,.provider-wall-head p,.cta-mega-copy p{
  color:#cddcf0!important;
}

/* Pills, filters and inline controls. */
.tag,.brand-pills a,.brand-pills span,.toc-card a,.side-query-list span,
.brand-filter button,.quiz-option{
  background:#1c2a40!important;
  border-color:rgba(183,204,235,.22)!important;
  color:#f4f8ff!important;
}
.tag-green,.brand-filter button.active,.quiz-option:hover,.quiz-option.selected{
  background:linear-gradient(135deg,rgba(43,143,255,.28),rgba(55,210,255,.2))!important;
  border-color:rgba(86,219,255,.45)!important;
  color:#fff!important;
}
.tag-orange,.quiz-badge,.info-banner{
  background:#34291a!important;
  border-color:rgba(255,200,105,.28)!important;
  color:#ffe0a3!important;
}

/* Buttons can no longer become white with grey labels. */
.aff-card .btn,.lux-slot-actions .btn,.btn-primary{
  background:linear-gradient(135deg,#2b8fff,#37d2ff)!important;
  border-color:transparent!important;
  color:#fff!important;
}
.btn-secondary,.btn-ghost{
  background:#1c2a40!important;
  border-color:rgba(183,204,235,.22)!important;
  color:#f7fbff!important;
}
.btn-secondary:hover,.btn-ghost:hover{
  background:#253650!important;
  color:#fff!important;
}

/* Search, mobile menu and footer. */
.site-search-panel,.site-search-input,.site-search-result,.site-search-empty,
.nav-links.open,.mobile-bottom-nav,.cookie-consent{
  background:#101a2a!important;
  color:#f7fbff!important;
}
.site-search-input::placeholder{color:#9fb4d0!important}
.site-search-result span{color:#bed0e7!important}
.site-search-close,.menu-toggle,.search-button{
  background:#1b2940!important;
  border-color:rgba(183,204,235,.2)!important;
  color:#fff!important;
}
.footer{background:#080f1a!important;color:#dce8f7!important}
.footer p,.footer span,.footer a{color:#dce8f7!important}
.footer strong{color:#fff!important}

/* White is reserved only for image/logo mats and real playing cards. */
.brand-avatar.brand-logo,.rail-logo,.product-brand-chip img,
.product-brand-logo,.commercial-card-brand img,.mobile-conversion-bar img,
.global-offer-brand img,.aff-card img,.sticky-affiliate-bar img{
  background:#fff!important;
}
.poker-card{background:linear-gradient(180deg,#fff,#f7fafb)!important;color:#17202c!important}
.poker-card span,.poker-card small{color:#17202c!important}
.poker-card.two span,.poker-card.two small{color:#8c3040!important}
.poker-card.three span,.poker-card.three small{color:#9a5d25!important}

@media(max-width:800px){
  .nav-links{background:#101a2a!important}
}




/* ===== usability + real-brand blocks + stronger CTAs ===== */
.section-soft{background:#eff4fa;border-top:1px solid rgba(12,28,53,.05);border-bottom:1px solid rgba(12,28,53,.05)}
.section,.section-soft{padding-top:72px;padding-bottom:72px}
.section-header p,.rank-name span,.rank-bonus span,.bonus-card p,.guide-card p,.feature-article p,.article-row span,.side-card p,.product-trustitem span,.product-hero-aside p,.hero-metric span,.cross-card p,.visual-promo-copy p,.review-visual-card figcaption span,.brand-wall-copy span,.provider-wall-head p,.cta-mega-copy p,.inline-affiliate-box p,.topic-duo-card p,.topic-duo-link,.category-tile-copy span:last-child{color:#4b5d77!important}
.section-header h2,.content-block h2,.feature-article h3,.article-row h3,.bonus-card h3,.side-card h3,.cross-card h2,.cross-card h3,.rank-name strong,.brand-wall-copy strong,.provider-wall-head h3,.cta-mega-copy h2,.inline-affiliate-box h3,.topic-duo-card h3,.category-tile-copy strong{color:#0c1c35!important}
.topic-duo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.topic-duo-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;border-radius:24px;background:#fff!important;border:1px solid rgba(18,45,84,.1)!important;box-shadow:0 14px 34px rgba(20,35,61,.08)!important}
.topic-duo-card.with-photo img{width:100%;aspect-ratio:1.65/1;object-fit:cover;background:#dbe6f5}
.topic-duo-card-copy{padding:20px 20px 22px}
.topic-duo-badge{display:inline-flex;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:#e8f3ff;color:#1567d8;font-weight:800;font-size:.77rem}
.topic-duo-link{display:inline-flex;margin-top:10px;color:#1567d8!important;font-weight:800}
.compare-cta-row{display:flex;justify-content:flex-end;gap:12px;margin:0 0 18px;flex-wrap:wrap}
.compare-register-btn{min-width:220px}
.ranking-shell{align-items:start}
.rank-card{background:#fff!important;border:1px solid rgba(16,43,82,.11)!important;box-shadow:0 12px 30px rgba(22,38,65,.08)!important}
.rank-name span,.rank-bonus span{font-size:.92rem}
.rank-actions{display:flex;gap:10px;flex-wrap:wrap}
.rank-actions .btn{flex:1 1 auto}
.side-card,.side-card.highlight{background:#fff!important}
.side-card.highlight .btn-primary{width:100%}
.category-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.category-tile.has-image{display:flex;flex-direction:column;overflow:hidden;padding:0;background:#fff!important;border:1px solid rgba(16,43,82,.11)!important;box-shadow:0 12px 28px rgba(22,38,65,.08)!important}
.category-tile.has-image img{width:100%;aspect-ratio:1.45/1;object-fit:cover;background:#dbe6f5}
.category-tile-copy{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px}
.category-tile-copy .tile-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#eff6ff;color:#1567d8;font-weight:800}
.footer-brand-wall .section-header{margin-bottom:22px}
.brand-wall-grid,.provider-wall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.brand-wall-card,.provider-wall-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;border-radius:22px;background:#fff!important;border:1px solid rgba(16,43,82,.11)!important;box-shadow:0 12px 28px rgba(22,38,65,.08)!important}
.brand-wall-card img{width:100%;aspect-ratio:1.5/1;object-fit:contain;background:#fff;padding:22px}
.provider-wall-card img{width:100%;aspect-ratio:1.55/1;object-fit:contain;background:#fff;padding:18px}
.brand-wall-copy{padding:18px 18px 20px;display:flex;flex-direction:column;gap:8px}
.provider-wall-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 14px}
.provider-wall-head h3{margin:0}
.cta-mega-strip,.inline-affiliate-box{display:grid;grid-template-columns:1.15fr .95fr;gap:18px;align-items:center;border-radius:24px;padding:24px;background:linear-gradient(135deg,#eaf4ff,#ffffff)!important;border:1px solid rgba(21,103,216,.12)!important;box-shadow:0 14px 32px rgba(21,103,216,.08)!important}
.cta-mega-actions,.inline-affiliate-actions{display:grid;gap:12px}
.page-inline-affiliate{padding-top:20px;padding-bottom:20px}
.inline-affiliate-box h3,.cta-mega-copy h2{margin:8px 0 10px;font-size:clamp(1.45rem,3vw,2.15rem)}
.inline-affiliate-box p,.cta-mega-copy p{margin:0;max-width:60ch}
.btn-primary,.btn-secondary{font-weight:800}
@media (max-width:1080px){
  .brand-wall-grid,.provider-wall-grid,.category-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-mega-strip,.inline-affiliate-box{grid-template-columns:1fr}
}
@media (max-width:760px){
  .topic-duo-grid,.brand-wall-grid,.provider-wall-grid,.category-image-grid{grid-template-columns:1fr}
  .compare-cta-row{justify-content:stretch}.compare-cta-row .btn{width:100%}
  .provider-wall-head{display:block}.provider-wall-head p{margin-top:8px}
}


/* ===== homepage polish round 2 ===== */
.readable-trustbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.readable-trustbar .product-trustitem{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px;padding:18px 18px 16px;backdrop-filter:blur(8px);min-height:92px;display:flex;flex-direction:column;justify-content:center}
.readable-trustbar .product-trustitem strong{display:block;margin-bottom:6px;font-size:1rem;color:#ffffff!important}
.readable-trustbar .product-trustitem span{font-size:.92rem;line-height:1.45;color:#d6e7ff!important}
.bonus-rail{background:linear-gradient(180deg,#0e1727,#111e31)}
.bonus-rail .rail-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:8px 12px;border-radius:999px}
.bonus-rail .rail-item b{color:#fff}.bonus-rail .rail-item span{color:#d8e6ff}
.category-image-grid .category-tile.has-image img{aspect-ratio:1.6/1;object-fit:cover}
.category-image-grid .category-tile.has-image{border-radius:24px;overflow:hidden}
.category-tile-copy{background:linear-gradient(180deg,#ffffff,#f8fbff)}
.compare-rich-grid .topic-duo-card.with-photo{min-height:100%;overflow:hidden}
.compare-rich-grid .topic-duo-card.with-photo img{aspect-ratio:1.7/1;object-fit:cover}
.compare-rich-grid .topic-duo-card-copy{background:#fff}
.guides-rich-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:20px;align-items:stretch}
.feature-article-large{height:100%;background:#fff;border:1px solid rgba(16,43,82,.11);border-radius:24px;overflow:hidden;box-shadow:0 14px 34px rgba(20,35,61,.08)}
.feature-article-large .feature-media img{width:100%;aspect-ratio:1.45/1;object-fit:cover}
.guide-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guide-media-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;background:#fff;border:1px solid rgba(16,43,82,.11);border-radius:22px;box-shadow:0 12px 28px rgba(22,38,65,.08)}
.guide-media-card img{width:100%;aspect-ratio:1.6/1;object-fit:cover;background:#dbe6f5}
.guide-media-copy{padding:16px 16px 18px}
.guide-media-copy span{display:block;margin-bottom:10px;font-size:.84rem;font-weight:700;color:#4d6a90}
.guide-media-copy h3{margin:0;color:#0c1c35;font-size:1.02rem;line-height:1.35}
.provider-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.provider-wall-card{position:relative;background:linear-gradient(180deg,#ffffff,#f6f9ff)!important}
.provider-wall-card::before{content:"";display:block;height:72px;background:linear-gradient(135deg,#e8f2ff,#ffffff)}
.provider-wall-card img{margin-top:-44px;width:calc(100% - 32px);margin-left:16px;margin-right:16px;padding:16px;background:#fff;border-radius:18px;border:1px solid rgba(16,43,82,.08);box-shadow:0 12px 26px rgba(21,103,216,.08)}
.brand-wall-copy{padding-top:8px}
.rank-actions .btn.btn-primary{min-width:120px}
.rank-actions .btn.btn-primary::after{content:none}
@media (max-width:1080px){
  .guides-rich-grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .readable-trustbar{grid-template-columns:1fr 1fr}
  .guide-media-grid{grid-template-columns:1fr}
}


/* ===== final sitewide readability and media polish ===== */
:root{
  --page-surface:#f3f7fd;
  --card-bg:#ffffff;
  --card-border:rgba(17,46,87,.10);
  --card-shadow:0 14px 34px rgba(20,35,61,.08);
  --text-strong:#10213a;
  --text-body:#4e607a;
  --text-soft:#6c7f99;
  --blue:#1f7ff6;
}
body{background:var(--page-surface)!important;color:var(--text-body)!important}
.utility-strip{background:#f8fbff!important;border-bottom:1px solid rgba(17,46,87,.08)!important}
.utility-strip span,.utility-strip a{color:#4c607a!important}
.category-strip{background:#ffffff!important;border-bottom:1px solid rgba(17,46,87,.08)!important}
.category-chip{background:#f4f8fe!important;border:1px solid rgba(17,46,87,.08)!important;color:#29476f!important}
.category-chip.active{background:#e8f2ff!important;color:#0f58c8!important;border-color:rgba(31,127,246,.18)!important}
.product-brand-chip{background:#fff!important;border:1px solid rgba(17,46,87,.08)!important;color:#1e385c!important;box-shadow:0 8px 20px rgba(20,35,61,.06)!important}
.product-brand-chip:hover{transform:translateY(-2px)}
.bonus-rail .rail-label{color:#ffffff!important}
.section-header p,.section p{color:var(--text-body)!important}
.section-header h2,.section h1,.section h2,.section h3,.section strong{color:var(--text-strong)!important}
.rank-card,.bonus-card,.side-card,.feature-article,.guide-card,.directory-card,.review-visual-card,.table-card,.comparison-table-shell,.faq-card,.offer-card,.comparison-callout,.article-row,.user-review,.info-card,.benefit-card,.visual-promo-card,.cross-card,.cluster-brand-card,.dm-hub-card,.brand-visual,.product-section-copy,.game-review-panel,.legal-document,.toc-card,.related-card,.source-card,.site-map-card,.editorial-footer .footer-column,.inline-affiliate-box,.cta-mega-strip,.guide-media-card,.topic-duo-card,.brand-wall-card,.provider-wall-card{
  background:var(--card-bg)!important;
  border:1px solid var(--card-border)!important;
  box-shadow:var(--card-shadow)!important;
  color:var(--text-body)!important;
}
.rank-card *, .bonus-card *, .side-card *, .feature-article *, .guide-card *, .directory-card *, .review-visual-card *, .table-card *, .comparison-table-shell *, .faq-card *, .offer-card *, .comparison-callout *, .article-row *, .user-review *, .info-card *, .benefit-card *, .visual-promo-card *, .cross-card *, .cluster-brand-card *, .dm-hub-card *, .brand-visual *, .product-section-copy *, .game-review-panel *, .legal-document *, .toc-card *, .related-card *, .source-card *, .site-map-card *, .guide-media-card *, .topic-duo-card *, .brand-wall-card *, .provider-wall-card *{
  color:inherit;
}
.rank-card h1,.rank-card h2,.rank-card h3,.rank-card strong,
.bonus-card h1,.bonus-card h2,.bonus-card h3,.bonus-card strong,
.side-card h1,.side-card h2,.side-card h3,.side-card strong,
.feature-article h1,.feature-article h2,.feature-article h3,.feature-article strong,
.guide-card h1,.guide-card h2,.guide-card h3,.guide-card strong,
.directory-card h1,.directory-card h2,.directory-card h3,.directory-card strong,
.review-visual-card h1,.review-visual-card h2,.review-visual-card h3,.review-visual-card strong,
.user-review h1,.user-review h2,.user-review h3,.user-review strong,
.cross-card h1,.cross-card h2,.cross-card h3,.cross-card strong,
.info-card h1,.info-card h2,.info-card h3,.info-card strong,
.benefit-card h1,.benefit-card h2,.benefit-card h3,.benefit-card strong,
.visual-promo-card h1,.visual-promo-card h2,.visual-promo-card h3,.visual-promo-card strong,
.product-section-copy h1,.product-section-copy h2,.product-section-copy h3,.product-section-copy strong,
.game-review-panel h1,.game-review-panel h2,.game-review-panel h3,.game-review-panel strong,
.legal-document h1,.legal-document h2,.legal-document h3,.legal-document strong,
.toc-card h1,.toc-card h2,.toc-card h3,.toc-card strong,
.source-card h1,.source-card h2,.source-card h3,.source-card strong,
.site-map-card h1,.site-map-card h2,.site-map-card h3,.site-map-card strong,
.guide-media-card h3,.topic-duo-card h3,.brand-wall-copy strong,.provider-wall-card strong,
.inline-affiliate-box h3,.cta-mega-copy h2{color:var(--text-strong)!important}
.rank-card p,.rank-card span,.bonus-card p,.bonus-card span,.side-card p,.side-card span,.feature-article p,.feature-article span,.guide-card p,.guide-card span,.directory-card p,.directory-card span,.review-visual-card p,.review-visual-card span,.user-review p,.user-review span,.cross-card p,.cross-card span,.cross-card li,.info-card p,.info-card span,.benefit-card p,.benefit-card span,.visual-promo-card p,.visual-promo-card span,.product-section-copy p,.product-section-copy span,.game-review-panel p,.game-review-panel span,.legal-document p,.legal-document li,.legal-document span,.toc-card p,.toc-card a,.source-card p,.source-card a,.site-map-card p,.site-map-card a,.guide-media-copy span,.topic-duo-link,.brand-wall-copy span,.provider-wall-head p,.inline-affiliate-box p,.cta-mega-copy p{color:var(--text-body)!important}
.rank-number{background:#eef5ff!important;color:#1467d7!important}
.tag{background:#eff5ff!important;color:#2b5da5!important;border:1px solid rgba(20,103,215,.10)!important}
.tag-green{background:#e9fff2!important;color:#157f48!important;border:1px solid rgba(21,127,72,.12)!important}
.btn-primary{background:linear-gradient(135deg,#2788ff,#1ea5ff)!important;color:#fff!important;border:none!important}
.btn-secondary,.btn-ghost{background:#edf4ff!important;color:#2057a5!important;border:1px solid rgba(20,103,215,.12)!important}
.bonus-card .promo-line, .promo-line{background:#f6f9ff!important;border:1px solid rgba(17,46,87,.08)!important}
.bonus-card .promo-line span,.promo-line span{color:#57739a!important}
.bonus-card code,.promo-line code{color:#143765!important}
.footer-brand-wall .section-header{margin-bottom:24px}
.brand-wall-card img{background:#fff!important;object-fit:contain!important;padding:20px!important}
.provider-wall-card{overflow:hidden!important;border-radius:24px!important}
.provider-wall-card::before{content:none!important}
.provider-wall-card img{display:block!important;width:calc(100% - 24px)!important;margin:14px auto 8px!important;padding:0!important;background:#fff!important;border:1px solid rgba(17,46,87,.08)!important;border-radius:18px!important;box-shadow:0 10px 24px rgba(20,35,61,.06)!important;aspect-ratio:1.7/1;object-fit:contain!important}
.provider-wall-card .brand-wall-copy{padding:14px 18px 18px!important}
.cta-mega-strip,.inline-affiliate-box{background:linear-gradient(180deg,#ffffff,#f6faff)!important}
.topic-duo-card.with-photo img,.guide-media-card img,.feature-article-large .feature-media img,.category-tile.has-image img{filter:saturate(1.03) contrast(1.02)}
.readable-trustbar .product-trustitem{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.16)!important}
.readable-trustbar .product-trustitem strong{color:#fff!important}
.readable-trustbar .product-trustitem span{color:#e0ebfb!important}
.footer{background:#08111d!important;color:#d7e7fb!important}.footer p,.footer a,.footer span{color:#d7e7fb!important}.footer strong{color:#fff!important}
@media(max-width:760px){
  .product-brand-row{grid-template-columns:1fr 1fr!important}
  .provider-wall-grid,.brand-wall-grid{grid-template-columns:1fr!important}
}


/* ===== theme-final.css ===== */
/* Final clean theme: dark navigation and hero, light readable content. */
:root{
  --kr-navy:#0b1730;
  --kr-navy-2:#112447;
  --kr-blue:#1677ff;
  --kr-cyan:#18bfe8;
  --kr-ink:#132033;
  --kr-body:#34445c;
  --kr-muted:#607089;
  --kr-bg:#edf2f7;
  --kr-card:#ffffff;
  --kr-soft:#f6f8fb;
  --kr-border:#d8e1ec;
  --kr-shadow:0 12px 34px rgba(20,38,67,.10);
}
html{background:var(--kr-bg)!important}
body{background:var(--kr-bg)!important;color:var(--kr-ink)!important;font-size:17px!important;line-height:1.68!important}
body::before{display:none!important}
p,li{line-height:1.72!important}
a{color:inherit}
.container{width:min(1180px,calc(100% - 32px))!important}

/* Dark navigation only. */
.bonus-rail,.utility-strip,.site-header,.category-strip{background:var(--kr-navy)!important;border-color:rgba(255,255,255,.09)!important;color:#fff!important}
.site-header{backdrop-filter:blur(16px)!important}
.rail-item{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}
.rail-item span,.utility-strip span,.utility-strip a{color:#d7e6fb!important}
.nav-links>a{color:#e7f0ff!important;font-weight:750!important}
.nav-links>a:hover,.nav-links>a.active{background:rgba(255,255,255,.11)!important;color:#fff!important}
.menu-toggle,.search-button{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
.category-chip{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important;color:#eaf3ff!important}
.category-chip:hover,.category-chip.active{background:#fff!important;border-color:#fff!important;color:var(--kr-navy)!important}
.category-icon{background:rgba(255,255,255,.1)!important;color:#fff!important}
.category-chip.active .category-icon,.category-chip:hover .category-icon{background:#e8f1ff!important;color:var(--kr-blue)!important}

/* Main page canvas. */
main{background:var(--kr-bg)!important;color:var(--kr-ink)!important}
.section{background:transparent!important}
.section-soft{background:#e7edf4!important;border-color:#d2dde9!important}
.section-header{border-bottom-color:#d9e2ec!important}
.section-header h2,.content-block h2,.provider-wall-head h3{color:var(--kr-ink)!important}
.section-header p,.provider-wall-head p{color:var(--kr-body)!important}
.kicker{color:#0968d8!important}
.text-link{color:#0968d8!important}
.breadcrumbs,.breadcrumbs a,.media-credit,.disclosure{color:#5d6d83!important}

/* Dark editorial heroes. */
.product-hero,.portal-hero,.cross-hero{background:linear-gradient(135deg,var(--kr-navy),var(--kr-navy-2))!important;color:#fff!important}
.product-hero{padding:36px 0 30px!important}
.cross-hero{padding:28px 0 34px!important}
.product-hero-shell,.featured-panel,.real-media-hero,.cross-hero-grid,.review-hero-shell,.cross-hero-shell{
  background:linear-gradient(135deg,#102245,#0b1730)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 64px rgba(5,16,38,.28)!important;
  color:#fff!important;
}
.product-hero-copy h1,.featured-panel h1,.real-media-copy h1,.cross-hero-copy h1,
.product-hero-copy p,.featured-panel p,.real-media-copy p,.cross-hero-copy p,.cross-hero-copy .lead,
.product-hero .eyebrow,.portal-hero .eyebrow,.cross-hero .eyebrow,.real-media-hero .eyebrow{
  color:#fff!important;
}
.product-hero-copy p,.featured-panel p,.real-media-copy p,.cross-hero-copy p{opacity:.92!important}
.product-hero-media::after,.cross-art.cross-art-photo::after{background:linear-gradient(90deg,rgba(5,14,30,.72),rgba(5,14,30,.16) 60%,rgba(5,14,30,.28))!important}
.product-hero-aside{background:#fff!important;border-color:rgba(255,255,255,.2)!important;color:var(--kr-ink)!important;box-shadow:var(--kr-shadow)!important}
.product-hero-aside h2,.product-hero-aside p{color:var(--kr-ink)!important}
.product-brand-chip{background:#f5f8fc!important;border-color:#dbe4ef!important;color:var(--kr-ink)!important}
.product-brand-chip:hover{background:#eaf2ff!important;border-color:#9ec7ff!important}
.brand-pills span,.brand-pills a{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.product-trustbar{background:transparent!important;border:0!important;box-shadow:none!important}
.product-trustitem{background:#fff!important;border:1px solid #d8e2ee!important;color:var(--kr-ink)!important;box-shadow:var(--kr-shadow)!important}
.product-trustitem strong{color:var(--kr-ink)!important}
.product-trustitem span{color:var(--kr-body)!important}

/* All ordinary cards are white with dark text. */
:is(
  .quiz-card,.quiz-option,.rank-card,.category-tile,.alt-card,.age-box,.toc-card,.related-card,.source-card,
  .prose-section,.directory-card,.site-map-card,.slots-panel,.slot-slide,.mini-slot-card,.intent-card,.cross-card,
  .semantic-faq details,.cluster-brand-card,.dm-hub-card,.product-section-copy,.legal-document,.game-review-panel,
  .brand-visual,.info-card,.benefit-card,.review-card,.table-card,.comparison-table-shell,.faq-card,.offer-card,
  .comparison-callout,.article-row,.feature-article,.user-review,.bonus-card,.side-card,.guide-card,.visual-promo-card,
  .review-visual-card,.brand-wall-card,.provider-wall-card,.commercial-casino-card,.related-slot-card,.provider-premium-card,
  .premium-topic-panel,.win-side-shell,.side-spotlight,.promo-line,.contact-panel,.editorial-note,.editorial-verdict,
  .game-spotlight,.game-side-card,.lux-slot-card,.aff-card,.cta-mega-strip
){
  background:var(--kr-card)!important;
  border:1px solid var(--kr-border)!important;
  color:var(--kr-ink)!important;
  box-shadow:var(--kr-shadow)!important;
}
:is(
  .quiz-card,.rank-card,.category-tile,.alt-card,.age-box,.toc-card,.related-card,.source-card,.prose-section,
  .directory-card,.site-map-card,.slots-panel,.slot-slide,.mini-slot-card,.intent-card,.cross-card,.semantic-faq details,
  .cluster-brand-card,.dm-hub-card,.product-section-copy,.legal-document,.game-review-panel,.brand-visual,.info-card,
  .benefit-card,.review-card,.table-card,.comparison-table-shell,.faq-card,.offer-card,.comparison-callout,.article-row,
  .feature-article,.user-review,.bonus-card,.side-card,.guide-card,.visual-promo-card,.review-visual-card,.brand-wall-card,
  .provider-wall-card,.commercial-casino-card,.related-slot-card,.provider-premium-card,.premium-topic-panel,.win-side-shell,
  .side-spotlight,.promo-line,.contact-panel,.editorial-note,.editorial-verdict,.game-spotlight,.game-side-card,.lux-slot-card,.aff-card
) :is(h1,h2,h3,h4,strong,summary){color:var(--kr-ink)!important}
:is(
  .quiz-card,.rank-card,.category-tile,.alt-card,.age-box,.toc-card,.related-card,.source-card,.prose-section,
  .directory-card,.site-map-card,.slots-panel,.slot-slide,.mini-slot-card,.intent-card,.cross-card,.semantic-faq details,
  .cluster-brand-card,.dm-hub-card,.product-section-copy,.legal-document,.game-review-panel,.brand-visual,.info-card,
  .benefit-card,.review-card,.table-card,.comparison-table-shell,.faq-card,.offer-card,.comparison-callout,.article-row,
  .feature-article,.user-review,.bonus-card,.side-card,.guide-card,.visual-promo-card,.review-visual-card,.brand-wall-card,
  .provider-wall-card,.commercial-casino-card,.related-slot-card,.provider-premium-card,.premium-topic-panel,.win-side-shell,
  .side-spotlight,.promo-line,.contact-panel,.editorial-note,.editorial-verdict,.game-spotlight,.game-side-card,.lux-slot-card,.aff-card
) :is(p,li,span,small,td,th,a,figcaption){color:var(--kr-body)!important}

/* Controls and tags on light content. */
.tag,.side-query-list span,.brand-filter button,.quiz-option,.toc-card a{
  background:#edf3fa!important;border-color:#d5e1ef!important;color:var(--kr-ink)!important
}
.tag-green,.brand-filter button.active,.quiz-option:hover,.quiz-option.selected{
  background:#e1efff!important;border-color:#91bfff!important;color:#075fca!important
}
.tag-orange,.quiz-badge,.info-banner{background:#fff2d8!important;border-color:#f2cb78!important;color:#805300!important}

/* Buttons. */
.btn{font-weight:800!important;border-radius:12px!important;animation:none!important}
.btn-primary,.aff-card .btn,.cta-mega-actions .btn-primary,.commercial-actions .btn-primary{
  background:linear-gradient(135deg,var(--kr-blue),var(--kr-cyan))!important;
  border-color:transparent!important;color:#fff!important;box-shadow:0 10px 24px rgba(22,119,255,.24)!important
}
.btn-primary:hover{background:linear-gradient(135deg,#075fd6,#08a4cf)!important}
.btn-secondary,.btn-ghost{
  background:#fff!important;border-color:#aebed1!important;color:var(--kr-ink)!important;box-shadow:none!important
}
.btn-secondary:hover,.btn-ghost:hover{background:#edf4fc!important;border-color:#83aee2!important;color:#075fca!important}
.text-link{color:#075fca!important}

/* Tables and FAQ. */
.compare-scroll,.comparison-table-shell{background:#fff!important}
.compare-table{background:#fff!important;color:var(--kr-ink)!important}
.compare-table th{background:#eaf1f8!important;color:#30445f!important}
.compare-table td{background:#fff!important;color:#26374d!important;border-bottom-color:#dce5ef!important}
.compare-table tr:hover td{background:#f3f7fb!important}
.cross-check{background:#f4f7fb!important;border-color:#d7e1ec!important;color:var(--kr-ink)!important}
.cross-check strong{color:var(--kr-ink)!important}
.cross-check span{color:var(--kr-body)!important}
.semantic-faq summary{color:var(--kr-ink)!important}
.semantic-faq details div{color:var(--kr-body)!important}

/* Image cards. */
.visual-promo-card img,.review-visual-card img,.brand-wall-card img,.provider-wall-card img,.commercial-card-media>img,.related-slot-card img{
  background:#e8eef5!important
}
.brand-wall-copy strong,.review-visual-card figcaption strong,.visual-promo-copy strong,.commercial-card-body h3{color:var(--kr-ink)!important}
.brand-wall-copy span,.review-visual-card figcaption span,.visual-promo-copy p,.commercial-card-body p{color:var(--kr-body)!important}

/* Bottom brand wall and CTA: clean, readable. */
.footer-brand-wall{background:#e7edf4!important;border-top:1px solid #d3deea!important;padding-top:36px!important}
.brand-wall-grid,.provider-wall-grid{gap:18px!important}
.brand-wall-card,.provider-wall-card{overflow:hidden!important}
.brand-wall-copy{background:#fff!important}
.cta-mega-strip{background:linear-gradient(135deg,var(--kr-navy),var(--kr-navy-2))!important;border-color:transparent!important;color:#fff!important}
.cta-mega-copy h2,.cta-mega-copy p,.cta-mega-copy .kicker{color:#fff!important}
.cta-mega-actions .btn-secondary{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}
.cta-mega-actions .btn-secondary:hover{background:rgba(255,255,255,.18)!important}

/* Search, popup, mobile CTA and footer remain dark. */
.site-search-overlay,.global-offer-overlay{background:rgba(5,12,25,.72)!important}
.site-search-panel,.global-offer-modal,.mobile-conversion-bar,.mobile-bottom-nav,.cookie-consent,.nav-links.open{
  background:#0c1930!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important
}
.site-search-input,.site-search-result,.site-search-empty,.offer-point{
  background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important
}
.site-search-input::placeholder,.site-search-result span,.global-offer-modal p,.global-offer-brand span,.offer-note,.offer-point,.mobile-conversion-copy span,.cookie-consent p{color:#d6e4f7!important}
.global-offer-modal h3,.global-offer-brand strong,.mobile-conversion-copy strong{color:#fff!important}
.global-offer-close,.site-search-close,.mobile-conversion-close,.scroll-top-btn{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
.mobile-conversion-bar .btn{color:#fff!important}
.footer,.editorial-footer{background:#081222!important;color:#dce8f7!important}
.footer h1,.footer h2,.footer h3,.footer strong,.footer a,.footer span,.footer p{color:#dce8f7!important}
.footer strong{color:#fff!important}

/* Logo mats only. */
.brand-avatar.brand-logo,.rail-logo,.product-brand-logo,.commercial-card-brand img,.mobile-conversion-bar img,.global-offer-brand img,.aff-card img,.product-brand-chip img{background:#fff!important}

@media(max-width:800px){
  body{font-size:16px!important}
  .nav-links{background:#0c1930!important}
  .product-hero-aside{background:#fff!important}
  .product-hero-copy h1,.real-media-copy h1,.cross-hero-copy h1{font-size:clamp(2rem,10vw,3rem)!important}
  .section{padding:27px 0!important}
  .container{width:min(100% - 22px,1180px)!important}
}

/* Contrast corrections verified in browser screenshots. */
.kicker{color:#005bbd!important}
.rating,.topic-duo-badge{
  background:#e5f0ff!important;
  color:#0758b8!important;
  border:1px solid #bdd6f6!important;
}
.promo-line code{color:#0758b8!important;background:transparent!important}
.faq-item{
  background:#fff!important;
  border:1px solid var(--kr-border)!important;
  color:var(--kr-ink)!important;
  box-shadow:none!important;
}
.faq-item h3{color:var(--kr-ink)!important}
.faq-item p{color:var(--kr-body)!important}
.cluster-links a{
  background:#eef4fb!important;
  color:#1d395d!important;
  border:1px solid #d8e3ef!important;
}
.cluster-links a:hover{background:#e2efff!important;color:#0758b8!important}
.editorial-method{
  background:linear-gradient(135deg,#0b1730,#173461)!important;
  color:#fff!important;
}
.editorial-method h2,.editorial-method p,.editorial-method span,.editorial-method .kicker,.editorial-method .text-link{color:#fff!important}
.editorial-method .method-steps{border-color:rgba(255,255,255,.22)!important}
.editorial-method .method-steps span{border-color:rgba(255,255,255,.22)!important}
.cta-mega-strip{background-color:var(--kr-navy)!important}
.footer-brand-wall .cta-mega-strip{
  background:linear-gradient(135deg,#0b1730,#173461)!important;
  background-color:#0b1730!important;
  color:#fff!important;
}
.footer-brand-wall .cta-mega-strip .cta-mega-copy h2,
.footer-brand-wall .cta-mega-strip .cta-mega-copy p,
.footer-brand-wall .cta-mega-strip .cta-mega-copy .kicker{color:#fff!important}
.footer-brand-wall .cta-mega-strip .btn-secondary{
  background:rgba(255,255,255,.1)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
}
.lux-slot-image .lux-badge,
.lux-slot-image .lux-badge.secondary{
  background:rgba(5,17,34,.78)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.45)!important;
}
.media-credit{color:#52647b!important}


/* ===== design-final.css ===== */
/* Final internet-assets design system — loaded after all legacy styles. */
:root{
  --df-bg:#f3f6fb;
  --df-surface:#ffffff;
  --df-surface-soft:#eef4fb;
  --df-ink:#11223b;
  --df-text:#445a76;
  --df-muted:#6c7e96;
  --df-line:#dce6f2;
  --df-blue:#1675ef;
  --df-blue-2:#22a5ff;
  --df-navy:#071426;
  --df-navy-2:#102c50;
  --df-green:#14935b;
  --df-shadow:0 16px 42px rgba(23,48,82,.09);
  --df-shadow-sm:0 8px 24px rgba(23,48,82,.07);
  --df-radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--df-bg)}
body{
  margin:0!important;
  background:var(--df-bg)!important;
  color:var(--df-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:16px!important;
  line-height:1.62!important;
  -webkit-font-smoothing:antialiased;
}
body img{display:block;max-width:100%}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.container{width:min(1180px,calc(100% - 40px))!important;margin-inline:auto!important}
main{overflow:hidden}
.section,.section-soft{padding:76px 0!important}
.section{background:#fff!important}
.section-soft{background:var(--df-surface-soft)!important;border-block:1px solid rgba(17,34,59,.05)!important}
.section-header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:36px!important;margin-bottom:28px!important}
.section-header>div{max-width:680px}
.section-header h1,.section-header h2{margin:7px 0 0!important;color:var(--df-ink)!important;font-size:clamp(1.8rem,3vw,2.65rem)!important;line-height:1.12!important;letter-spacing:-.035em!important}
.section-header p{max-width:500px!important;margin:0!important;color:var(--df-text)!important;font-size:1rem!important;line-height:1.65!important}
.kicker,.eyebrow{color:#0865d6!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important;font-size:.75rem!important}

/* Top information bars */
.bonus-rail{
  background:linear-gradient(90deg,#071426,#0d294c 60%,#0e3b68)!important;
  border:0!important;color:#fff!important;
}
.bonus-rail-inner{min-height:54px!important;display:flex!important;align-items:center!important;gap:18px!important}
.rail-label{color:#8fc8ff!important;font-size:.74rem!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.08em!important;white-space:nowrap}
.rail-items{display:flex!important;gap:9px!important;overflow:auto!important;padding:7px 0!important;scrollbar-width:none}
.rail-items::-webkit-scrollbar{display:none}
.rail-item{display:flex!important;align-items:center!important;gap:7px!important;min-width:max-content!important;padding:7px 11px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;background:rgba(255,255,255,.075)!important;box-shadow:none!important}
.rail-logo{width:28px!important;height:28px!important;padding:3px!important;border-radius:8px!important;object-fit:contain!important;background:#fff!important}
.rail-item b{color:#fff!important;font-size:.82rem!important}.rail-item span{color:#cce2fb!important;font-size:.77rem!important}
.utility-strip{background:#f8fbff!important;border-bottom:1px solid var(--df-line)!important;color:var(--df-text)!important}
.utility-inner{min-height:36px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;font-size:.78rem!important}
.utility-inner span,.utility-inner a{color:#586c87!important}.utility-inner strong{color:#d62f46!important}
.site-header{position:sticky!important;top:0!important;z-index:60!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(17,34,59,.08)!important;box-shadow:0 8px 24px rgba(17,34,59,.05)!important}
.nav{min-height:72px!important;display:flex!important;align-items:center!important;gap:24px!important}
.brand-image img{width:210px!important;height:auto!important}
.nav-links{margin-left:auto!important;display:flex!important;align-items:center!important;gap:5px!important}
.nav-links a{padding:10px 11px!important;border-radius:10px!important;color:#28425f!important;text-decoration:none!important;font-weight:720!important;font-size:.91rem!important}
.nav-links a:hover,.nav-links a.active{background:#edf5ff!important;color:#0865d6!important}
.search-button,.menu-toggle{width:42px!important;height:42px!important;border:1px solid var(--df-line)!important;border-radius:12px!important;background:#f3f7fc!important;color:#17385e!important}
.category-strip{background:#fff!important;border-bottom:1px solid var(--df-line)!important}
.category-scroll{display:flex!important;gap:8px!important;overflow:auto!important;padding:11px 0!important;scrollbar-width:none}
.category-scroll::-webkit-scrollbar{display:none}
.category-chip{display:flex!important;align-items:center!important;gap:7px!important;min-width:max-content!important;padding:8px 12px!important;border:1px solid var(--df-line)!important;border-radius:999px!important;background:#f6f9fd!important;color:#365271!important;text-decoration:none!important;font-size:.83rem!important;font-weight:750!important}
.category-chip:hover,.category-chip.active{background:#e9f3ff!important;color:#0865d6!important;border-color:#bcd9fb!important}

/* Homepage hero */
.product-hero{padding:30px 0 0!important;background:linear-gradient(180deg,#edf4fc 0%,#f7f9fc 100%)!important}
.product-hero-shell{overflow:hidden!important;border-radius:30px!important;background:var(--df-navy)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 28px 75px rgba(4,18,36,.22)!important}
.product-hero-media{height:390px!important;position:relative!important;overflow:hidden!important}
.product-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,26,.04),rgba(4,13,26,.64))}
.product-hero-media img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;filter:saturate(.98) contrast(1.04)!important}
.product-hero-content{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(300px,.72fr)!important;gap:28px!important;padding:0 38px 38px!important;margin-top:-116px!important;position:relative!important;z-index:2!important}
.product-hero-copy{padding:28px 0 0!important}
.product-hero-copy .eyebrow{color:#69baff!important}
.product-hero-copy h1{max-width:760px!important;margin:10px 0 18px!important;color:#fff!important;font-size:clamp(2.45rem,5vw,4.7rem)!important;line-height:.98!important;letter-spacing:-.055em!important;text-wrap:balance}
.product-hero-copy p{max-width:730px!important;color:#d6e4f5!important;font-size:1.08rem!important;line-height:1.68!important}
.hero-actions{display:flex!important;gap:12px!important;flex-wrap:wrap!important;margin-top:25px!important}
.product-hero-aside{align-self:end!important;padding:24px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;background:rgba(255,255,255,.10)!important;backdrop-filter:blur(16px)!important;color:#fff!important;box-shadow:none!important}
.product-hero-aside h2{color:#fff!important;margin:10px 0 8px!important;font-size:1.55rem!important}.product-hero-aside p{color:#d8e7f8!important;margin:0 0 17px!important}
.product-brand-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}
.product-brand-chip{display:flex!important;align-items:center!important;gap:9px!important;min-height:48px!important;padding:8px 10px!important;border-radius:13px!important;background:#fff!important;border:1px solid rgba(255,255,255,.16)!important;color:#1b3554!important;text-decoration:none!important;font-weight:780!important;font-size:.8rem!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important}
.product-brand-chip img{width:32px!important;height:32px!important;object-fit:contain!important;border-radius:8px!important;background:#fff!important}
.product-trustbar,.readable-trustbar{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:16px 0 30px!important}
.product-trustitem{min-height:94px!important;padding:17px 18px!important;border:1px solid #d5e1ee!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important}
.product-trustitem strong{display:block!important;margin-bottom:5px!important;color:var(--df-ink)!important;font-size:.95rem!important}.product-trustitem span{color:#60738d!important;font-size:.84rem!important;line-height:1.43!important}

/* Buttons */
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:10px 17px!important;border-radius:12px!important;text-decoration:none!important;font-size:.88rem!important;font-weight:820!important;line-height:1.1!important;white-space:nowrap!important}
.btn-primary{border:0!important;background:linear-gradient(135deg,var(--df-blue),var(--df-blue-2))!important;color:#fff!important;box-shadow:0 9px 20px rgba(22,117,239,.25)!important}
.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 13px 26px rgba(22,117,239,.31)!important}
.btn-secondary,.btn-ghost{border:1px solid #cddcef!important;background:#f1f6fd!important;color:#20528f!important;box-shadow:none!important}
.btn-secondary:hover,.btn-ghost:hover{background:#e4f0ff!important;color:#064fac!important;transform:translateY(-1px)!important}
.text-link{color:#0966d9!important;font-weight:800!important;text-decoration:none!important}.text-link:hover{color:#034ca8!important}

/* Ranking */
.ranking-shell{display:grid!important;grid-template-columns:minmax(0,1fr) 292px!important;gap:20px!important;align-items:start!important}
.ranking-list{display:grid!important;gap:11px!important}
.rank-card{display:grid!important;grid-template-columns:42px 62px minmax(120px,.7fr) minmax(220px,1.25fr) 72px minmax(210px,.75fr)!important;gap:14px!important;align-items:center!important;padding:15px!important;border:1px solid var(--df-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important;color:var(--df-text)!important}
.rank-card:hover{transform:translateY(-2px)!important;box-shadow:var(--df-shadow)!important}
.rank-number{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:#edf5ff!important;color:#0865d6!important;font-weight:900!important}
.brand-avatar.brand-logo{width:58px!important;height:58px!important;padding:7px!important;border:1px solid var(--df-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 15px rgba(23,48,82,.07)!important}
.brand-avatar.brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.rank-name strong{display:block!important;color:var(--df-ink)!important;font-size:1rem!important}.rank-name span,.rank-bonus span{display:block!important;color:#6b7e96!important;font-size:.78rem!important;line-height:1.35!important}.rank-bonus b{display:block!important;color:#2c4462!important;font-size:.87rem!important;margin-bottom:3px!important}
.rating{display:inline-flex!important;justify-content:center!important;padding:6px 8px!important;border-radius:999px!important;background:#e9f3ff!important;color:#075bbf!important;border:1px solid #c8ddf7!important;font-size:.73rem!important;font-weight:820!important}
.rank-actions{display:flex!important;gap:7px!important}.rank-actions .btn{flex:1!important;padding-inline:10px!important}
.side-picks{display:grid!important;gap:12px!important;position:sticky!important;top:98px!important}
.side-card{padding:21px!important;border:1px solid var(--df-line)!important;border-radius:21px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important;color:var(--df-text)!important}
.side-card h3{color:var(--df-ink)!important;margin:10px 0 8px!important}.side-card p{color:var(--df-text)!important;font-size:.9rem!important}.side-card-logo{height:84px!important;padding:12px!important;border:1px solid var(--df-line)!important;border-radius:15px!important;background:#fff!important}.side-card-logo img{width:100%!important;height:100%!important;object-fit:contain!important}

/* Categories */
.category-image-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.category-tile.has-image{overflow:hidden!important;display:flex!important;flex-direction:column!important;padding:0!important;border:1px solid var(--df-line)!important;border-radius:24px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important;text-decoration:none!important}
.category-tile.has-image:hover{transform:translateY(-5px)!important;box-shadow:var(--df-shadow)!important}
.category-tile.has-image>img{width:100%!important;height:190px!important;aspect-ratio:auto!important;object-fit:cover!important;background:#dce7f4!important}
.category-tile-copy{position:relative!important;flex:1!important;padding:19px 19px 21px!important;background:#fff!important}
.category-tile-copy .tile-icon{position:absolute!important;right:16px!important;top:-24px!important;width:48px!important;height:48px!important;display:grid!important;place-items:center!important;border:4px solid #fff!important;border-radius:15px!important;background:#e9f3ff!important;color:#0865d6!important;font-size:.8rem!important;font-weight:900!important;box-shadow:0 7px 18px rgba(23,48,82,.13)!important}
.category-tile-copy strong{display:block!important;margin-bottom:6px!important;color:var(--df-ink)!important;font-size:1.08rem!important}.category-tile-copy span:last-child{color:#61748e!important;font-size:.87rem!important}

/* Card collections */
.bonus-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
.bonus-card,.guide-card,.info-card,.benefit-card,.user-review,.directory-card,.related-card,.source-card,.site-map-card,.offer-card,.comparison-callout,.article-row,.feature-article,.review-card,.table-card,.faq-card,.brand-visual,.game-review-panel,.legal-document,.toc-card,.cross-card,.cluster-brand-card,.dm-hub-card,.product-section-copy{
  border:1px solid var(--df-line)!important;border-radius:21px!important;background:#fff!important;color:var(--df-text)!important;box-shadow:var(--df-shadow-sm)!important
}
.bonus-card{display:flex!important;flex-direction:column!important;padding:19px!important}.bonus-card h3{color:var(--df-ink)!important;font-size:1.02rem!important;line-height:1.25!important}.bonus-card p{color:var(--df-text)!important;font-size:.87rem!important}.bonus-card .btn{margin-top:auto!important}
.bonus-head{display:flex!important;align-items:center!important;gap:11px!important}.bonus-head strong{color:var(--df-ink)!important}.promo-line{margin:12px 0 15px!important;padding:10px!important;border:1px solid var(--df-line)!important;border-radius:12px!important;background:#f5f8fc!important}.promo-line span{color:#6f8198!important}.promo-line code{color:#174f91!important;font-weight:800!important;background:none!important}
.tag{display:inline-flex!important;width:max-content!important;padding:5px 9px!important;border:1px solid #cbdcf1!important;border-radius:999px!important;background:#edf5ff!important;color:#155fac!important;font-size:.7rem!important;font-weight:820!important}.tag-green{border-color:#bde8cf!important;background:#eaf9f0!important;color:#167a49!important}

/* Large photo cards */
.product-photo-grid{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:18px!important}.product-photo-stack{display:grid!important;gap:18px!important}
.product-photo-card{position:relative!important;overflow:hidden!important;min-height:265px!important;border-radius:25px!important;background:#071426!important;box-shadow:var(--df-shadow)!important;text-decoration:none!important}
.product-photo-card>img{width:100%!important;height:100%!important;position:absolute!important;inset:0!important;object-fit:cover!important;filter:saturate(.98) contrast(1.04)!important}.product-photo-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,26,.04),rgba(4,13,26,.85))}
.product-photo-card-content{position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:0!important;padding:24px!important}.product-photo-card-content h3{color:#fff!important;font-size:1.35rem!important;margin:9px 0 0!important}.product-photo-card-content p{color:#d5e5f7!important}.product-photo-card:hover{transform:translateY(-4px)!important}
.media-credit{margin-top:11px!important;color:#71839b!important;font-size:.73rem!important}

/* Compare cards */
.compare-cta-row{display:flex!important;justify-content:flex-end!important;gap:10px!important;margin:-3px 0 18px!important}
.topic-duo-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.topic-duo-card{overflow:hidden!important;border:1px solid var(--df-line)!important;border-radius:25px!important;background:#fff!important;color:var(--df-text)!important;box-shadow:var(--df-shadow-sm)!important;text-decoration:none!important}
.topic-duo-card:hover{transform:translateY(-4px)!important;box-shadow:var(--df-shadow)!important}.topic-duo-card.with-photo>img{width:100%!important;height:275px!important;object-fit:cover!important;background:#dce7f4!important}.topic-duo-card-copy{padding:21px!important}.topic-duo-card h3{margin:8px 0!important;color:var(--df-ink)!important;font-size:1.26rem!important}.topic-duo-card p{color:var(--df-text)!important}.topic-duo-badge{display:inline-flex!important;padding:6px 10px!important;border:1px solid #c7ddf7!important;border-radius:999px!important;background:#eaf4ff!important;color:#075bbf!important;font-size:.72rem!important;font-weight:820!important}.topic-duo-link{display:block!important;margin-top:12px!important;color:#0865d6!important;font-weight:820!important}

/* Editorial method */
.editorial-method{background:linear-gradient(135deg,#071426 0%,#0e3159 100%)!important;color:#fff!important;padding:76px 0!important}
.editorial-method-grid{display:grid!important;grid-template-columns:.9fr 1.1fr!important;gap:42px!important;align-items:center!important}.editorial-method figure{overflow:hidden!important;height:390px!important;margin:0!important;border-radius:25px!important;box-shadow:0 22px 55px rgba(0,0,0,.23)!important}.editorial-method figure img{width:100%!important;height:100%!important;object-fit:cover!important}.editorial-method-copy h2{color:#fff!important;font-size:clamp(2rem,3.7vw,3.25rem)!important;line-height:1.04!important;letter-spacing:-.04em!important}.editorial-method-copy p{color:#d6e6f8!important}.editorial-method .kicker,.editorial-method .text-link{color:#65b8ff!important}.method-steps{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:22px 0!important}.method-steps span{padding:8px 11px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;color:#fff!important;background:rgba(255,255,255,.07)!important;font-size:.77rem!important;font-weight:750!important}

/* Helpful articles */
.guides-rich-grid{display:grid!important;grid-template-columns:1.08fr .92fr!important;gap:18px!important}.feature-article-large{overflow:hidden!important}.feature-article-large .feature-media{height:330px!important}.feature-article-large .feature-media img{width:100%!important;height:100%!important;object-fit:cover!important}.feature-article-body{padding:22px!important}.feature-article-body h3{color:var(--df-ink)!important;font-size:1.45rem!important;line-height:1.2!important}.feature-article-body p{color:var(--df-text)!important}.article-meta{display:flex!important;gap:8px!important;flex-wrap:wrap!important;color:#6c7f98!important;font-size:.75rem!important}
.guide-media-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}.guide-media-card{overflow:hidden!important;display:flex!important;flex-direction:column!important;border:1px solid var(--df-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important;text-decoration:none!important}.guide-media-card:hover{transform:translateY(-3px)!important}.guide-media-card>img{width:100%!important;height:145px!important;object-fit:cover!important}.guide-media-copy{padding:15px!important}.guide-media-copy span{display:block!important;color:#71839a!important;font-size:.72rem!important;font-weight:750!important;margin-bottom:7px!important}.guide-media-copy h3{margin:0!important;color:var(--df-ink)!important;font-size:.95rem!important;line-height:1.35!important}
.review-feed{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.user-review{padding:20px!important}.user-review p{color:var(--df-text)!important}.user strong{color:var(--df-ink)!important}.user-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#e9f3ff!important;color:#0865d6!important;font-weight:900!important}
.external-media-credit{padding:14px 0 0!important;color:#73859d!important;font-size:.76rem!important}
.disclosure{border:1px solid #cde6d8!important;border-radius:20px!important;background:#f0fbf5!important;color:#365c48!important;box-shadow:none!important}.disclosure h3{color:#173e2b!important}.disclosure p{color:#466b57!important}

/* Provider and casino brand wall */
.footer-brand-wall{background:#f1f5fb!important;border-top:1px solid var(--df-line)!important}
.brand-wall-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.brand-wall-card{overflow:hidden!important;border:1px solid var(--df-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important;text-decoration:none!important}.brand-wall-card:hover,.provider-wall-card:hover{transform:translateY(-4px)!important;box-shadow:var(--df-shadow)!important}.brand-wall-card>img{width:100%!important;height:180px!important;object-fit:contain!important;padding:20px!important;background:#fff!important}.brand-wall-copy{padding:16px 17px 19px!important}.brand-wall-copy strong{display:block!important;color:var(--df-ink)!important;font-size:1rem!important}.brand-wall-copy span{display:block!important;margin-top:4px!important;color:#687b93!important;font-size:.8rem!important;line-height:1.4!important}
.provider-wall-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:24px!important;margin:34px 0 15px!important}.provider-wall-head h3{margin:0!important;color:var(--df-ink)!important;font-size:1.55rem!important}.provider-wall-head p{max-width:560px!important;margin:0!important;color:var(--df-text)!important}
.provider-wall-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.provider-wall-card{overflow:hidden!important;border:1px solid var(--df-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important;text-decoration:none!important}.provider-wall-card:before{display:none!important}.provider-wall-card>img{display:block!important;width:100%!important;height:158px!important;aspect-ratio:auto!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}.provider-wall-card .brand-wall-copy{padding:14px 16px 17px!important}
.cta-mega-strip{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:30px!important;align-items:center!important;margin-top:28px!important;padding:28px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:25px!important;background:linear-gradient(135deg,#071426,#123c69)!important;box-shadow:0 20px 50px rgba(4,18,36,.18)!important}.cta-mega-copy h2{margin:7px 0 8px!important;color:#fff!important;font-size:2rem!important}.cta-mega-copy p{margin:0!important;color:#d2e4f8!important}.cta-mega-copy .kicker{color:#72bfff!important}.cta-mega-actions{display:grid!important;gap:9px!important}.cta-mega-strip .btn-secondary{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important}
.page-inline-affiliate{padding:22px 0!important;background:#fff!important}.inline-affiliate-box{display:grid!important;grid-template-columns:1.1fr .9fr!important;gap:28px!important;align-items:center!important;padding:24px!important;border:1px solid var(--df-line)!important;border-radius:22px!important;background:linear-gradient(135deg,#fff,#edf5ff)!important;box-shadow:var(--df-shadow-sm)!important}.inline-affiliate-box h3{margin:7px 0!important;color:var(--df-ink)!important;font-size:1.55rem!important}.inline-affiliate-box p{margin:0!important;color:var(--df-text)!important}.inline-affiliate-actions{display:grid!important;gap:8px!important}

/* Internal pages */
.cross-hero,.content-hero,.real-media-hero{padding:46px 0!important;background:linear-gradient(135deg,#071426,#10345e)!important;color:#fff!important}
.breadcrumbs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:22px!important;font-size:.8rem!important}.breadcrumbs a,.breadcrumbs span{color:#bcd2ea!important}.breadcrumbs a:hover{color:#fff!important}
.cross-hero-grid,.content-hero-grid{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:38px!important;align-items:center!important}.cross-hero-copy h1,.content-hero h1,.real-media-copy h1{margin:10px 0 17px!important;color:#fff!important;font-size:clamp(2.2rem,4.5vw,4.25rem)!important;line-height:1.02!important;letter-spacing:-.05em!important}.cross-hero-copy .lead,.content-hero p,.real-media-copy p{color:#d5e5f7!important;font-size:1.05rem!important}.brand-pills{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:20px!important}.brand-pills span,.brand-pills a{padding:7px 10px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#fff!important;font-size:.75rem!important;text-decoration:none!important}
.cross-art-photo{position:relative!important;overflow:hidden!important;height:390px!important;margin:0!important;border-radius:25px!important;background:#10243e!important;box-shadow:0 24px 60px rgba(0,0,0,.25)!important}.cross-art-photo>img{width:100%!important;height:100%!important;object-fit:cover!important}.cross-art-overlay{position:absolute!important;left:17px!important;right:17px!important;bottom:17px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:16px!important;background:rgba(4,15,29,.75)!important;backdrop-filter:blur(13px)!important;color:#fff!important}.cross-art-overlay span{color:#c9ddf4!important;font-size:.73rem!important}.cross-art-overlay strong{display:block!important;color:#fff!important;font-size:1.1rem!important}.product-brand-logo,.product-brand-monogram{width:56px!important;height:56px!important;object-fit:contain!important;padding:7px!important;border-radius:13px!important;background:#fff!important}
.review-visual-band{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}.review-visual-card{overflow:hidden!important;border:1px solid var(--df-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:var(--df-shadow-sm)!important}.review-visual-card>img{width:100%!important;height:180px!important;object-fit:cover!important;background:#edf3fa!important}.review-visual-card.hero{grid-column:span 2!important}.review-visual-card.hero>img{height:280px!important;object-fit:contain!important;padding:22px!important;background:#fff!important}.review-visual-card figcaption{padding:15px!important}.review-visual-card figcaption strong{display:block!important;color:var(--df-ink)!important}.review-visual-card figcaption span{display:block!important;margin-top:4px!important;color:var(--df-text)!important;font-size:.82rem!important}
.cross-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:25px!important;align-items:start!important}.cross-main{display:grid!important;gap:18px!important}.cross-sidebar{display:grid!important;gap:14px!important;position:sticky!important;top:98px!important}.cross-card{padding:23px!important}.cross-card h2,.cross-card h3{color:var(--df-ink)!important}.cross-card p,.cross-card li,.cross-card span{color:var(--df-text)!important}.cross-check{border:1px solid var(--df-line)!important;border-radius:15px!important;background:#f7faff!important;color:#3c5573!important}.aff-card{overflow:hidden!important;padding:20px!important;border-radius:21px!important;background:linear-gradient(135deg,#071426,#123c69)!important;color:#fff!important;box-shadow:var(--df-shadow)!important}.aff-card h3,.aff-card strong{color:#fff!important}.aff-card p,.aff-card span{color:#d6e6f8!important}.aff-card img{max-height:76px!important;object-fit:contain!important;padding:8px!important;border-radius:12px!important;background:#fff!important}
.prose-section,.article-content{color:var(--df-text)!important}.prose-section h2,.prose-section h3,.article-content h2,.article-content h3{color:var(--df-ink)!important}.prose-section p,.prose-section li,.article-content p,.article-content li{color:var(--df-text)!important}.prose-section a,.article-content a{color:#0865d6!important}
.faq-item,.semantic-faq details{border:1px solid var(--df-line)!important;border-radius:16px!important;background:#fff!important;color:var(--df-text)!important;box-shadow:none!important}.faq-item h3,.semantic-faq summary{color:var(--df-ink)!important;font-weight:800!important}.faq-item p,.semantic-faq details div{color:var(--df-text)!important}
.comparison-table-shell,.compare-scroll{overflow:auto!important;border:1px solid var(--df-line)!important;border-radius:20px!important;background:#fff!important}.compare-table,.comparison-table-shell table{width:100%!important;border-collapse:collapse!important}.compare-table th,.compare-table td,.comparison-table-shell th,.comparison-table-shell td{padding:13px!important;border-bottom:1px solid var(--df-line)!important;color:var(--df-text)!important;text-align:left!important}.compare-table th,.comparison-table-shell th{background:#edf5ff!important;color:#173c69!important}

/* Search, cookie, mobile conversion */
.site-search-panel,.site-search-result,.site-search-empty,.cookie-consent{background:#fff!important;color:var(--df-text)!important;border-color:var(--df-line)!important}.site-search-result strong{color:var(--df-ink)!important}.site-search-result span{color:var(--df-text)!important}.site-search-input{background:#f5f8fc!important;color:var(--df-ink)!important;border-color:var(--df-line)!important}.site-search-input::placeholder{color:#7a8da4!important}
.mobile-bottom-nav{background:#fff!important;border-top:1px solid var(--df-line)!important;box-shadow:0 -9px 25px rgba(17,34,59,.08)!important}.mobile-bottom-nav a,.mobile-bottom-nav button{color:#365271!important}
.footer{padding-top:54px!important;background:#06101d!important;color:#cadcf0!important}.footer-main{display:grid!important;grid-template-columns:1.35fr repeat(3,1fr)!important;gap:34px!important}.footer-about p,.footer a,.footer span{color:#bcd0e6!important}.footer strong{color:#fff!important}.footer-column{display:flex!important;flex-direction:column!important;gap:8px!important}.footer-column a{text-decoration:none!important}.footer-column a:hover{color:#fff!important}.footer-legal{display:flex!important;justify-content:space-between!important;gap:20px!important;margin-top:35px!important;padding:20px 0!important;border-top:1px solid rgba(255,255,255,.1)!important}

@media(max-width:1080px){
  .nav-links a{padding-inline:8px!important;font-size:.84rem!important}
  .product-hero-content{grid-template-columns:1fr!important;margin-top:-135px!important}.product-hero-aside{max-width:680px!important}
  .ranking-shell{grid-template-columns:1fr!important}.side-picks{position:static!important;grid-template-columns:1fr 1fr!important}
  .rank-card{grid-template-columns:42px 58px 1fr 1.2fr 70px!important}.rank-actions{grid-column:3/-1!important}.rating{justify-self:end!important}
  .bonus-grid,.brand-wall-grid,.provider-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .guides-rich-grid{grid-template-columns:1fr!important}.feature-article-large .feature-media{height:390px!important}
  .cross-hero-grid,.content-hero-grid{grid-template-columns:1fr!important}.cross-art-photo{height:420px!important}.cross-layout{grid-template-columns:1fr!important}.cross-sidebar{position:static!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .review-visual-band{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:800px){
  body{font-size:16px!important}.container{width:min(100% - 24px,1180px)!important}.section,.section-soft{padding:50px 0!important}.section-header{display:block!important}.section-header p{margin-top:12px!important}.utility-inner span:nth-child(2){display:none!important}.nav{min-height:64px!important}.brand-image img{width:176px!important}.nav-links{display:none!important;position:absolute!important;top:64px!important;left:12px!important;right:12px!important;margin:0!important;padding:10px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:17px!important;background:#0b1c31!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important}.nav-links.open{display:grid!important}.nav-links a{color:#e8f3ff!important}.nav-links a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
  .product-hero{padding-top:14px!important}.product-hero-shell{border-radius:22px!important}.product-hero-media{height:300px!important}.product-hero-content{padding:0 20px 23px!important;margin-top:-92px!important}.product-hero-copy h1{font-size:clamp(2.15rem,10vw,3.25rem)!important}.product-hero-copy p{font-size:.97rem!important}.product-brand-row{grid-template-columns:1fr 1fr!important}.product-trustbar,.readable-trustbar{grid-template-columns:1fr 1fr!important}.product-trustitem{min-height:108px!important;padding:14px!important}
  .rank-card{grid-template-columns:36px 54px 1fr!important;padding:13px!important}.rank-bonus,.rating{grid-column:3!important}.rank-actions{grid-column:1/-1!important}.side-picks{grid-template-columns:1fr!important}
  .category-image-grid,.bonus-grid,.topic-duo-grid,.brand-wall-grid,.provider-wall-grid,.review-feed{grid-template-columns:1fr!important}.category-tile.has-image>img{height:220px!important}
  .product-photo-grid{grid-template-columns:1fr!important}.product-photo-card{min-height:280px!important}
  .compare-cta-row{justify-content:stretch!important;flex-direction:column!important}.compare-cta-row .btn{width:100%!important}.topic-duo-card.with-photo>img{height:220px!important}
  .editorial-method-grid{grid-template-columns:1fr!important}.editorial-method figure{height:300px!important}.guide-media-grid{grid-template-columns:1fr!important}.feature-article-large .feature-media{height:260px!important}.guide-media-card>img{height:205px!important}
  .provider-wall-head{display:block!important}.provider-wall-head p{margin-top:8px!important}.provider-wall-card>img{height:185px!important}.cta-mega-strip,.inline-affiliate-box{grid-template-columns:1fr!important;padding:21px!important}
  .cross-hero,.content-hero,.real-media-hero{padding:33px 0!important}.cross-art-photo{height:300px!important}.cross-sidebar{grid-template-columns:1fr!important}.review-visual-band{grid-template-columns:1fr!important}.review-visual-card.hero{grid-column:auto!important}.review-visual-card.hero>img{height:220px!important}
  .footer-main{grid-template-columns:1fr 1fr!important}.footer-about{grid-column:1/-1!important}.footer-legal{display:block!important}.footer-legal span{display:block!important;margin-top:6px!important}
}
@media(max-width:480px){
  .bonus-rail-inner{align-items:flex-start!important;gap:8px!important;flex-direction:column!important;padding:8px 0!important}.rail-label{padding-left:2px!important}.utility-inner{justify-content:space-between!important}.utility-inner a{display:none!important}.product-brand-row,.product-trustbar,.readable-trustbar{grid-template-columns:1fr!important}.product-trustitem{min-height:auto!important}.hero-actions .btn{width:100%!important}.rank-bonus,.rating{grid-column:1/-1!important}.rank-name{grid-column:3!important}.footer-main{grid-template-columns:1fr!important}.footer-about{grid-column:auto!important}
}
/* Final micro-contrast corrections. */
.guide-media-copy span{color:#5d718b!important}
.editorial-method,.editorial-method-grid,.editorial-method-copy{background-color:transparent!important}
.editorial-method-copy p{color:#d6e6f8!important}


/* ===== product-complete.css ===== */

/* Product-complete layer: one visual system for the whole portal. */
:root{
  --pc-bg:#f4f7fb;
  --pc-surface:#ffffff;
  --pc-surface-2:#eef4fb;
  --pc-navy:#07172b;
  --pc-navy-2:#0e3158;
  --pc-ink:#10233e;
  --pc-text:#4d617c;
  --pc-muted:#6f8299;
  --pc-line:#dbe5f1;
  --pc-blue:#1378f2;
  --pc-cyan:#20b8ff;
  --pc-green:#118956;
  --pc-shadow:0 18px 50px rgba(18,46,82,.09);
  --pc-shadow-sm:0 10px 30px rgba(18,46,82,.075);
  --pc-radius:24px;
}
html{background:var(--pc-bg)!important}
body{background:var(--pc-bg)!important;color:var(--pc-text)!important;font-size:16px!important;line-height:1.65!important}
body::selection{background:#cce5ff;color:#07224a}
.container{width:min(1200px,calc(100% - 40px))!important}
main{overflow:clip}
.section,.section-soft{padding:82px 0!important}
.section{background:#fff!important}
.section-soft{background:linear-gradient(180deg,#eef4fb 0%,#f5f8fc 100%)!important;border-block:1px solid rgba(16,35,62,.05)!important}
.section-header{align-items:flex-end!important;margin-bottom:32px!important}
.section-header h1,.section-header h2{max-width:780px!important;color:var(--pc-ink)!important;font-size:clamp(2rem,3.5vw,3rem)!important;letter-spacing:-.045em!important}
.section-header p{max-width:520px!important;color:var(--pc-text)!important;font-size:1rem!important}
.kicker,.eyebrow{color:#0768dd!important;font-weight:900!important;letter-spacing:.105em!important}

/* Header: calmer, readable, product-like. */
.bonus-rail{background:linear-gradient(92deg,#061426,#0a2d52 58%,#0d4675)!important}
.bonus-rail-inner{min-height:58px!important}
.rail-item{min-height:40px!important;padding:7px 12px!important;background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.15)!important}
.rail-item:hover{background:rgba(255,255,255,.14)!important;transform:translateY(-1px)}
.rail-item b{font-size:.84rem!important}.rail-item span{font-size:.76rem!important;color:#d6e8fb!important}
.utility-strip{background:#fff!important;border-bottom:1px solid var(--pc-line)!important}
.site-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(16,35,62,.075)!important;box-shadow:0 8px 28px rgba(16,35,62,.055)!important}
.nav{min-height:76px!important}
.nav-links a{font-weight:760!important;color:#29445f!important}
.nav-links a:hover,.nav-links a.active{background:#eaf3ff!important;color:#075dcb!important}
.category-strip{background:#fbfdff!important}
.category-chip{background:#fff!important;box-shadow:0 4px 14px rgba(18,46,82,.035)!important}

/* Hero: editorial and conversion-focused, no design meta-copy. */
.product-hero{padding:34px 0 0!important;background:radial-gradient(circle at 15% 0%,#e5f2ff 0,transparent 34%),linear-gradient(180deg,#edf4fb,#f6f8fc)!important}
.product-hero-shell{border-radius:34px!important;background:var(--pc-navy)!important;box-shadow:0 32px 85px rgba(5,20,40,.25)!important}
.product-hero-media{height:420px!important}
.product-hero-media:after{background:linear-gradient(180deg,rgba(3,13,28,.05),rgba(3,13,28,.74))!important}
.product-hero-content{grid-template-columns:minmax(0,1.45fr) minmax(320px,.72fr)!important;gap:32px!important;padding:0 42px 42px!important;margin-top:-132px!important}
.product-hero-copy h1{font-size:clamp(2.7rem,5vw,5rem)!important;max-width:830px!important;line-height:.97!important}
.product-hero-copy p{max-width:760px!important;color:#d8e6f6!important;font-size:1.08rem!important}
.product-hero-aside{padding:25px!important;border-radius:24px!important;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.17)!important}
.hero-checklist{display:grid;gap:9px;margin:17px 0 20px;padding:0;list-style:none}
.hero-checklist li{position:relative;padding:10px 12px 10px 38px;border-radius:12px;background:rgba(255,255,255,.075);color:#e5f0fb;font-size:.88rem;line-height:1.35}
.hero-checklist li:before{content:'✓';position:absolute;left:13px;top:9px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#2fd19a;color:#06291d;font-size:.72rem;font-weight:950}
.product-brand-chip{min-height:52px!important;border-radius:14px!important}
.product-trustbar{gap:14px!important;margin:18px 0 36px!important}
.product-trustitem{position:relative;overflow:hidden;min-height:102px!important;padding:19px 18px 17px 54px!important;border-radius:20px!important}
.product-trustitem:before{position:absolute;left:17px;top:19px;width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#e8f3ff;color:#0867da;font-weight:900}
.product-trustitem:nth-child(1):before{content:'01'}.product-trustitem:nth-child(2):before{content:'02'}.product-trustitem:nth-child(3):before{content:'03'}.product-trustitem:nth-child(4):before{content:'18+';font-size:.66rem}
.product-trustitem strong{font-size:.98rem!important}.product-trustitem span{font-size:.85rem!important;color:#60738d!important}

/* Buttons and links. */
.btn{min-height:46px!important;padding:11px 18px!important;border-radius:13px!important;font-size:.9rem!important}
.btn-primary{background:linear-gradient(135deg,var(--pc-blue),var(--pc-cyan))!important;box-shadow:0 10px 24px rgba(19,120,242,.25)!important}
.btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 15px 30px rgba(19,120,242,.32)!important}
.btn-secondary,.btn-ghost{background:#edf5ff!important;border-color:#ccdef2!important;color:#195691!important}
.text-link{display:inline-flex!important;align-items:center!important;gap:6px!important}

/* Ranking: stronger hierarchy and transparent destination note. */
.ranking-shell{grid-template-columns:minmax(0,1fr) 304px!important;gap:24px!important}
.ranking-list{gap:13px!important}
.rank-card{border-radius:20px!important;padding:15px 16px!important;border:1px solid var(--pc-line)!important;background:#fff!important;box-shadow:var(--pc-shadow-sm)!important}
.rank-card:hover{transform:translateY(-2px);border-color:#bbd5f1!important;box-shadow:0 18px 42px rgba(18,46,82,.12)!important}
.rank-number{background:#eaf3ff!important;color:#0865d6!important;border-radius:11px!important}
.rank-name strong{font-size:1rem!important;color:var(--pc-ink)!important}
.rank-name span,.rank-bonus span{color:#687b92!important}
.rank-bonus b{color:#223d5c!important}
.rating{color:#37638f!important;background:#f0f6fd!important;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:850}
.rank-actions .btn{min-width:102px!important}
.rating-disclosure{display:flex;gap:9px;align-items:flex-start;margin:-10px 0 24px;padding:12px 14px;border:1px solid #cfe1f5;border-radius:14px;background:#f1f7ff;color:#45617f;font-size:.84rem}
.rating-disclosure:before{content:'i';flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#147bf2;color:#fff;font-weight:900}
.side-card{border-radius:22px!important;padding:22px!important}
.side-card.highlight{background:linear-gradient(145deg,#07172b,#0c3e70)!important;border:0!important;color:#fff!important;box-shadow:0 22px 50px rgba(4,26,50,.22)!important}
.side-card.highlight h3{color:#fff!important}.side-card.highlight p{color:#d6e6f7!important}.side-card.highlight .side-card-logo{background:#fff;border-radius:16px;padding:9px}
.side-card-note{display:block;margin-top:10px;color:#a9c7e6;font-size:.75rem;line-height:1.45}

/* Categories: editorial mosaic instead of six identical boxes. */
.category-image-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:18px!important}
.category-image-grid .category-tile{position:relative!important;min-height:280px!important;border:0!important;border-radius:25px!important;overflow:hidden!important;background:#0a1b31!important;box-shadow:var(--pc-shadow)!important}
.category-image-grid .category-tile:nth-child(1),.category-image-grid .category-tile:nth-child(2){grid-column:span 6!important;min-height:330px!important}
.category-image-grid .category-tile:nth-child(n+3){grid-column:span 3!important}
.category-image-grid .category-tile>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease,filter .45s ease!important}
.category-image-grid .category-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,24,.02) 15%,rgba(3,12,24,.88) 100%)}
.category-image-grid .category-tile:hover>img{transform:scale(1.045);filter:saturate(1.08)}
.category-image-grid .category-tile-copy{position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:0!important;padding:23px!important;background:transparent!important}
.category-image-grid .category-tile-copy strong{color:#fff!important;font-size:1.25rem!important}
.category-image-grid .category-tile-copy span:last-child{color:#dbe9f8!important;font-size:.88rem!important}
.category-image-grid .tile-icon{margin-bottom:5px;background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(8px)}

/* Bonus cards: visual identity without fake numbers. */
.bonus-grid{gap:18px!important}
.bonus-card{position:relative;overflow:hidden;border-radius:23px!important;padding:23px!important;border:1px solid var(--pc-line)!important;background:#fff!important;box-shadow:var(--pc-shadow-sm)!important}
.bonus-card:before{content:'';position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#147bf2,#28c1ff)}
.bonus-card:nth-child(2):before{background:linear-gradient(90deg,#6f4cf5,#2b8eff)}
.bonus-card:nth-child(3):before{background:linear-gradient(90deg,#ff5d7e,#ff9e3d)}
.bonus-card:nth-child(4):before{background:linear-gradient(90deg,#ec334d,#8b1f31)}
.bonus-card h3{font-size:1.25rem!important}.bonus-card p{min-height:78px;color:var(--pc-text)!important}
.promo-line{border-radius:12px!important;background:#f5f8fd!important}

/* Image sections. */
.product-photo-grid{gap:18px!important}
.product-photo-card{border-radius:25px!important;box-shadow:var(--pc-shadow)!important}
.product-photo-card:after{background:linear-gradient(180deg,transparent 20%,rgba(3,12,24,.9) 100%)!important}
.product-photo-card:hover img{transform:scale(1.035)}
.topic-duo-grid{gap:20px!important}
.topic-duo-card{border-radius:25px!important;border:1px solid var(--pc-line)!important;box-shadow:var(--pc-shadow)!important}
.topic-duo-card.with-photo>img{height:270px!important}
.topic-duo-card-copy{padding:24px!important}
.topic-duo-card h3{font-size:1.45rem!important}
.compare-cta-row{margin-bottom:20px!important}
.editorial-method{background:linear-gradient(135deg,#07172b,#0c3e70)!important}
.editorial-method-grid{border-radius:30px!important;overflow:hidden!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.11)!important}
.editorial-method figure{min-height:430px!important}
.editorial-method-copy{padding:42px!important}
.editorial-method-copy h2{font-size:clamp(2rem,3.5vw,3rem)!important;color:#fff!important}
.editorial-method-copy p{color:#d8e7f6!important}
.method-steps span{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.12)!important;color:#e9f3fd!important}
.editorial-method .text-link{color:#65c7ff!important}

/* Guide/article cards and library. */
.guides-rich-grid{gap:22px!important}
.feature-article-large,.guide-media-card{border-radius:24px!important;border:1px solid var(--pc-line)!important;box-shadow:var(--pc-shadow)!important}
.feature-article-large:hover,.guide-media-card:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(18,46,82,.14)!important}
.feature-article-body{padding:26px!important}
.guide-media-copy{padding:18px 18px 21px!important}
.guide-media-copy h3{font-size:1.08rem!important}
.guide-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-library-card{overflow:hidden;border:1px solid var(--pc-line);border-radius:24px;background:#fff;box-shadow:var(--pc-shadow-sm);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.guide-library-card:hover{transform:translateY(-4px);box-shadow:var(--pc-shadow)}
.guide-library-card img{width:100%;height:220px;object-fit:cover}
.guide-library-copy{padding:21px}
.guide-library-copy span{display:block;margin-bottom:8px;color:#0768dd;font-size:.76rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.guide-library-copy h2,.guide-library-copy h3{margin:0 0 9px;color:var(--pc-ink);font-size:1.25rem;line-height:1.28}
.guide-library-copy p{margin:0;color:var(--pc-text);font-size:.92rem}

/* Internal-page heroes and content: the largest source of unfinished contrast. */
.content-hero,.cross-hero,.real-media-hero{position:relative;overflow:hidden;padding:60px 0!important;background:radial-gradient(circle at 85% 20%,rgba(35,171,255,.22),transparent 30%),linear-gradient(135deg,#061426,#0d345e)!important;color:#fff!important}
.content-hero:after,.cross-hero:after{content:'';position:absolute;inset:auto -8% -190px auto;width:460px;height:460px;border:1px solid rgba(255,255,255,.08);border-radius:50%}
.content-hero .container,.cross-hero .container{position:relative;z-index:1}
.content-hero h1,.cross-hero h1,.real-media-hero h1{color:#fff!important;font-size:clamp(2.4rem,5vw,4.5rem)!important;line-height:1!important;letter-spacing:-.05em!important}
.content-hero p,.cross-hero p,.real-media-hero p{max-width:780px;color:#d8e7f6!important;font-size:1.08rem!important}
.breadcrumbs,.breadcrumbs a,.breadcrumbs span{color:#aac7e5!important}
.editorial-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
.editorial-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.08);color:#dfebf8!important;font-size:.77rem}
.article-shell{grid-template-columns:minmax(0,780px) 300px!important;gap:30px!important;align-items:start!important}
.article-content{padding:34px!important;border:1px solid var(--pc-line)!important;border-radius:26px!important;background:#fff!important;box-shadow:var(--pc-shadow)!important}
.article-sidebar{position:sticky!important;top:100px!important;display:grid!important;gap:16px!important}
.prose-section{padding:0 0 28px!important;margin:0 0 28px!important;border-bottom:1px solid var(--pc-line)!important}
.prose-section:last-child{border-bottom:0!important;margin-bottom:0!important;padding-bottom:0!important}
.prose-section h2{margin-top:0!important;color:var(--pc-ink)!important;font-size:clamp(1.45rem,2.6vw,2rem)!important;letter-spacing:-.025em!important}
.prose-section h3{color:var(--pc-ink)!important}.prose-section p,.prose-section li{color:var(--pc-text)!important}
.prose-section ul,.prose-section ol{padding-left:22px}
.prose-section li+li{margin-top:8px}
.article-lead-image{overflow:hidden;margin:0 0 30px;border-radius:22px;box-shadow:var(--pc-shadow-sm)}
.article-lead-image img{width:100%;height:390px;object-fit:cover}
.article-callout{margin:24px 0;padding:18px 20px;border-left:4px solid var(--pc-blue);border-radius:0 16px 16px 0;background:#eef6ff;color:#294a6e}
.article-checklist{display:grid;gap:10px;padding:0!important;list-style:none}
.article-checklist li{position:relative;padding:13px 15px 13px 44px;border:1px solid var(--pc-line);border-radius:14px;background:#f8fbff}
.article-checklist li:before{content:'✓';position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#dff8ec;color:#0f7a4b;font-weight:900;font-size:.75rem}
.toc-card,.related-card{padding:21px!important;border:1px solid var(--pc-line)!important;border-radius:21px!important;background:#fff!important;box-shadow:var(--pc-shadow-sm)!important}
.toc-card a,.related-card a{padding:9px 0!important;border-bottom:1px solid #edf2f8!important;color:#3c5878!important}
.toc-card a:last-child,.related-card a:last-child{border-bottom:0!important}
.faq-item{padding:18px!important;border-radius:16px!important;background:#f7faff!important}
.author-card{border-radius:18px!important;background:#f1f7ff!important}

/* User questions, disclosure and CTA. */
.review-feed{gap:18px!important}.user-review{border-radius:22px!important;box-shadow:var(--pc-shadow-sm)!important}
.user-avatar{background:#eaf3ff!important;color:#0865d6!important}
.disclosure{border-radius:20px!important;background:#f2f8ff!important;border:1px solid #cfe1f5!important}
.inline-affiliate-box,.cta-mega-strip{border-radius:27px!important;padding:28px!important;background:radial-gradient(circle at 0 0,#dceeff,transparent 42%),linear-gradient(135deg,#f7fbff,#fff)!important;border:1px solid #cfe0f3!important;box-shadow:var(--pc-shadow)!important}
.inline-affiliate-box h3,.cta-mega-strip h2{font-size:clamp(1.6rem,3vw,2.35rem)!important}

/* Brand and provider catalog: logos are visible and aligned. */
.footer-brand-wall{background:#eef4fb!important}
.brand-wall-grid,.provider-wall-grid{gap:18px!important}
.brand-wall-card,.provider-wall-card{border-radius:22px!important;border:1px solid var(--pc-line)!important;background:#fff!important;box-shadow:var(--pc-shadow-sm)!important}
.brand-wall-card:hover,.provider-wall-card:hover{transform:translateY(-3px);box-shadow:var(--pc-shadow)!important}
.brand-wall-card>img{height:160px!important;padding:25px!important;object-fit:contain!important;background:#fff!important}
.provider-wall-card>img{height:150px!important;margin:0!important;padding:18px!important;border:0!important;border-bottom:1px solid #edf2f8!important;border-radius:0!important;object-fit:contain!important;background:#fff!important;box-shadow:none!important}
.brand-wall-copy{padding:16px 18px 20px!important}.brand-wall-copy strong{color:var(--pc-ink)!important}.brand-wall-copy span{color:#687b92!important}
.provider-wall-head{margin:38px 0 17px!important}.provider-wall-head h3{font-size:1.55rem!important;color:var(--pc-ink)!important}

/* Footer. */
.footer{padding-top:62px!important;background:#05101d!important}
.footer-main{gap:42px!important}.footer-brand img{filter:brightness(0) invert(1)}
.footer-about p{max-width:360px!important}.footer-column a{padding:3px 0!important}
.footer-legal{margin-top:42px!important}

/* Hide duplicated templating artifacts if they survived generation. */
.mobile-bottom-nav~.mobile-bottom-nav{display:none!important}
.external-media-credit{padding:15px 0;color:#72849b;font-size:.75rem}

@media(max-width:1080px){
  .category-image-grid .category-tile:nth-child(1),.category-image-grid .category-tile:nth-child(2),.category-image-grid .category-tile:nth-child(n+3){grid-column:span 6!important}
  .category-image-grid .category-tile:nth-child(n+3){min-height:260px!important}
  .guide-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-shell{grid-template-columns:minmax(0,1fr) 280px!important}
}
@media(max-width:800px){
  .container{width:min(100% - 24px,1200px)!important}
  .section,.section-soft{padding:58px 0!important}
  .product-hero-content{margin-top:-105px!important;padding:0 22px 25px!important}
  .product-hero-media{height:325px!important}
  .product-hero-copy h1{font-size:clamp(2.2rem,10vw,3.45rem)!important}
  .product-hero-aside{padding:20px!important}
  .product-trustbar{grid-template-columns:1fr 1fr!important}
  .ranking-shell{grid-template-columns:1fr!important}.side-picks{grid-template-columns:1fr!important}
  .category-image-grid{grid-template-columns:1fr!important}.category-image-grid .category-tile:nth-child(n){grid-column:auto!important;min-height:280px!important}
  .topic-duo-card.with-photo>img{height:230px!important}
  .editorial-method-grid{grid-template-columns:1fr!important}.editorial-method figure{min-height:300px!important}.editorial-method-copy{padding:28px!important}
  .guide-library-grid{grid-template-columns:1fr 1fr}
  .article-shell{grid-template-columns:1fr!important}.article-sidebar{position:static!important;grid-template-columns:1fr 1fr!important}.article-content{padding:25px!important}.article-lead-image img{height:300px}
  .provider-wall-card>img{height:170px!important}
}
@media(max-width:540px){
  .bonus-rail-inner{padding-block:9px!important}.rail-label{display:none!important}
  .product-brand-row,.product-trustbar{grid-template-columns:1fr!important}
  .product-trustitem{min-height:auto!important}
  .guide-library-grid{grid-template-columns:1fr}
  .article-sidebar{grid-template-columns:1fr!important}.article-content{padding:20px!important}.article-lead-image img{height:230px}
  .rank-card{grid-template-columns:36px 56px 1fr!important}.rank-bonus,.rating{grid-column:1/-1!important}.rank-actions{grid-column:1/-1!important}
  .footer-main{grid-template-columns:1fr!important}
}



/* ===== final audit refinements ===== */
.page-summary-section{padding-top:24px;padding-bottom:24px;background:#f3f7fd}
.page-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.page-summary-card{position:relative;min-height:160px;padding:24px 22px 22px;border-radius:22px;background:#fff;border:1px solid rgba(17,46,87,.1);box-shadow:0 14px 34px rgba(20,35,61,.07)}
.page-summary-number{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-bottom:18px;border-radius:14px;background:#eaf3ff;color:#1767d3;font-weight:900;font-size:.84rem}
.page-summary-card strong{display:block;margin-bottom:9px;color:#10213a;font-size:1.05rem}
.page-summary-card p{margin:0;color:#53657e;line-height:1.58}
.semantic-faq details{background:#fff;border:1px solid rgba(17,46,87,.1);box-shadow:0 10px 26px rgba(20,35,61,.05)}
.semantic-faq details+details{margin-top:10px}
.semantic-faq summary{color:#10213a;font-weight:800}
.semantic-faq details div{color:#52647d;line-height:1.65}
@media(max-width:900px){.page-summary-grid{grid-template-columns:1fr}}