/* ===== CasinoCompare UK — shared stylesheet (review pages) ===== */
:root{
  --gold:#FFD700; --gold-2:#f5b301; --gold-3:#ffe680;
  --emerald:#10b981; --red:#ef4444; --crimson:#ff4d4d; --green:#22c55e; --blue:#3b82f6;
  --bg:#06080f; --bg-2:#0a0e1a; --surface:#0e1322; --surface-2:#141a2e; --surface-3:#1a2238;
  --line:rgba(255,255,255,0.07); --line-2:rgba(255,255,255,0.12);
  --text:#e7ecf5; --muted:#93a0b8; --muted-2:#5b6781;
  --grad-gold:linear-gradient(135deg,#ffe680 0%,#FFD700 35%,#f5b301 100%);
  --shadow-lg:0 30px 80px -20px rgba(0,0,0,0.7);
  --r:18px; --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;position:relative;overflow-x:hidden}
a{color:inherit}
::selection{background:rgba(255,215,0,0.25);color:#fff}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-2),#8a6a00);border-radius:10px;border:2px solid var(--bg)}
h1,h2,h3,h4{font-family:'Sora','Inter',sans-serif;letter-spacing:-0.02em}
.gold-text{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.layer{position:relative;z-index:2}

.aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.aurora b{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.4}
.aurora b:nth-child(1){width:560px;height:560px;top:-160px;left:-140px;background:radial-gradient(circle,rgba(245,179,1,0.14),transparent 70%)}
.aurora b:nth-child(2){width:520px;height:520px;bottom:-160px;right:-120px;background:radial-gradient(circle,rgba(16,185,129,0.12),transparent 70%)}

.age-pill{display:inline-flex;align-items:center;justify-content:center;background:var(--crimson);color:#fff;font-weight:900;border-radius:50%;width:26px;height:26px;font-size:11px;flex-shrink:0;box-shadow:0 0 0 3px rgba(255,77,77,0.18)}

/* Safer bar */
.safer-bar{background:#000;border-bottom:1px solid var(--line);padding:8px 20px;font-size:12.5px;color:var(--muted);position:relative;z-index:60}
.safer-bar-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;text-align:center}
.safer-bar a{color:var(--gold);text-decoration:none;font-weight:700}
.safer-bar a:hover{text-decoration:underline}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(6,8,15,0.8);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;justify-content:space-between;align-items:center}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
.brand-mark{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(245,179,1,0.4))}
.brand-name{font-family:'Sora';font-size:20px;font-weight:800;color:#fff;letter-spacing:-0.03em}
.brand-name span{color:var(--gold)}
.brand-name small{display:block;font-size:9.5px;letter-spacing:3px;color:var(--muted-2);font-weight:600;margin-top:-2px}
.nav-links{display:flex;gap:28px;list-style:none;align-items:center}
.nav-links>li>a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;transition:color .25s}
.nav-links>li>a:hover{color:#fff}
.nav-cta{background:var(--grad-gold);color:#1a1200 !important;padding:10px 20px;border-radius:10px;font-weight:800 !important;font-size:13px !important;box-shadow:0 6px 20px -6px rgba(245,179,1,0.6);transition:transform .2s}
.nav-cta:hover{transform:translateY(-2px)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:2px;background:#fff;border-radius:2px;transition:.3s}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:12px;font-weight:800;font-size:15px;text-decoration:none;transition:transform .2s,box-shadow .2s;border:0;cursor:pointer;font-family:'Sora'}
.btn-gold{background:var(--grad-gold);color:#1a1200;box-shadow:0 10px 30px -8px rgba(245,179,1,0.55);position:relative;overflow:hidden}
.btn-gold::before{content:'';position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.6),transparent);transform:skewX(-20deg);transition:.6s}
.btn-gold:hover{transform:translateY(-3px);box-shadow:0 16px 40px -8px rgba(245,179,1,0.7)}
.btn-gold:hover::before{left:130%}
.btn-ghost{background:rgba(255,255,255,0.04);color:var(--text);border:1px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-3px)}
.btn-red{background:var(--crimson);color:#fff}
.btn-red:hover{transform:translateY(-3px);box-shadow:0 12px 28px -8px rgba(255,77,77,0.45)}

/* ===== Review hero ===== */
.rev-hero{position:relative;overflow:hidden;padding:34px 0 56px}
.rev-hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.rev-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.14}
.rev-hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(110% 90% at 70% 20%,transparent,rgba(6,8,15,0.6) 60%,var(--bg) 100%),linear-gradient(180deg,rgba(6,8,15,0.4),var(--bg))}
.crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted-2);margin-bottom:28px}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--gold)}
.rev-head{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}
.rev-logo{width:190px;height:120px;border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08),var(--shadow-lg)}
.rev-title .tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.rev-title h1{font-size:clamp(30px,4.4vw,46px);color:#fff;margin-bottom:8px}
.rev-title .lede{color:var(--muted);font-size:16px;max-width:520px;margin-bottom:16px}
.rev-stars{color:var(--gold);font-size:16px;letter-spacing:2px}
.rev-stars b{color:#fff;font-family:'Sora';margin-left:6px}
.rev-score-box{text-align:center;flex-shrink:0}
.score-ring{width:120px;height:120px;position:relative;margin:0 auto 10px}
.score-ring svg{transform:rotate(-90deg)}
.score-ring .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.score-ring .val b{font-family:'Sora';font-size:34px;color:#fff;line-height:1}
.score-ring .val span{font-size:10px;color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;margin-top:3px}
.rev-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* Bonus strip */
.bonus-strip{margin-top:26px;background:radial-gradient(120% 160% at 0% 0%,rgba(245,179,1,0.1),transparent 60%),linear-gradient(160deg,var(--surface-2),var(--surface));border:1px dashed rgba(245,179,1,0.4);border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.bonus-strip .b-label{font-size:12px;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:4px}
.bonus-strip .b-big{font-family:'Sora';font-size:24px;font-weight:800;color:#fff}
.bonus-strip .b-terms{font-size:11px;color:var(--muted-2);margin-top:6px;max-width:560px}

/* Quick facts */
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:26px}
.fact{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px 14px;text-align:center}
.fact .k{font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}
.fact .v{font-family:'Sora';font-size:16px;font-weight:700;color:#fff}

/* Sections */
.rev-sec{padding:48px 0;border-top:1px solid var(--line)}
.rev-sec h2{font-size:28px;color:#fff;margin-bottom:8px;display:flex;align-items:center;gap:12px}
.rev-sec .sub{color:var(--muted);margin-bottom:26px;font-size:15.5px}
.rev-sec p{color:var(--muted);font-size:16px;margin-bottom:16px}
.rev-sec p strong{color:#fff}

/* Pros & cons */
.pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pc{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:16px;padding:24px}
.pc h3{font-size:17px;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:#fff}
.pc ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.pc li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:#cbd5e1}
.pc li .i{flex-shrink:0;font-weight:900}
.pc.pros{border-color:rgba(34,197,94,0.22)}
.pc.pros .i{color:var(--green)}
.pc.cons{border-color:rgba(239,68,68,0.22)}
.pc.cons .i{color:var(--crimson)}

/* Breakdown bars */
.breakdown{display:flex;flex-direction:column;gap:18px;max-width:680px}
.bd{display:grid;grid-template-columns:170px 1fr 42px;gap:16px;align-items:center}
.bd .lab{font-size:14px;color:var(--muted);font-weight:600}
.bd .track{height:10px;background:rgba(255,255,255,0.07);border-radius:100px;overflow:hidden}
.bd .track i{display:block;height:100%;background:var(--grad-gold);border-radius:100px}
.bd .sc{font-family:'Sora';font-weight:800;color:#fff;text-align:right;font-size:15px}

/* Info grid (games / payments) */
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.icard{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:22px;text-align:center;transition:transform .3s,border-color .3s}
.icard:hover{transform:translateY(-4px);border-color:rgba(245,179,1,0.3)}
.icard .ic{font-size:26px;margin-bottom:10px}
.icard h4{color:#fff;font-size:16px;margin-bottom:4px}
.icard p{font-size:13px;color:var(--muted);margin:0}
.icard .cnt{display:inline-block;margin-top:10px;font-size:12px;color:var(--emerald);font-weight:700;background:rgba(16,185,129,0.1);padding:3px 11px;border-radius:100px}
.chips-row{display:flex;flex-wrap:wrap;gap:12px}
.chip-tag{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 18px;font-weight:700;font-size:14px;color:var(--muted)}

/* Verdict */
.verdict{background:radial-gradient(120% 140% at 85% 0%,rgba(245,179,1,0.08),transparent 55%),linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid rgba(245,179,1,0.22);border-radius:20px;padding:34px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.verdict h2{border:0;margin-bottom:12px}
.verdict p{font-size:15.5px}
.verdict .vscore{text-align:center;flex-shrink:0}
.verdict .vscore .n{font-family:'Sora';font-size:54px;font-weight:800;line-height:1;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.verdict .vscore .l{font-size:11px;color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;margin-top:6px}

/* RG compact */
.rg-compact{margin-top:50px;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center}
.rg-compact h3{color:#fff;font-size:20px;margin-bottom:10px}
.rg-compact p{color:var(--muted);font-size:14px;max-width:680px;margin:0 auto 18px}
.rg-logos{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.rg-logos a{opacity:.85;transition:opacity .3s}
.rg-logos a:hover{opacity:1}

/* Footer */
footer{background:linear-gradient(180deg,var(--bg-2),#04060c);border-top:1px solid var(--line);padding:44px 0 30px;margin-top:40px}
.foot-logos{display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:center;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 auto 22px;max-width:var(--maxw)}
.foot-logos a{opacity:.65;transition:opacity .3s}
.foot-logos a:hover{opacity:1}
.foot-disc{color:var(--muted-2);font-size:12px;line-height:1.85;text-align:center;max-width:920px;margin:0 auto}
.foot-disc a{color:var(--gold);text-decoration:none}
.foot-disc .age{display:inline-block;background:var(--crimson);color:#fff;font-weight:900;border-radius:50%;width:22px;height:22px;line-height:22px;text-align:center;font-size:10px;margin-right:6px;vertical-align:middle}

/* Reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.in{opacity:1;transform:none}

@media (max-width:900px){
  .rev-head{grid-template-columns:1fr;text-align:center;justify-items:center}
  .rev-title .lede{margin-left:auto;margin-right:auto}
  .rev-stars{display:block}
  .rev-cta-row{justify-content:center}
  .facts{grid-template-columns:repeat(3,1fr)}
  .pc-grid{grid-template-columns:1fr}
  .info-grid{grid-template-columns:repeat(2,1fr)}
  .bd{grid-template-columns:130px 1fr 38px}
  .verdict{grid-template-columns:1fr;text-align:center}
}
@media (max-width:640px){
  .nav-links{position:fixed;inset:0 0 0 auto;width:78%;max-width:320px;flex-direction:column;align-items:flex-start;gap:8px;background:#0a0e1a;padding:90px 26px;transform:translateX(100%);transition:transform .35s;box-shadow:-20px 0 60px rgba(0,0,0,.6);z-index:55}
  .nav-links.open{transform:none}
  .nav-links>li{width:100%}
  .burger{display:flex;z-index:56}
  .facts{grid-template-columns:repeat(2,1fr)}
  .info-grid{grid-template-columns:1fr}
}
/* ===== Content pages (About, Guides, articles) ===== */
.page-hero{position:relative;overflow:hidden;padding:64px 0 50px;text-align:center}
.page-hero-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.page-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:0.12}
.page-hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(100% 90% at 50% 0%,transparent,rgba(6,8,15,0.6) 60%,var(--bg) 100%),linear-gradient(180deg,rgba(6,8,15,0.4),var(--bg))}
.page-hero .kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.page-hero h1{font-size:clamp(32px,5vw,52px);color:#fff;margin-bottom:16px;line-height:1.06}
.page-hero h1 span{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-hero p{font-size:18px;color:var(--muted);max-width:680px;margin:0 auto}

.prose{max-width:780px;margin:0 auto;padding:50px 28px}
.prose h2{font-size:28px;color:#fff;margin:38px 0 14px;scroll-margin-top:90px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:20px;color:#fff;margin:26px 0 10px}
.prose p{color:var(--muted);font-size:16.5px;margin-bottom:16px}
.prose p strong{color:#fff}
.prose a{color:var(--gold);text-decoration:none;font-weight:600}
.prose a:hover{text-decoration:underline}
.prose ul,.prose ol{color:var(--muted);font-size:16px;margin:0 0 18px 0;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:10px}
.prose ol{counter-reset:s}
.prose li{display:flex;gap:12px;align-items:flex-start}
.prose ul li::before{content:'';width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--grad-gold);flex-shrink:0}
.prose ol li{counter-increment:s}
.prose ol li::before{content:counter(s);flex-shrink:0;width:24px;height:24px;border-radius:50%;background:rgba(245,179,1,0.12);border:1px solid rgba(245,179,1,0.4);color:var(--gold);font-family:'Sora';font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
.prose .lead{font-size:19px;color:#cbd5e1}
.callout-box{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:14px;padding:22px 26px;margin:24px 0}
.callout-box.warn{border-left-color:var(--crimson)}
.callout-box h3{margin:0 0 8px;font-size:17px}
.callout-box p{margin:0;font-size:15px}
.kv-table{width:100%;border-collapse:collapse;margin:18px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.kv-table th{background:var(--surface-3);text-align:left;padding:13px 16px;font-family:'Sora';font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.kv-table td{padding:13px 16px;border-top:1px solid var(--line);font-size:14.5px;color:var(--muted)}
.kv-table td:first-child{color:#fff;font-weight:600}
.toc-box{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:30px}
.toc-box h4{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:12px}
.toc-box ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.toc-box a{color:var(--muted);text-decoration:none;font-size:14.5px}
.toc-box a:hover{color:var(--gold)}
.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:26px}
.back-link:hover{color:var(--gold)}

/* Guides hub */
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:var(--maxw);margin:0 auto;padding:0 28px 30px}
.guide-card{display:flex;flex-direction:column;background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s}
.guide-card:hover{transform:translateY(-6px);border-color:rgba(245,179,1,0.4);box-shadow:var(--shadow-lg)}
.guide-card .gc-ic{height:120px;display:flex;align-items:center;justify-content:center;font-size:44px;background:radial-gradient(120% 120% at 50% 0%,rgba(245,179,1,0.12),transparent 60%)}
.guide-card .gc-body{padding:22px;flex:1;display:flex;flex-direction:column}
.guide-card .gc-cat{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.guide-card h3{font-size:18px;color:#fff;margin-bottom:8px}
.guide-card p{font-size:14px;color:var(--muted);margin:0 0 16px;flex:1}
.guide-card .gc-more{font-size:13px;font-weight:700;color:var(--gold)}

/* Team / about */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}
.team-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;text-align:center}
.team-card .av{width:72px;height:72px;border-radius:50%;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-family:'Sora';font-weight:800;font-size:24px;color:#1a1200;background:var(--grad-gold)}
.team-card h3{font-size:17px;color:#fff;margin-bottom:3px}
.team-card .role{font-size:12.5px;color:var(--gold);font-weight:600;margin-bottom:10px}
.team-card p{font-size:13px;color:var(--muted);margin:0}
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:24px 0}
.value-card{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;gap:16px;align-items:flex-start}
.value-card .vi{font-size:26px;flex-shrink:0}
.value-card h3{font-size:17px;color:#fff;margin-bottom:6px}
.value-card p{font-size:14px;color:var(--muted);margin:0}

@media (max-width:900px){
  .guide-grid{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr}
  .value-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .guide-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001s!important;transition-duration:.001s!important}}

/* ===== Accessibility ===== */
.skip-link{position:absolute;left:-999px;top:0;z-index:9999;background:var(--grad-gold);color:#1a1200;padding:10px 18px;border-radius:0 0 10px 0;font-weight:800;font-family:'Sora',sans-serif;text-decoration:none}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,summary:focus-visible,.sort-btn:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}

/* ===== Bonuses page ===== */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);max-width:var(--maxw);margin:0 auto 34px}
.cmp-table{width:100%;border-collapse:collapse;background:var(--surface);min-width:680px}
.cmp-table thead th{background:var(--surface-3);padding:14px 16px;text-align:left;font-family:'Sora';font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);border-bottom:1px solid var(--line)}
.cmp-table td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.cmp-table td:first-child{color:#fff;font-weight:600;white-space:nowrap}
.cmp-table tbody tr:hover{background:rgba(245,179,1,0.03)}
.cmp-table tbody tr.hl{background:rgba(245,179,1,0.05)}
.cmp-table a{color:var(--gold);text-decoration:none;font-weight:600}
.cmp-table a:hover{text-decoration:underline}
.bonus-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:var(--maxw);margin:0 auto;padding:0 28px}
.bcard{background:linear-gradient(160deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}
.bcard:hover{transform:translateY(-6px);border-color:rgba(245,179,1,0.4);box-shadow:var(--shadow-lg)}
.bcard.feat{border-color:rgba(245,179,1,0.5)}
.bcard-top{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;color:#fff}
.bcard-name{font-family:'Sora';font-weight:800;font-size:18px}
.bcard-rank{font-size:12px;font-weight:700;background:rgba(0,0,0,0.32);padding:3px 11px;border-radius:100px}
.bcard-body{padding:22px 20px;display:flex;flex-direction:column;gap:12px;flex:1}
.bcard-offer{font-family:'Sora';font-weight:800;font-size:21px;color:var(--gold);line-height:1.2}
.bcard-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--muted)}
.bcard-meta b{color:#fff}
.bcard .btn{justify-content:center}
.bcard-rev{text-align:center;font-size:12.5px;color:var(--gold);text-decoration:none;font-weight:600}
.bcard-rev:hover{text-decoration:underline}
.bcard-terms{font-size:10.5px;color:var(--muted-2);line-height:1.5;margin:4px 0 0}
@media (max-width:900px){.bonus-cards{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bonus-cards{grid-template-columns:1fr}}

/* Footer legal links */
.foot-legal{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;padding:18px 0 0;margin:0 auto;max-width:var(--maxw)}
.foot-legal a{color:var(--muted-2);text-decoration:none;font-size:12.5px;transition:color .25s}
.foot-legal a:hover{color:var(--gold)}

/* Article byline + related guides */
.byline{margin-top:14px;font-size:13px;color:var(--muted-2)}
.byline a{color:var(--gold);text-decoration:none}
.byline a:hover{text-decoration:underline}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.related-card{display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;transition:transform .25s,border-color .25s}
.related-card:hover{transform:translateY(-3px);border-color:rgba(245,179,1,0.35)}
.related-card .rc-ic{font-size:24px;flex-shrink:0}
.related-card b{color:#fff;font-size:14px;display:block}
.related-card .rc-cat{color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
@media(max-width:760px){.related-grid{grid-template-columns:1fr}}

/* Review: how-to-sign-up + FAQ */
.prose-ol{counter-reset:s;list-style:none;display:flex;flex-direction:column;gap:12px;color:var(--muted);font-size:16px}
.prose-ol li{counter-increment:s;display:flex;gap:12px;align-items:flex-start}
.prose-ol li::before{content:counter(s);flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(245,179,1,0.12);border:1px solid rgba(245,179,1,0.4);color:var(--gold);font-family:'Sora',sans-serif;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.faq-list details{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden;transition:border-color .3s}
.faq-list details[open]{border-color:rgba(245,179,1,0.3)}
.faq-list summary{padding:16px 20px;font-family:'Sora',sans-serif;font-weight:700;color:#fff;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:15px}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';color:var(--gold);font-size:22px;font-weight:300;margin-left:12px}
.faq-list details[open] summary::after{content:'−'}
.faq-list .fa{padding:0 20px 18px;color:var(--muted);font-size:14.5px;line-height:1.7}

/* Print stylesheet */
@media print{
  .aurora,.safer-bar,.nav,.foot-logos,.foot-legal,#cc-consent,#read-prog,.skip-link,.rev-cta-row,.related-grid,.rg-compact{display:none !important}
  html,body{background:#fff !important;color:#000 !important}
  a{color:#000 !important;text-decoration:underline}
  h1,h2,h3,h4,.prose p,.prose li,.fact .v{color:#000 !important}
  .wrap,.prose{max-width:100% !important}
  .callout-box,.kv-table,.toc-box,.fact,.icard{border-color:#bbb !important;background:#fff !important}
}

/* Search results */
.s-res{display:block;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;transition:border-color .2s,transform .2s}
.s-res:hover{border-color:rgba(245,179,1,0.4);transform:translateY(-2px)}
.s-cat{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.s-t{display:block;color:#fff;font-family:'Sora',sans-serif;font-weight:700;font-size:16px}
.s-d{display:block;color:var(--muted);font-size:13.5px;margin-top:3px}