:root{--bg:#FAF7F2;--surface:#FFFFFF;--border:rgba(0,0,0,0.07);--text:#2C2416;--muted:#8C7B65;--dim:#B5A48A;--accent:#C4692A;--cta:#C4692A;--cta-text:#fff;--r:8px;}
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.65}
    h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.2}
    h3,h4{font-family:system-ui,-apple-system,sans-serif;line-height:1.3}
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}
    img{max-width:100%;display:block}

    .container{max-width:1100px;margin:0 auto;padding:0 24px}
    .wrap{max-width:1100px;margin:0 auto;padding:0 24px}
    .section{padding:64px 0}
    .s{padding:64px 0}

    /* age bar */
    .age-bar{background:var(--surface);border-bottom:1px solid var(--border);text-align:center;font-size:12px;color:var(--muted);padding:7px 16px;letter-spacing:.05em}

    /* nav */
    .site-nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:2px solid var(--accent);transition:box-shadow .25s}
    .site-nav.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.35)}
    .nav-inner{display:flex;align-items:center;gap:24px;height:60px}
    .nav-logo{font-family:Georgia,serif;font-size:20px;font-weight:700;color:var(--text);margin-right:auto;white-space:nowrap;font-style:italic}
    .nav-links{display:flex;gap:22px}
    .nav-links a{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.03em;text-transform:uppercase;transition:color .15s}
    .nav-links a:hover{color:var(--text);text-decoration:none}
    .nav-hamburger{display:none;background:none;border:none;color:var(--text);font-size:22px;cursor:pointer}
    .nav-mobile{display:none;flex-direction:column;background:var(--surface);border-top:1px solid var(--border)}
    .nav-mobile a{display:block;padding:13px 24px;color:var(--text);font-size:14px;font-weight:600;border-bottom:1px solid var(--border)}

    /* buttons */
    .btn{display:inline-block;padding:11px 24px;border-radius:var(--r);font-weight:700;font-size:14px;cursor:pointer;transition:all .15s;border:none;text-align:center}
    .btn:hover{opacity:.87;text-decoration:none}
    .btn-p{background:var(--cta);color:var(--cta-text)}
    .btn-o{background:transparent;color:var(--accent);border:2px solid var(--accent)}
    .btn-sm{padding:7px 16px;font-size:13px}
    .btn-lg{padding:14px 34px;font-size:16px}

    /* editorial hero — split layout */
    .ed-hero{padding:72px 0;border-bottom:1px solid var(--border)}
    .ed-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
    .eh-label{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}
    .ed-hero h1{font-size:clamp(28px,4.5vw,50px);font-weight:700;margin-bottom:20px;letter-spacing:-.02em}
    .ed-hero-intro{font-size:17px;color:var(--muted);line-height:1.75;margin-bottom:32px}
    .eh-ctas{display:flex;gap:12px;flex-wrap:wrap}

    /* featured casino card (hero right column) */
    .fc-card{background:var(--surface);border:2px solid var(--accent);border-radius:var(--r);padding:28px;position:relative}
    .fc-label{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
    .fc-name{font-size:22px;font-weight:800;margin-bottom:6px}
    .fc-stars{font-size:20px;color:var(--accent);letter-spacing:2px;margin-bottom:12px}
    .fc-bonus{background:var(--dim);border-radius:6px;padding:12px 16px;font-size:15px;font-weight:600;margin-bottom:20px;border:1px solid var(--border)}
    .fc-card .btn{width:100%;display:block;text-align:center}

    /* section headings */
    .sh{font-size:clamp(22px,3.5vw,34px);font-weight:700;margin-bottom:8px}
    .sh-line{width:48px;height:3px;background:var(--accent);margin:10px 0 28px;border-radius:2px}

    /* table — striped */
    .tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);border:1px solid var(--border)}
    table{width:100%;border-collapse:collapse;font-size:14px}
    thead th{background:var(--surface);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-bottom:2px solid var(--accent)}
    tbody tr{border-bottom:1px solid var(--border);transition:background .15s}
    tbody tr.tr-alt{background:var(--dim)}
    tbody tr:hover{background:rgba(255,255,255,.04)}
    tbody td{padding:14px 16px;vertical-align:middle}
    .tc{display:flex;align-items:center;gap:10px}
    .t-logo{width:36px;height:36px;object-fit:contain;border-radius:4px}
    .ed-rating{font-weight:700;color:var(--accent)}

    /* reviews grid */
    .reviews-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .ed-review{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:24px;display:flex;flex-direction:column;gap:12px}
    .er-top{display:flex;justify-content:space-between;align-items:center}
    .er-meta{display:flex;align-items:center;gap:10px}
    .er-rank{font-size:12px;font-weight:700;color:var(--accent);background:var(--dim);padding:3px 9px;border-radius:4px}
    .er-logo{width:36px;height:36px;object-fit:contain;border-radius:4px}
    .er-stars{font-size:18px;color:var(--accent);letter-spacing:2px}
    .ed-review h3{font-size:18px;font-weight:700}
    .er-bonus{font-size:13px;color:var(--accent);font-weight:600}
    .er-text{font-size:14px;color:var(--muted);line-height:1.7;flex:1}

    /* bonus list */
    .bonus-list{list-style:none;display:flex;flex-direction:column;gap:20px}
    .bl-item{display:flex;gap:16px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--border)}
    .bl-item:last-child{border-bottom:none;padding-bottom:0}
    .bl-icon{font-size:28px;flex-shrink:0;margin-top:2px}
    .bl-body strong{display:block;font-size:16px;font-weight:700;margin-bottom:6px}
    .bl-body p{font-size:14px;color:var(--muted);line-height:1.7}

    /* faq */
    .ed-fq{border-bottom:1px solid var(--border)}
    .ed-fq:first-child{border-top:1px solid var(--border)}
    .ed-fq-q{width:100%;background:none;border:none;text-align:left;padding:18px 0;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;font-family:system-ui,sans-serif}
    .ed-fq-ic{font-size:16px;color:var(--accent);transition:transform .2s;flex-shrink:0}
    .ed-fq-a{padding:0 0 18px}
    .ed-fq-a p{color:var(--muted);line-height:1.75;font-size:15px}

    /* content sections */
    .s h2{font-size:clamp(20px,3vw,28px);font-weight:700;margin-bottom:12px}
    .s p{color:var(--muted);line-height:1.7;max-width:720px}

    /* footer */
    .site-footer{background:var(--surface);border-top:2px solid var(--accent);padding:48px 0 0}
    .footer-2col{display:grid;grid-template-columns:2fr 1fr;gap:48px;margin-bottom:40px;align-items:start}
    .fb-brand{font-family:Georgia,serif;font-size:20px;font-style:italic;font-weight:700;margin-bottom:14px;display:block}
    .fb-disclaimer{font-size:12px;color:var(--muted);line-height:1.7;max-width:420px}
    .fb-links strong{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;margin-bottom:14px;color:var(--muted)}
    .fb-links ul{list-style:none;display:flex;flex-direction:column;gap:8px}
    .fb-links ul li a{font-size:14px;color:var(--muted);transition:color .15s}
    .fb-links ul li a:hover{color:var(--accent);text-decoration:none}
    .footer-bottom{border-top:1px solid var(--border);padding:18px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
    .footer-bottom p{font-size:12px;color:var(--muted)}

    /* responsive */
    @media(max-width:768px){
      .nav-links,.site-nav .btn-sm{display:none}
      .nav-hamburger{display:block}
      .ed-hero-grid{grid-template-columns:1fr;gap:36px}
      .reviews-grid{grid-template-columns:1fr}
      .footer-2col{grid-template-columns:1fr}
      .section{padding:48px 0}
      .s{padding:48px 0}
    }
    @media(max-width:640px){
      .tbl-wrap{border:none}
      table thead{display:none}
      table,tbody,tr,td{display:block;width:100%}
      tbody tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);margin-bottom:12px;padding:12px}
      tbody td{padding:6px 0;border:none;display:flex;justify-content:space-between;align-items:center;font-size:14px}
      tbody td::before{content:attr(data-label);font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
      .footer-bottom{flex-direction:column;text-align:center}
    }
    @media(max-width:480px){
      .ed-hero{padding:44px 0}
      .eh-ctas{flex-direction:column}
    }