/* September refinement: a wider editorial frame and a more distinct comparison system. */
:root{--ink:#071126;--paper:#f3f6fb;--acid:#c4ff2d;--pink:#ff4f7d;--coral:#ffb3c7;--line:#cfd9ea;--muted:#566681}
main strong{color:#64132d;background:linear-gradient(90deg,#ffd6df 0%,#ffd6df 78%,transparent 78%);padding:0 .16em;font-weight:800}
.hero{background:#071126!important;overflow:hidden}
.hero-reframe{display:grid!important;grid-template-columns:minmax(0,1fr) 290px!important;gap:28px 56px!important;align-items:center!important;padding-top:72px!important;padding-bottom:28px!important}
.hero-intro{max-width:none!important}
.hero-intro h1{max-width:790px!important;margin:0!important;font-size:clamp(2.15rem,3.85vw,3.55rem)!important;line-height:.98!important;letter-spacing:-.065em!important}
.hero-intro .lead{max-width:850px!important;margin:25px 0 0!important;font-size:1.04rem!important;line-height:1.72!important}
.hero-intro .lead strong{color:var(--acid);background:none;padding:0}
.hero-actions{display:flex;align-items:center;gap:20px;margin-top:28px;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#c6d0df}
.hero-visit{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border-radius:8px;background:var(--pink);color:#fff;text-decoration:none;font-weight:900;letter-spacing:.04em;box-shadow:7px 7px 0 var(--acid);transition:transform .2s,box-shadow .2s}
.hero-visit:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--acid)}
.hero-route{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:20px 22px;border-left:1px solid rgba(196,255,45,.55);border-bottom:1px solid rgba(196,255,45,.2);color:var(--acid);font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.hero-route i{display:block;width:52px;height:1px;background:var(--pink);margin-left:7px}
.research-ribbon{grid-column:1/-1;display:grid!important;grid-template-columns:205px 1fr auto!important;gap:28px!important;align-items:center!important;padding:18px 22px!important;background:var(--acid)!important;color:var(--ink)!important;border-radius:14px 14px 5px 5px!important;box-shadow:10px 10px 0 var(--pink)!important}
.research-ribbon .record-total{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:10px}
.research-ribbon .record-total span,.research-ribbon .record-total em{grid-column:1/-1;font-style:normal;text-transform:uppercase;font-size:.66rem;letter-spacing:.12em;font-weight:900}
.research-ribbon .record-total strong{font-size:3rem;line-height:.82;letter-spacing:-.08em;margin-top:3px}
.research-ribbon dl{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0!important;margin:0!important}
.research-ribbon dl div{display:grid;gap:4px;padding:0 17px;border-left:1px solid rgba(7,17,38,.2)}
.research-ribbon dt{font-size:.65rem!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.07em}
.research-ribbon dd{margin:0!important;font-size:.85rem!important;font-weight:800}
.research-ribbon .card-foot{margin:0!important;padding:0!important;font-size:.68rem!important;line-height:1.45!important;border:0!important;max-width:112px}
.research-ribbon .card-kicker,.research-ribbon .record-number,.research-ribbon .record-label{display:none!important}

.section-heading{display:block!important;margin:0 0 25px!important}
.section-heading h2,.editorial-section h2,.editorial-section>p{max-width:none!important}
.section-heading h2{font-size:clamp(2rem,3.1vw,3.1rem)!important;letter-spacing:-.06em!important}
.ranking-section{padding-top:72px!important}
.casino-list{margin-top:0!important}
.casino-row{grid-template-columns:48px 160px minmax(0,1fr) auto!important;gap:18px!important;min-height:96px!important;padding:12px 15px!important;border:1px solid #d2dceb!important;border-radius:13px!important;background:rgba(255,255,255,.78)!important;box-shadow:0 5px 0 rgba(11,27,55,.035)!important}
.casino-row:hover{border-color:#a9bfd6!important;transform:translateX(3px)}
.casino-row .rank{color:var(--pink)!important;font-weight:900!important}
.logo-box{height:68px!important;width:160px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden}
.logo-box img{max-width:88%!important;max-height:80%!important;object-fit:contain!important}
.logo-spinobon{background:#fff0c7!important}.logo-spinformula{background:#e5f2ff!important}.logo-hades{background:#261329!important}.logo-lucky{background:#08303d!important}.logo-incognito{background:#faecdf!important}.logo-nv{background:#e7eaff!important}
.casino-detail h3{margin:0 0 5px!important;font-size:1.05rem!important}.casino-detail p{margin:0!important;font-size:.85rem!important;font-weight:800!important;line-height:1.35!important}.casino-detail small{display:none!important}
.visit-button{padding:13px 19px!important;border-radius:7px!important;background:#09152d!important;color:#fff!important;white-space:nowrap}

.article{max-width:none!important;padding-top:2px!important}
.editorial-section{padding-top:67px!important;padding-bottom:0!important}
.editorial-section h2{font-size:clamp(2rem,3.25vw,3.3rem)!important;line-height:1.02!important;letter-spacing:-.065em!important;margin:0 0 19px!important}
.editorial-section h3{font-size:1.55rem!important;letter-spacing:-.045em!important;margin-top:42px!important}
.editorial-section>p{font-size:1rem!important;line-height:1.7!important}
.process-list,.signal-list,.tradeoff-list,.table-wrap,.faq-list,.policy-checks{max-width:none!important}
.table-wrap{border-color:#cbd7e8!important;border-radius:13px!important;margin-top:25px!important}
.table-wrap table{min-width:790px!important}
.table-wrap caption{background:#f5ffe1!important;color:#0b1930!important;font-weight:900!important;text-align:left!important;padding:18px 20px!important;font-size:1rem!important}
.table-wrap thead th{background:#08142b!important;color:white!important;font-size:.69rem!important;letter-spacing:.035em!important}
.table-wrap td,.table-wrap tbody th{padding:15px 20px!important;font-size:.85rem!important}
.editorial-section:nth-of-type(2) .table-wrap{border-top:5px solid var(--acid)!important}
.editorial-section:nth-of-type(2) .table-wrap caption{background:#e9ffbd!important}
#differences .table-wrap:first-of-type{border-top:5px solid var(--pink)!important}
#differences .table-wrap:first-of-type caption{background:#ffe5ec!important}
#differences .table-wrap:first-of-type thead th{background:#37162a!important}
#differences .table-wrap:nth-of-type(2){border-top:5px solid #58b7ff!important}
#differences .table-wrap:nth-of-type(2) caption{background:#e1f4ff!important}
#differences .table-wrap:nth-of-type(2) thead th{background:#102b4a!important}
.policy-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:25px 0;background:#cad8e9;border:1px solid #cad8e9;border-radius:13px;overflow:hidden}
.policy-checks>div{padding:22px;background:#fff}.policy-checks span{display:block;color:var(--pink);font-size:.75rem;font-weight:900;margin-bottom:13px}.policy-checks b{display:block;font-size:1rem}.policy-checks p{font-size:.83rem!important;line-height:1.5!important;margin:7px 0 0!important;color:#4e607c}

.faq-section{padding-bottom:70px!important}.faq-list{border-top:1px solid #cbd6e5!important;margin-top:22px!important}
.faq-item{border-bottom:1px solid #cbd6e5!important;margin:0!important;padding:0!important;background:transparent!important}
.faq-item summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;list-style:none!important;cursor:pointer!important;padding:22px 4px!important;font-size:1.06rem!important;font-weight:900!important;color:#09152d!important}
.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{width:22px;height:22px;flex:0 0 22px;position:relative}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;background:var(--pink);left:1px;right:1px;top:10px;height:2px}.faq-item summary i:after{transform:rotate(90deg);transition:transform .2s}.faq-item[open] summary i:after{transform:rotate(0)}
.faq-item p{max-width:none!important;margin:0!important;padding:0 52px 23px 4px!important;font-size:.95rem!important;line-height:1.65!important}.faq-item[open]{background:#fff!important}

.site-footer{padding-top:54px!important}.footer-grid{display:grid!important;grid-template-columns:1.2fr .65fr 1fr 1.1fr!important;gap:34px!important}.footer-grid b{display:block;color:var(--acid);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:13px}.footer-about p,.footer-editorial p,.footer-warning p{font-size:.82rem!important;line-height:1.58!important}.footer-links{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important}.footer-links a{font-size:.88rem!important}.footer-warning{border-left:2px solid var(--pink)!important;padding-left:19px!important}.footer-warning a{color:var(--acid);font-weight:800;font-size:.82rem}.support-row a{border:1px solid transparent!important;min-height:50px!important}.support-row a:nth-child(1){background:#fff3da!important;border-color:#f6d59e!important}.support-row a:nth-child(2){background:#e9f2ff!important;border-color:#b9d3ff!important}.support-row a:nth-child(3){background:#def9ef!important;border-color:#a4ead0!important}.support-row a:nth-child(4){background:#f2eafd!important;border-color:#d9c3fb!important}.support-row a:nth-child(5){background:#ffe9ed!important;border-color:#ffc5d2!important}.support-row img{max-height:31px!important;max-width:82%!important;object-fit:contain!important}

@media(max-width:760px){.hero-reframe{grid-template-columns:1fr!important;padding-top:47px!important;gap:24px!important}.hero-intro h1{font-size:2.35rem!important}.hero-route{display:none}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.research-ribbon{grid-template-columns:1fr!important;gap:15px!important;padding:19px!important;box-shadow:6px 6px 0 var(--pink)!important}.research-ribbon dl{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.research-ribbon dl div{padding:8px 0!important;border-left:0!important;border-top:1px solid rgba(7,17,38,.18)}.research-ribbon .card-foot{max-width:none!important}.ranking-section{padding-top:48px!important}.casino-row{grid-template-columns:34px 1fr!important;gap:12px!important;padding:14px!important}.logo-box{width:100%!important;height:58px!important}.casino-detail{grid-column:2}.visit-button{grid-column:2;width:100%;text-align:center}.editorial-section{padding-top:50px!important}.editorial-section h2{font-size:2.25rem!important}.editorial-section h3{font-size:1.35rem!important}.policy-checks{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important;gap:26px!important}.support-row{grid-template-columns:repeat(2,1fr)!important}.footer-warning{border-top:0!important}.faq-item summary{font-size:.96rem!important;padding:18px 0!important}.faq-item p{padding-right:8px!important}.table-wrap{overflow-x:auto!important}}

/* Compact refinement pass after desktop visual QA. */
.hero{padding:0 0 34px!important}
.hero-reframe{padding-top:42px!important;padding-bottom:18px!important;gap:22px 48px!important}
.hero-intro h1{max-width:680px!important;font-size:clamp(2rem,3vw,2.75rem)!important;line-height:1.02!important}
.hero-intro .lead{max-width:820px!important;margin-top:19px!important}
.hero-actions{margin-top:22px!important}
.hero-route{padding:15px 18px!important;gap:7px!important}
.research-ribbon{grid-template-columns:178px minmax(0,1fr)!important;gap:18px!important;padding:12px!important;background:#101e36!important;color:#fff!important;border:1px solid rgba(196,255,45,.72)!important;border-radius:10px!important;box-shadow:6px 6px 0 var(--pink)!important}
.research-ribbon .record-total{align-self:stretch;padding:13px 15px;background:var(--acid);color:var(--ink);border-radius:6px}
.research-ribbon .record-total strong{font-size:2.55rem!important}
.research-ribbon dl{align-self:stretch;grid-template-columns:repeat(4,1fr)!important}
.research-ribbon dl div{justify-content:center;padding:8px 12px!important;border-left:1px solid rgba(255,255,255,.16)!important}
.research-ribbon dt{color:var(--acid)!important}.research-ribbon dd{color:#fff!important;font-size:.8rem!important}
.research-ribbon .card-foot{display:none!important}
.ranking-section .section-intro{display:block!important;max-width:none!important;margin:0 0 24px!important;font-size:1rem!important;line-height:1.68!important}
.logo-box,.logo-spinobon,.logo-spinformula,.logo-hades,.logo-lucky,.logo-incognito,.logo-nv{background:#ffffff!important;border:1px solid rgba(255,255,255,.12)!important}
.editorial-section h2{font-size:clamp(1.8rem,2.7vw,2.45rem)!important;line-height:1.08!important;letter-spacing:-.052em!important}
main strong{color:#173c59!important;background:linear-gradient(90deg,#bcefff 0%,#bcefff 78%,transparent 78%)!important}
.faq-item summary:after,.faq-item summary:before{display:none!important;content:none!important}.faq-item summary{padding-left:4px!important;transition:background .18s,color .18s}.faq-item summary:hover{background:#e7f7ff;color:#124466!important}
.support-row a,.support-row a:nth-child(n){background:#111f37!important;border-color:rgba(255,255,255,.17)!important}.support-row a:hover{border-color:var(--acid)!important}.support-row img{filter:none!important}
@media(max-width:760px){.hero-reframe{padding-top:32px!important}.hero-intro h1{font-size:2.05rem!important}.research-ribbon{grid-template-columns:1fr!important}.research-ribbon dl{grid-template-columns:repeat(2,1fr)!important}.research-ribbon dl div{border-left:0!important}.editorial-section h2{font-size:1.9rem!important}}

/* Clean white reading surface and continuous editorial highlights. */
body,.ranking-section,.article{background:#fff!important}
main strong{display:inline!important;color:#173c59!important;background:#bcefff!important;background-image:none!important;padding:.06em .18em!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
