/* === BASE TYPOGRAPHY === */
body{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-body-text);background:var(--color-white);line-height:var(--leading-relaxed)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-heading-text);font-weight:var(--weight-bold)}
h1{font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:-.02em}
h2{font-size:var(--text-h2);line-height:var(--leading-snug);letter-spacing:-.01em}
h3{font-size:var(--text-h3);line-height:var(--leading-normal);font-weight:var(--weight-semibold)}
h4{font-size:var(--text-h4);line-height:var(--leading-normal);font-weight:var(--weight-semibold)}
a{color:var(--color-link);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}
a:hover{color:var(--color-link-hover)}
.container{max-width:1200px;margin-inline:auto;padding-inline:var(--space-3)}
@media(min-width:768px){.container{padding-inline:var(--space-5)}}
@media(min-width:1024px){.container{padding-inline:var(--space-6)}}
.content-prose{max-width:720px}
.content-prose p{margin-bottom:var(--space-4)}
.content-prose ul,.content-prose ol{margin-bottom:var(--space-4);padding-left:var(--space-4)}
.content-prose li{margin-bottom:var(--space-2);list-style:disc}
.content-prose ol li{list-style:decimal}
.content-prose blockquote{border-left:4px solid var(--color-primary);background:var(--color-info-bg);padding:var(--space-3);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-4)}
.content-prose h2{margin-top:var(--space-7);margin-bottom:var(--space-4)}
.content-prose h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}
.skip-link{position:absolute;top:-100%;left:var(--space-3);background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);border-radius:0 0 var(--radius-md) var(--radius-md);z-index:200;text-decoration:none}
.skip-link:focus{top:0}

/* === BUTTONS === */
.btn-primary,.btn-casino,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius-md);font-weight:var(--weight-semibold);font-size:var(--text-body);text-decoration:none;transition:background-color var(--transition-normal);min-width:160px;border:none;cursor:pointer}
.btn-primary{background:var(--color-primary);color:#fff}
.btn-primary:hover{background:var(--color-primary-hover);color:#fff}
.btn-casino{background:var(--color-accent);color:var(--color-near-black);font-weight:var(--weight-bold)}
.btn-casino:hover{background:var(--color-accent-hover);color:var(--color-near-black)}
.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}
.btn-secondary:hover{background:var(--color-info-bg)}
@media(max-width:767px){.btn-primary,.btn-casino,.btn-secondary{width:100%;min-width:unset;padding:14px 20px}}

/* === 1. EDITORIAL TOP STRIP === */
.editorial-strip{background:var(--color-editorial-strip-bg);color:#fff;text-align:center;padding:var(--space-2) var(--space-3);font-size:var(--text-caption);font-weight:var(--weight-medium)}
.editorial-strip a{color:#fff;text-decoration:underline}
.editorial-strip__sep{margin:0 .5em;opacity:.5}

/* === 2. HEADER === */
.site-header{background:var(--color-white);border-bottom:var(--border-default);position:sticky;top:0;z-index:100;transition:box-shadow var(--transition-normal)}
.site-header.scrolled{box-shadow:var(--shadow-sm)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;height:72px}
.site-header__logo{font-size:var(--text-h4);font-weight:var(--weight-bold);color:var(--color-primary);text-decoration:none}
.site-header__nav{display:none}
.site-header__nav.active{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--color-white);box-shadow:var(--shadow-xl);padding:var(--space-7) var(--space-4) var(--space-4);z-index:200;overflow-y:auto}
.site-header__nav a{display:block;padding:var(--space-3) 0;font-size:var(--text-body);font-weight:var(--weight-medium);color:var(--color-body-text);text-decoration:none;border-bottom:var(--border-default)}
.site-header__nav a:hover,.site-header__nav a.active{color:var(--color-primary)}
.site-header__nav a.active{border-bottom:2px solid var(--color-primary)}
.nav-toggle{display:flex;flex-direction:column;gap:5px;padding:var(--space-2);background:none;border:none;cursor:pointer;z-index:201}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--color-body-text);transition:all var(--transition-normal)}
.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.nav-toggle.active span:nth-child(2){opacity:0}
.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:199}
.nav-overlay.active{display:block}
@media(min-width:1024px){
.site-header .container{height:72px}
.site-header__nav{display:flex;gap:var(--space-4);align-items:center}
.site-header__nav a{padding:var(--space-2) 0;font-size:var(--text-small);border-bottom:2px solid transparent}
.nav-toggle,.nav-overlay{display:none!important}
}
@media(max-width:1023px){.site-header .container{height:60px}}

/* === 3. BREADCRUMBS === */
.breadcrumbs{background:var(--color-off-white);padding:var(--space-2) 0;font-size:var(--text-small);color:var(--color-gray-500);overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
.breadcrumbs::-webkit-scrollbar{display:none}
.breadcrumbs a{color:var(--color-link);text-decoration:none}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs__sep{margin:0 .5em;color:var(--color-gray-400)}

/* === 4. HOMEPAGE HERO === */
.hero-home{background:var(--color-primary-dark);color:#fff;padding:var(--space-7) 0 var(--space-6);text-align:left}
.hero-home h1{color:#fff;margin-bottom:var(--space-4)}
.hero-home__subtitle{font-size:var(--text-body);max-width:640px;margin-bottom:var(--space-4);opacity:.95;line-height:var(--leading-relaxed)}
.hero-home__badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}
.hero-home__badge{background:rgba(255,255,255,.15);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--weight-medium)}
.hero-home__disclaimer{border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-small);max-width:640px;margin-top:var(--space-4);opacity:.9;line-height:var(--leading-relaxed)}
@media(min-width:768px){.hero-home{padding:var(--space-8) 0 var(--space-7);text-align:center}.hero-home__subtitle,.hero-home__disclaimer{margin-inline:auto}.hero-home__badges{justify-content:center}.hero-home .btn-primary{margin-inline:auto}}

/* === 5. INNER PAGE HERO === */
.hero-inner{background:var(--color-off-white);padding:var(--space-6) 0 var(--space-5)}
.hero-inner h1{margin-bottom:var(--space-3)}
.hero-inner__subtitle{max-width:720px;margin-bottom:var(--space-3);color:var(--color-body-text)}
.hero-inner__meta{font-size:var(--text-small);color:var(--color-gray-500);margin-bottom:var(--space-3)}
.hero-inner__meta span+span::before{content:" | ";color:var(--color-gray-400)}
.hero-inner__disclosure{font-size:var(--text-small);color:var(--color-gray-600);font-style:italic;border-top:var(--border-default);padding-top:var(--space-3);margin-top:var(--space-3)}
@media(min-width:768px){.hero-inner{padding:var(--space-7) 0 var(--space-6)}}

/* === 6. CASINO CARD === */
.casino-card{background:var(--color-card-bg);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);transition:box-shadow var(--transition-normal),border-color var(--transition-normal);box-shadow:var(--shadow-md)}
.casino-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-gray-200)}
.casino-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}
.casino-card__logo{width:48px;height:48px;border-radius:var(--radius-md);object-fit:contain;background:var(--color-gray-50);padding:4px}
.casino-card__name{font-size:var(--text-h4);font-weight:var(--weight-semibold);flex:1}
.casino-card__badge-18{background:var(--color-danger);color:#fff;font-size:var(--text-caption);font-weight:var(--weight-bold);padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}
.casino-card__details{display:grid;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-small)}
.casino-card__detail{display:flex;gap:var(--space-2)}
.casino-card__detail-label{color:var(--color-gray-500);min-width:120px;font-weight:var(--weight-medium)}
.casino-card__detail-value{color:var(--color-body-text)}
.casino-card__bonus-terms{font-size:var(--text-caption);color:var(--color-gray-500);margin-bottom:var(--space-3);padding-top:var(--space-2);border-top:var(--border-default)}
.casino-card__cta{margin-bottom:var(--space-2)}
.casino-card__terms-line{font-size:var(--text-caption);color:var(--color-gray-500);text-align:center}
.casino-card--placeholder{border:2px dashed var(--color-gray-300);background:var(--color-gray-50)}
.badge-license{font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-sm);display:inline-block}
.badge-license--mga{background:#E8F8EE;color:#145A32}
.badge-license--curacao{background:var(--color-warning-bg);color:#7D6608}
.badge-license--emta{background:var(--color-info-bg);color:#1A5276}
.badge-status{font-size:var(--text-caption);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-sm)}
.badge-status--check{background:var(--color-warning-bg);color:#7D6608}
.badge-status--supported{background:#E8F8EE;color:#145A32}
.badge-status--not-supported{background:var(--color-danger-bg);color:#922B21}
@media(min-width:768px){
.casino-card{padding:var(--space-4)}
.casino-card__logo{width:64px;height:64px}
}

/* === 7. CASINO COMPARISON TABLE === */
.comparison-table-wrap{overflow-x:auto;margin-bottom:var(--space-4)}
.comparison-table{width:100%;border-collapse:collapse;display:none}
.comparison-table th{background:var(--color-primary-dark);color:#fff;padding:12px 16px;text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.comparison-table td{padding:var(--space-3);border-bottom:var(--border-default);vertical-align:middle;font-size:var(--text-small)}
.comparison-table tr:hover{background:var(--color-gray-50)}
.comparison-table .btn-casino{padding:8px 16px;font-size:var(--text-small);min-width:auto}
.comparison-table__footer{font-size:var(--text-small);color:var(--color-gray-500);margin-top:var(--space-3)}
.comparison-cards{display:grid;gap:var(--space-3)}
@media(min-width:768px){
.comparison-table{display:table}
.comparison-cards{display:none}
}

/* === 8. FEATURED TOP 3 === */
.featured-top3{background:var(--color-off-white);padding:var(--space-7) 0}
.featured-top3 h2{text-align:center;margin-bottom:var(--space-5)}
.featured-top3__grid{display:grid;gap:var(--space-4)}
.featured-top3 .casino-card{position:relative}
.featured-top3__rank{position:absolute;top:calc(var(--space-3) * -1 + 4px);left:var(--space-3);width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-small);z-index:1}
.featured-top3 .casino-card__logo{width:64px;height:64px}
.featured-top3__editorial{font-size:var(--text-body);color:var(--color-body-text);margin-bottom:var(--space-3)}
@media(min-width:768px){.featured-top3__grid{grid-template-columns:repeat(3,1fr)}}
.featured-top3__disclosure{font-size:var(--text-small);color:var(--color-gray-500);text-align:center;margin-top:var(--space-4)}

/* === 9. PAYMENT SIGNALS === */
.payment-signals{border-top:var(--border-default);border-bottom:var(--border-default);padding:var(--space-4) 0;text-align:center}
.payment-signals__logos{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-2)}
.payment-signals__logo{height:24px;width:auto;filter:grayscale(100%);transition:filter var(--transition-normal);opacity:.7}
.payment-signals__logo:hover{filter:grayscale(0%);opacity:1}
.payment-signals__disclaimer{font-size:var(--text-small);color:var(--color-gray-500);max-width:600px;margin-inline:auto}
@media(max-width:767px){.payment-signals__logo{height:20px}}

/* === 10. TRUST SIGNALS === */
.trust-signals{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.trust-signal{background:rgba(255,255,255,.15);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-small);font-weight:var(--weight-medium)}
.trust-signal--light{background:var(--color-gray-50);color:var(--color-gray-600)}

/* === 11. QUICK ANSWER CARDS === */
.quick-answers{padding:var(--space-7) 0}
.quick-answers h2{text-align:center;margin-bottom:var(--space-5)}
.quick-answers__grid{display:grid;gap:var(--space-3)}
.quick-answer{background:var(--color-off-white);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}
.quick-answer h3{font-size:var(--text-h4);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}
.quick-answer p{font-size:var(--text-body);color:var(--color-body-text);margin-bottom:var(--space-2)}
.quick-answer a{font-size:var(--text-small)}
@media(min-width:768px){.quick-answers__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}

/* === 12. TABLE OF CONTENTS === */
.toc{background:var(--color-off-white);border:var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);max-width:720px}
.toc__title{font-size:var(--text-h4);font-weight:var(--weight-semibold);margin-bottom:var(--space-3);cursor:pointer;display:flex;align-items:center;justify-content:space-between}
.toc__chevron{transition:transform var(--transition-normal);font-size:var(--text-small)}
.toc__list{counter-reset:toc}
.toc__list li{counter-increment:toc}
.toc__list li::before{content:counter(toc) ". ";color:var(--color-gray-500);font-weight:var(--weight-medium)}
.toc__list li{margin-bottom:var(--space-2);list-style:none}
.toc__list a{text-decoration:none;color:var(--color-link)}
.toc__list a:hover{text-decoration:underline}
@media(max-width:767px){
.toc__list{display:none}
.toc__list.active{display:block}
.toc__chevron{display:inline-block}
}
@media(min-width:768px){
.toc__list{display:block!important}
.toc__chevron{display:none}
}

/* === 13. CONTENT SECTION === */
.content-section{padding:var(--space-6) 0}
.content-section:nth-child(even){background:var(--color-section-alt-bg)}
.content-section+.content-section{border-top:var(--border-default)}
.content-section .content-prose h2:first-child{margin-top:0}

/* === DATA TABLES INSIDE CONTENT === */
.data-table-wrap{overflow-x:auto;margin-bottom:var(--space-4)}
.data-table{width:100%;border-collapse:collapse}
.data-table th{background:var(--color-primary-dark);color:#fff;padding:12px 16px;text-align:left;font-weight:var(--weight-semibold);font-size:var(--text-small);white-space:nowrap}
.data-table td{padding:12px 16px;border-bottom:var(--border-default);vertical-align:top;font-size:var(--text-small)}
.data-table tr:hover{background:var(--color-gray-50)}

/* === 14. PROS CONS BLOCK === */
.pros-cons{display:grid;gap:var(--space-4);margin:var(--space-5) 0}
.pros-cons__col{border-radius:var(--radius-lg);padding:var(--space-4)}
.pros-cons__col--pros{border-left:4px solid var(--color-success);background:var(--color-success-bg)}
.pros-cons__col--cons{border-left:4px solid var(--color-danger);background:var(--color-danger-bg)}
.pros-cons__col h3{font-size:var(--text-h4);margin-bottom:var(--space-3)}
.pros-cons__col li{margin-bottom:var(--space-2);padding-left:var(--space-4);position:relative;list-style:none}
.pros-cons__col--pros li::before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:var(--weight-bold)}
.pros-cons__col--cons li::before{content:"✗";position:absolute;left:0;color:var(--color-danger);font-weight:var(--weight-bold)}
@media(min-width:768px){.pros-cons{grid-template-columns:1fr 1fr}}

/* === 15. FAQ ACCORDION === */
.faq{max-width:720px;margin:var(--space-6) 0}
.faq h2{margin-bottom:var(--space-4)}
.faq__item{border-bottom:var(--border-default)}
.faq__question{width:100%;text-align:left;padding:var(--space-3) 0;font-size:var(--text-body);font-weight:var(--weight-semibold);color:var(--color-heading-text);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);background:none;border:none;cursor:pointer;min-height:44px}
.faq__question::after{content:"▸";font-size:var(--text-small);transition:transform var(--transition-normal);flex-shrink:0}
.faq__question[aria-expanded="true"]::after{transform:rotate(90deg)}
.faq__answer{display:none;padding:0 0 var(--space-3);color:var(--color-body-text);line-height:var(--leading-relaxed)}
.faq__answer.active{display:block}
.faq__answer p{margin-bottom:var(--space-2)}
.faq__answer a{color:var(--color-link)}

/* === 16. AUTHOR BOX === */
.author-box{background:var(--color-info-bg);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;gap:var(--space-4);align-items:flex-start;margin:var(--space-5) 0}
.author-box__photo{width:64px;height:64px;border-radius:var(--radius-full);border:2px solid var(--color-gray-200);object-fit:cover;flex-shrink:0}
.author-box__info{flex:1}
.author-box__name{font-size:var(--text-h4);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}
.author-box__role{font-size:var(--text-small);color:var(--color-gray-500);margin-bottom:var(--space-2)}
.author-box__bio{font-size:var(--text-body);margin-bottom:var(--space-2)}
.author-box__link{font-size:var(--text-small);color:var(--color-link)}
@media(min-width:768px){.author-box__photo{width:80px;height:80px}}
@media(max-width:767px){.author-box{flex-direction:column;align-items:center;text-align:center}}

/* === 17. REVIEWER BOX === */
.reviewer-box{background:var(--color-off-white);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5)}
.reviewer-box__photo{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover;flex-shrink:0}
.reviewer-box__name{font-size:var(--text-small);font-weight:var(--weight-semibold)}
.reviewer-box__role{font-size:var(--text-caption);color:var(--color-gray-500)}
@media(min-width:768px){.reviewer-box__photo{width:48px;height:48px}}

/* === 18. METHODOLOGY BLOCK === */
.methodology-block{border-left:4px solid var(--color-primary);border:var(--border-default);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-4);margin:var(--space-5) 0;max-width:720px}
.methodology-block__icon{color:var(--color-primary);margin-bottom:var(--space-2);font-size:1.5rem}
.methodology-block p{margin-bottom:var(--space-3)}
.methodology-block a{font-weight:var(--weight-semibold);color:var(--color-link)}

/* === 19. RESPONSIBLE GAMBLING BLOCK === */
.rg-block{background:var(--color-gray-50);border-top:2px solid var(--color-warning);padding:var(--space-5) var(--space-4);margin:var(--space-6) 0;text-align:center}
.rg-block__badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-danger);color:#fff;border-radius:var(--radius-full);font-weight:var(--weight-bold);font-size:var(--text-h4);margin-bottom:var(--space-3)}
.rg-block__text{max-width:720px;margin-inline:auto;font-size:var(--text-body);margin-bottom:var(--space-3)}
.rg-block__help{font-weight:var(--weight-semibold);margin-bottom:var(--space-2);font-size:var(--text-body)}
.rg-block__link{display:block;font-size:var(--text-small);color:var(--color-link);margin-top:var(--space-2)}

/* === 20. FOOTER === */
.site-footer{background:var(--color-footer-bg);color:var(--color-footer-text);padding:var(--space-7) 0 var(--space-5)}
.site-footer a{color:var(--color-gray-300);text-decoration:none}
.site-footer a:hover{text-decoration:underline;color:#fff}
.footer__grid{display:grid;gap:var(--space-5);margin-bottom:var(--space-5)}
.footer__nav h4{color:#fff;font-size:var(--text-body);margin-bottom:var(--space-3)}
.footer__nav ul{display:grid;gap:var(--space-2)}
.footer__nav li{list-style:none}
.footer__nav a{font-size:var(--text-small)}
.footer__section{padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}
.footer__section h4{color:#fff;font-size:var(--text-small);font-weight:var(--weight-semibold);margin-bottom:var(--space-2)}
.footer__section p{font-size:var(--text-small);color:var(--color-gray-400);line-height:var(--leading-relaxed)}
.footer__payments{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-3)}
.footer__payments img{height:16px;width:auto;filter:grayscale(100%);opacity:.6}
.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;font-size:var(--text-caption);color:var(--color-gray-500)}
.footer__bottom .casino-card__badge-18{font-size:10px;padding:1px 6px}
@media(min-width:768px){.footer__grid{grid-template-columns:1fr 1fr}.footer__nav ul{grid-template-columns:1fr 1fr}}

/* === SECTION SPACING === */
.page-section{padding:var(--space-6) 0}
@media(min-width:768px){.page-section{padding:var(--space-7) 0}}

/* === RELATED GUIDES === */
.related-guides{padding:var(--space-6) 0}
.related-guides h2{margin-bottom:var(--space-4)}
.related-guides ul{display:grid;gap:var(--space-2)}
.related-guides li{list-style:none;padding:var(--space-2) 0;border-bottom:var(--border-default)}
.related-guides a{text-decoration:none;font-weight:var(--weight-medium)}
.related-guides a:hover{text-decoration:underline}
.related-guides__desc{display:block;font-size:var(--text-small);color:var(--color-gray-500);margin-top:var(--space-1)}

/* === FINAL VERDICT === */
.verdict{background:var(--color-info-bg);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0;max-width:720px}
.verdict h2{margin-bottom:var(--space-3);margin-top:0}
.verdict p{margin-bottom:var(--space-3)}

/* === AFFILIATE DISCLOSURE INLINE === */
.affiliate-disclosure{font-size:var(--text-small);color:var(--color-gray-500);font-style:italic;margin:var(--space-3) 0;padding:var(--space-2) 0;border-top:var(--border-default)}

/* === BREADCRUMBS LIST === */
.breadcrumbs__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0}
.breadcrumbs__item{display:inline-flex;align-items:center;font-size:var(--text-small);color:var(--color-gray-500)}
.breadcrumbs__item+.breadcrumbs__item::before{content:"›";margin:0 .5em;color:var(--color-gray-400)}
.breadcrumbs__item a{color:var(--color-link);text-decoration:none}
.breadcrumbs__item a:hover{text-decoration:underline}

/* === CASINO CARD RANK === */
.casino-card__rank{position:absolute;top:calc(var(--space-3) * -1 + 4px);left:var(--space-3);width:32px;height:32px;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-small);z-index:1}

/* === HERO INNER AUTHOR === */
.hero-inner__author{display:inline-flex;align-items:center;gap:var(--space-2)}
.hero-inner__author-img{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}
.hero-inner__date{color:var(--color-gray-500)}

/* === AUTHOR BOXES WRAPPER === */
.author-boxes{display:grid;gap:var(--space-4);max-width:720px}
.author-box__title{font-size:var(--text-small);color:var(--color-gray-500);margin-bottom:var(--space-2)}

/* === MOBILEPAY DISCLAIMER === */
.mobilepay-disclaimer{border-left:4px solid var(--color-warning);background:var(--color-warning-bg);padding:var(--space-3);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-4) 0;font-size:var(--text-small);color:var(--color-gray-600);font-style:italic;max-width:720px}