/* Project 3125 — readability, controls and resilient offer rows. */
:root{--sf-muted:#c2cad2;--sf-border:#343e48;--sf-readable-card-text:#f5f7fa;--sf-readable-card-muted:#c2cad2;--sf-readable-card-link:#6eeef0}
html{font-size:16px;line-height:1.65}body{color:#f5f7fa}main{font-size:17px}main p,main li{line-height:1.75}main .section-subtitle{font-size:17px;line-height:1.7;color:#c2cad2}main .section-header{margin-bottom:30px}main .section{padding-top:56px;padding-bottom:56px}main h2{line-height:1.25;margin-bottom:20px}main h3{line-height:1.35}main .section>.container>p{max-width:82ch}main .section p+p{margin-top:16px}main .card :is(p,li){color:#dde3e9}main .card{border-color:#343e48;background:#161c22;box-shadow:none}main .card .text-muted,main .text-muted{color:#c2cad2}main :is(.grid,.hero__inner,.content-columns)>*{min-width:0}
main [data-sf-hero-host]::before{inset:0!important;top:0!important;left:0!important;transform:none!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,rgba(3,7,13,.96) 0%,rgba(3,7,13,.9) 45%,rgba(3,7,13,.43) 100%)!important}main .hero__title{font-size:clamp(2rem,4vw,3.3rem);line-height:1.14;max-width:23ch}main .hero__lead{max-width:67ch;font-size:18px;line-height:1.75;color:#f5f7fa!important;margin-top:18px;margin-bottom:22px}main .hero__meta{gap:10px;margin:22px 0}main [data-sf-hero-host] .hero__meta .badge{background:#15212be6!important;color:#e2f5fa!important;border:1px solid #5d747e;padding:7px 12px;line-height:1.4;font-size:13px}main [data-sf-hero-host]{padding-top:48px!important;padding-bottom:48px!important}
main :is(.btn--primary,.btn--cta,.cta-button),main [data-sf-hero-extra="cta"] a{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px!important;min-width:150px;padding:13px 22px!important;border-radius:9px!important;background:#0de3e8!important;color:#052127!important;border:1px solid #0de3e8!important;font-size:16px;font-weight:750;line-height:1.35!important;white-space:normal;text-align:center;text-shadow:none!important;text-decoration:none!important;box-shadow:0 3px 10px #0003!important}main :is(.btn--primary,.btn--cta,.cta-button):hover,main [data-sf-hero-extra="cta"] a:hover{background:#72f5f5!important;border-color:#72f5f5!important;transform:translateY(-1px)}main :is(.btn--outline,.btn--ghost,.btn--secondary){display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px!important;background:#151d27!important;color:#eaf1f7!important;border:1px solid #82909e!important;border-radius:9px!important;box-shadow:none!important;font-size:15px;line-height:1.35;text-shadow:none!important;text-decoration:none!important;white-space:normal;text-align:center}main :is(.btn--outline,.btn--ghost,.btn--secondary):hover{background:#263747!important;color:#fff!important;border-color:#d4e1eb!important}main :is(.btn,.cta-button) :is(span,strong){color:inherit!important}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7af7f7!important;outline-offset:4px}main a:not([class*="btn"]):not(.cta-button):hover{text-decoration:underline;text-underline-offset:4px}
main [data-contract="casino-comparison-listing.v1"]{display:grid!important;gap:20px!important;margin:26px 0}main [data-contract="casino-comparison-listing.v1"] .casino-row{display:grid!important;grid-template-columns:32px minmax(190px,1fr) minmax(260px,1.55fr) 176px!important;gap:20px 24px!important;padding:24px!important;align-items:center!important;margin:0!important;background:#171d24;border:1px solid #3a4652;border-radius:14px;box-shadow:none}main [data-contract] .casino-row>*{min-width:0!important;width:auto!important;max-width:100%;grid-column:auto}main [data-contract] .casino-row__rank{grid-column:1;grid-row:1;width:32px!important;height:32px;border-color:#607480;color:#8af7f5;font-size:15px}main [data-contract] .casino-row__brand{grid-column:2;grid-row:1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}main [data-contract] .casino-row__logo{width:90px!important;height:64px!important;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:7px;background:#0b1016;border:1px solid #475462;border-radius:9px}main [data-contract] .casino-row__logo img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}main [data-contract] .casino-row__name{font-size:18px;line-height:1.4;font-weight:750}main [data-contract] .casino-row__bonus{grid-column:3;grid-row:1;font-size:16px;line-height:1.65;overflow-wrap:anywhere}main [data-contract] .casino-row__bonus-value,main [data-contract] .casino-row__bonus-title{display:block;line-height:1.65;opacity:1;font-size:16px}main [data-contract] .sf-duplicate-offer{display:none!important}main [data-contract] .casino-row__actions{grid-column:4;grid-row:1;display:flex!important;flex-direction:column;align-items:stretch;gap:10px!important}main [data-contract] .casino-row__actions a{width:100%;min-width:0}main [data-contract] .casino-row__signals{grid-column:2 / -1;grid-row:2;display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid #3a4652}main [data-contract] .casino-row__signals .badge{padding:8px 12px;white-space:normal!important;overflow-wrap:anywhere;max-width:100%;border-radius:7px;font-size:14px;line-height:1.6;text-align:left;color:#c9f6f4;background:#153337;border:1px solid #37676a}main .score-pill{background:#102b30;border-color:#49878a;padding:4px 9px;gap:3px;margin-top:6px}main .score-pill__val{color:#6ff4f2;font-size:17px}main .score-pill__max{color:#d4ecef;font-size:13px}main .sf-listing-note{font-size:13px;color:#c2cad2}
main :is(.table-wrapper,.table-wrap,.sf-table-wrap,.table-responsive){max-width:100%;overflow-x:auto;border-radius:12px;border-color:#3a4652}main table{width:100%;min-width:640px;border-collapse:collapse;background:#12181f;color:#e5ecf2;font-size:16px}main th,main td{padding:17px 18px!important;vertical-align:top!important;line-height:1.65;white-space:normal;overflow-wrap:break-word;border-color:#3a4652!important}main th{color:#aafafa!important;background:#1c2c33!important;letter-spacing:.02em;font-size:13px}main tbody tr:nth-child(even){background:#1b222b}main tbody tr:hover{background:#22343e}main .sf-faq button,main .faq-question{min-height:60px;line-height:1.5;padding:18px 22px;color:#f5f7fa;background:#17212a;border-color:#3a4652}main .faq-answer{color:#d6e1eb;line-height:1.75}main .author-box,main .author-byline{border-color:#3a4652;color:#e5ecf2}.sf-header__note{font-size:12px;line-height:1.5;padding:8px 16px}.sf-menu__panel{max-height:70vh;overflow-y:auto}.sf-menu__sub a,.sf-drawer__sub a{line-height:1.55;min-height:40px}.sf-footer{color:#c2cad2}.sf-footer a{color:#d8e3eb}
@media(max-width:1050px){main [data-contract="casino-comparison-listing.v1"] .casino-row{grid-template-columns:30px minmax(170px,1fr) minmax(210px,1.3fr)!important;gap:18px!important}main [data-contract] .casino-row__actions{grid-column:2 / -1;grid-row:3;flex-direction:row!important;flex-wrap:wrap}main [data-contract] .casino-row__actions a{width:auto;flex:1;min-width:150px}main .section{padding-top:44px;padding-bottom:44px}}
@media(max-width:640px){main{font-size:16px}main [data-sf-hero-host]{padding-top:32px!important;padding-bottom:36px!important}main [data-sf-hero-host]::before{background:linear-gradient(90deg,rgba(3,7,13,.96),rgba(3,7,13,.8))!important}main .hero__title{font-size:clamp(1.9rem,8vw,2.5rem)}main .hero__lead{font-size:17px;line-height:1.7}main [data-contract="casino-comparison-listing.v1"] .casino-row{grid-template-columns:28px minmax(0,1fr)!important;gap:16px!important;padding:20px 16px!important}main [data-contract] .casino-row__brand{grid-column:2;grid-row:1}main [data-contract] .casino-row__bonus{grid-column:1 / -1;grid-row:2}main [data-contract] .casino-row__signals{grid-column:1 / -1;grid-row:3}main [data-contract] .casino-row__actions{grid-column:1 / -1;grid-row:4}main [data-contract] .casino-row__actions a{min-width:120px}main [data-contract] .casino-row__name{font-size:17px}main .section-subtitle{font-size:16px}main .card{padding:22px}main h2{font-size:clamp(1.5rem,6vw,2rem)}main .sf-faq button{padding:16px;font-size:16px}.sf-header__note{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

html body main a.cta-button,html body main a.btn--primary,html body main a.btn--cta{background:#0de3e8!important;background-color:#0de3e8!important;color:#052127!important;border:1px solid #0de3e8!important;text-shadow:none!important}html body main a.cta-button:hover,html body main a.btn--primary:hover,html body main a.btn--cta:hover{background:#72f5f5!important;color:#052127!important}