/* casino-pages.css — skeleton + site palette */
/* Domain: destroyerminis.com */


    :root {
      --cta-primary: #EF552E;
      --cta-primary-hover: #d93911;
      --color-green: #7F982C;
      --color-green-hover: #5e7021;
      --color-blue: #d4a34a;
      --color-blue-hover: #b8882e;
      --bg-light: rgba(40, 36, 32, 0.85);
      --bg-light-alt: rgba(50, 45, 38, 0.8);
      --text-body: #b0a898;
      --text-grey: #8a7e70;
      --text-dark: #e0d6c8;
      --border-light: rgba(180, 160, 130, 0.2);
      --border-badge: rgba(180, 160, 130, 0.3);
      --color-red: #c0392b;
      --color-red-hover: #a93226;
      --border-default: rgba(180, 160, 130, 0.25);
      --bg-subtle: rgba(25, 23, 20, 0.95);
      --font-body: Georgia, 'Times New Roman', serif;
      --font-heading: Georgia, 'Times New Roman', serif;
      --font-accent: Georgia, 'Times New Roman', serif;
      --radius: 6px;
      --card-padding: 1.25rem;
    }

    /* body rule removed — .casino-content-wrapper handles width */

    h1, h2 {
      font-family: var(--font-heading);
      color: var(--text-dark);
    }

    h2 {
      border-bottom: 2px solid var(--border-default);
      padding-bottom: 0.5rem;
      margin-top: 3rem;
    }

    /* Casino article wrapper for blockquote styling */
    .casino-article blockquote {
      border-left: 4px solid var(--color-green);
      margin: 1.5em 0;
      padding: 1em 1.5em;
      background: var(--bg-light);
      border-radius: 0 6px 6px 0;
      font-style: italic;
      color: var(--text-grey);
    }

    .casino-article blockquote p:last-child {
      margin-bottom: 0;
    }

    /* COMPARISON TABLE */
    .casino-table-wrapper {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin: 1.5rem 0 2rem;
      border-radius: 6px;
      box-shadow: 0 2px 8px rgba(0,0,0,.08);
    }

    .casino-table {
      width: 100%;
      min-width: 640px;
      border-collapse: collapse;
      font-family: var(--font-body);
      font-size: .94444em;
      line-height: 1.5;
    }

    .casino-table thead {
      background: var(--color-blue);
    }

    .casino-table thead th {
      color: #fff;
      font-weight: 600;
      text-align: left;
      padding: .85rem 1rem;
      white-space: nowrap;
      font-size: .88889em;
      text-transform: uppercase;
      letter-spacing: .03em;
    }

    .casino-table thead th:first-child { border-radius: 6px 0 0 0; }
    .casino-table thead th:last-child { border-radius: 0 6px 0 0; }

    .casino-table tbody tr {
      border-bottom: 1px solid var(--border-default);
      transition: background-color .15s ease;
    }

    .casino-table tbody tr:nth-child(even) { background: var(--bg-light); }
    .casino-table tbody tr:hover { background: rgba(60, 55, 48, 0.6); }

    .casino-table tbody td {
      padding: .85rem 1rem;
      vertical-align: middle;
      color: var(--text-body);
    }

    .casino-table tbody td:first-child {
      font-weight: 600;
      color: var(--text-dark);
    }

    .casino-table tbody tr.casino-table__top-pick {
      background: rgba(60, 80, 30, 0.15);
      border-left: 4px solid var(--color-green);
    }

    .casino-table tbody tr.casino-table__top-pick td:first-child {
      padding-left: calc(1rem - 4px);
    }

    .casino-table tbody tr.casino-table__top-pick:hover { background: rgba(60, 80, 30, 0.25); }

    .casino-table__top-badge {
      display: inline-block;
      background: var(--cta-primary);
      color: #fff;
      font-size: .7em;
      font-weight: 600;
      padding: .15em .6em;
      border-radius: 3px;
      margin-left: .5em;
      vertical-align: middle;
      text-transform: uppercase;
      letter-spacing: .03em;
    }

    .casino-table__bonus {
      font-family: var(--font-heading);
      font-weight: 700;
      font-size: 1.05em;
      color: var(--cta-primary);
      white-space: nowrap;
    }

    .casino-table--glance { min-width: 700px; }
    .casino-table--glance td:first-child { text-align: center; width: 3.5rem; }

    /* Rank badges */
    .casino-review__rank {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.5rem;
      height: 2.5rem;
      min-width: 2.5rem;
      border-radius: 50%;
      background: var(--color-blue);
      color: #fff;
      font-family: var(--font-accent);
      font-weight: 600;
      font-size: 1.16667em;
      line-height: 1;
    }

    .casino-review__rank--gold { background: var(--cta-primary); }

    /* Logo */
    .casino-logo {
      max-height: 40px;
      max-width: 120px;
      width: auto;
      height: auto;
      display: inline-block;
      object-fit: contain;
      vertical-align: middle;
    }

    .casino-logo-placeholder {
      font-weight: 700;
      color: var(--text-dark);
      font-size: .9em;
    }

    /* REVIEW BLOCK */
    .casino-review {
      background: rgba(30, 28, 25, 0.92);
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      box-shadow: 0 2px 8px rgba(0,0,0,.06);
      margin: 1.5rem 0;
      overflow: hidden;
    }

    .casino-review__body {
      padding: var(--card-padding) 1.5rem;
    }

    /* Review heading */
    .casino-review-heading {
      display: flex;
      align-items: center;
      gap: 1.25rem;
      padding: 1.25rem 1.5rem;
      background: linear-gradient(135deg, var(--bg-light), var(--bg-light-alt));
      border-radius: var(--radius) var(--radius) 0 0;
      border: 1px solid var(--border-light);
      border-bottom: 2px solid var(--color-blue);
      color: var(--text-dark);
    }

    .rank-badge {
      font-family: var(--font-accent);
      font-size: 1.8rem;
      font-weight: 600;
      color: var(--cta-primary);
      flex-shrink: 0;
      min-width: 2.5rem;
      text-align: center;
    }

    .casino-logo-box { flex-shrink: 0; align-self: flex-end; margin-bottom: 2px; }

    .casino-logo-box img {
      max-height: 50px;
      max-width: 140px;
      width: auto;
      height: auto;
      object-fit: contain;
      vertical-align: bottom;
    }

    .heading-bonus {
      font-family: var(--font-heading);
      font-size: 1.05em;
      font-weight: 700;
      color: var(--cta-primary);
    }

    .heading-tagline {
      font-family: var(--font-heading);
      font-size: 1.16667em;
      font-weight: 700;
      color: var(--text-dark);
      flex-grow: 1;
    }

    .heading-cta { flex-shrink: 0; white-space: nowrap; }

    /* Spec card */
    .casino-spec-card {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: .75rem;
      padding: 1rem;
      background: var(--bg-light);
      border-radius: var(--radius);
      margin-bottom: 1.25rem;
    }

    .casino-spec-item { display: flex; flex-direction: column; gap: .2rem; }

    .casino-spec-label {
      font-size: .72222em;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: var(--text-grey);
      font-weight: 600;
    }

    .casino-spec-value {
      font-size: .94444em;
      color: var(--text-dark);
      font-weight: 600;
    }

    .casino-spec-highlight { color: var(--color-green); }

    /* Pros/Cons */
    .casino-pros-cons {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 1.5rem;
      margin-bottom: 1.25rem;
    }

    .casino-pros h3, .casino-cons h3 {
      font-family: var(--font-body);
      font-size: .88889em;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 700;
      padding-bottom: .5rem;
      margin-bottom: .75rem;
      margin-top: 0;
    }

    .casino-pros h3 { color: var(--color-green); border-bottom: 2px solid var(--color-green); }
    .casino-cons h3 { color: var(--color-red); border-bottom: 2px solid var(--color-red); }

    .casino-pros ul, .casino-cons ul { list-style: none; padding: 0; margin: 0; }

    .casino-pros ul li, .casino-cons ul li {
      font-size: .94444em;
      line-height: 1.6;
      padding: .35rem 0 .35rem 1.35rem;
      position: relative;
      color: var(--text-body);
    }

    .casino-pros ul li::before { content: "\2713"; position: absolute; left: 0; color: var(--color-green); font-weight: 700; }
    .casino-cons ul li::before { content: "\2717"; position: absolute; left: 0; color: var(--color-red); font-weight: 700; }

    /* Rating badges */
    .casino-rating-badges { margin: 1rem 0; display: flex; flex-wrap: wrap; gap: .5rem; }

    .casino-badge {
      display: inline-block;
      font-family: var(--font-body);
      font-weight: 700;
      font-size: .72222em;
      text-transform: uppercase;
      letter-spacing: .04em;
      padding: .2em .6em;
      border-radius: 3px;
      vertical-align: middle;
    }

    .casino-badge--green { background: var(--color-green); color: #fff; }
    .casino-badge--orange { background: var(--cta-primary); color: #fff; }
    .casino-badge--blue { background: var(--color-blue); color: #fff; }
    .casino-badge--light { background: var(--bg-light); color: var(--color-blue); border: 1px solid var(--border-badge); }

    /* CTA buttons */
    .casino-cta {
      display: inline-block;
      border: 0;
      border-radius: 9999px;
      color: #fff !important;
      font-family: var(--font-body);
      font-weight: 700;
      font-size: 1em;
      line-height: 1.5em;
      padding: .55556em 1.5em;
      text-align: center;
      text-decoration: none !important;
      cursor: pointer;
      transition: background-color .2s ease, transform .15s ease;
      background: var(--cta-primary);
    }

    .casino-cta:hover { background: var(--cta-primary-hover); transform: translateY(-1px); }

    .casino-cta--orange { background: var(--cta-primary); }
    .casino-cta--orange:hover { background: var(--cta-primary-hover); }

    .casino-cta--green { background: var(--color-green); }
    .casino-cta--green:hover { background: var(--color-green-hover); }

    .casino-cta--blue { background: var(--color-blue); }
    .casino-cta--blue:hover { background: var(--color-blue-hover); }

    .casino-cta--outline {
      background: transparent;
      border: 1px solid var(--color-blue);
      color: var(--color-blue) !important;
    }
    .casino-cta--outline:hover { background: var(--color-blue); color: #fff !important; }

    .casino-cta--outline-green {
      background: transparent;
      border: 2px solid var(--color-green);
      color: var(--color-green) !important;
      padding: .65em 1.8em;
    }
    .casino-cta--outline-green:hover { background: var(--color-green); color: #fff !important; transform: translateY(-2px); }

    .casino-cta--gradient {
      background: linear-gradient(135deg, var(--cta-primary) 0%, var(--cta-primary-hover) 100%);
      box-shadow: 0 4px 12px rgba(239,85,46,.35);
      font-size: 1.1em;
      padding: .8em 2.2em;
      letter-spacing: .02em;
    }
    .casino-cta--gradient:hover {
      background: linear-gradient(135deg, var(--cta-primary-hover) 0%, #bf2e08 100%);
      box-shadow: 0 6px 18px rgba(239,85,46,.45);
      transform: translateY(-2px);
    }

    .casino-cta--sm { font-size: .88889em; padding: .4em 1.1em; white-space: nowrap; }
    .casino-cta--lg { font-size: 1.16667em; padding: .75em 2em; }

    .casino-cta-group { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1.5rem 0; }
    .casino-cta-group--center { justify-content: center; }

    /* Footer */
    .casino-review__footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: 1rem 1.5rem;
      border-top: 1px solid var(--border-default);
      background: rgba(20, 18, 15, 0.95);
    }

    .casino-review__footer-text {
      font-size: .77778em;
      color: var(--text-grey);
      font-style: italic;
    }

    /* ==========================================================================
       Content Area Overflow Fix (WordPress theme compat)
       ========================================================================== */
    .content-area .entry-header,
    .content-area .entry-content {
      margin-left: 15px;
      margin-right: 0;
      padding-left: 0;
      padding-right: 0;
      width: calc(100% - 15px);
      max-width: calc(100% - 15px);
      box-sizing: border-box;
    }
    .content-area .entry-content { overflow-x: auto; }
    .site-content { padding-right: 20px; box-sizing: border-box; }

    /* ==========================================================================
       Casino Review Card Sections (standalone card wrapper)
       ========================================================================== */
    .casino-review-section {
      background: rgba(30, 28, 25, 0.92);
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      padding: 28px 24px;
      margin-bottom: 32px;
      box-shadow: 0 1px 3px rgba(0,0,0,.06);
      transition: box-shadow .2s ease;
    }
    .casino-review-section:hover { box-shadow: 0 3px 12px rgba(0,0,0,.1); }
    .casino-review-section h2 {
      font-size: 22px;
      font-weight: 700;
      color: var(--text-dark);
      margin-top: 0;
      padding-bottom: 12px;
      border-bottom: 2px solid var(--color-green);
      margin-bottom: 20px;
    }

    /* ==========================================================================
       Inline CTA Button (legacy / standalone)
       ========================================================================== */
    .casino-cta-button {
      display: inline-block;
      background: var(--color-green);
      color: #fff !important;
      padding: 12px 28px;
      border-radius: 5px;
      text-decoration: none !important;
      font-weight: 700;
      font-size: 15px;
      letter-spacing: .3px;
      transition: background .2s ease, transform .15s ease;
      margin: 8px 0;
    }
    .casino-cta-button:hover { background: var(--color-green-hover); transform: translateY(-1px); color: #fff !important; }
    .casino-cta-button:active { transform: translateY(0); }

    /* ==========================================================================
       Spec Sheet / Info Bar (inline bar variant)
       ========================================================================== */
    .casino-spec-sheet {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      background: var(--bg-light);
      border-left: 4px solid var(--color-green);
      padding: 16px 20px;
      margin: 16px 0 20px;
      border-radius: 0 4px 4px 0;
      font-size: 14px;
    }
    .casino-spec-sheet span { display: inline-block; margin-right: 8px; }
    .casino-spec-sheet strong { color: var(--text-dark); }

    /* ==========================================================================
       Comparison Table (legacy .casino-comparison variant)
       ========================================================================== */
    .casino-comparison {
      width: 100%;
      max-width: 100%;
      border-collapse: collapse;
      margin: 24px 0;
      font-size: 13px;
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      overflow: hidden;
    }
    .casino-comparison thead { background: var(--color-blue); color: #fff; }
    .casino-comparison th {
      padding: 10px 8px;
      text-align: left;
      font-weight: 700;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: .5px;
    }
    .casino-comparison td { padding: 10px 8px; border-bottom: 1px solid var(--border-default); }
    .casino-comparison tbody tr:nth-child(even) { background: var(--bg-light); }
    .casino-comparison tbody tr:hover { background: var(--bg-light-alt); }
    .casino-comparison td a { color: var(--color-green); font-weight: 600; }
    .casino-comparison .casino-rank {
      font-weight: 700;
      color: var(--cta-primary);
      font-size: 15px;
      text-align: center;
      width: 36px;
    }
    .casino-comparison .casino-name { font-weight: 700; color: var(--text-dark); font-size: 15px; vertical-align: middle; }
    .casino-comparison .casino-name a { color: var(--text-dark); text-decoration: none; display: flex; align-items: center; }
    .casino-comparison .casino-name a:hover { color: var(--color-green); }
    .casino-comparison .casino-bonus { color: var(--text-body); font-size: 14px; }
    .casino-comparison .casino-highlight { font-size: 12px; color: var(--color-green); font-weight: 600; }
    .casino-comparison .casino-cta-cell { text-align: center; white-space: nowrap; }

    /* Small CTA (table rows) */
    .casino-cta-sm {
      display: inline-block;
      background: var(--color-green);
      color: #fff !important;
      padding: 8px 12px;
      border-radius: 4px;
      text-decoration: none !important;
      font-weight: 700;
      font-size: 13px;
      letter-spacing: .3px;
      transition: background .2s ease, transform .15s ease;
      white-space: nowrap;
    }
    .casino-cta-sm:hover { background: var(--color-green-hover); transform: translateY(-1px); color: #fff !important; }
    .casino-cta-sm:active { transform: translateY(0); }

    /* ==========================================================================
       FAQ Section
       ========================================================================== */
    .casino-faq { margin: 32px 0; }
    .casino-faq h2 { font-size: 22px; margin-bottom: 20px; }
    .casino-faq-item {
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      margin-bottom: 12px;
      overflow: hidden;
    }
    .casino-faq-item h3 {
      font-size: 15px;
      font-weight: 700;
      padding: 16px 20px;
      margin: 0;
      background: var(--bg-light);
      color: var(--text-dark);
      border-bottom: 1px solid var(--border-default);
    }
    .casino-faq-item p {
      padding: 16px 20px;
      margin: 0;
      line-height: 1.7;
      color: var(--text-grey);
    }

    /* ==========================================================================
       Section Headings (FAQ, Methodology, Conclusion, etc.)
       ========================================================================== */
    .casino-section-heading {
      font-family: var(--font-heading);
      font-size: 24px;
      font-weight: 700;
      color: var(--text-dark);
      margin: 40px 0 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid var(--color-blue);
    }

    /* ==========================================================================
       Methodology Section
       ========================================================================== */
    .casino-methodology {
      background: var(--bg-light);
      border: 1px solid var(--border-light);
      border-radius: var(--radius);
      padding: 24px;
      margin: 32px 0;
    }
    .casino-methodology h2 {
      font-size: 20px;
      margin-top: 0;
      color: var(--text-dark);
      border: none;
      padding-bottom: 0;
    }
    .casino-methodology h3 { font-size: 16px; color: var(--text-dark); margin-bottom: 8px; }

    /* ==========================================================================
       Disclaimer
       ========================================================================== */
    .casino-disclaimer {
      background: rgba(80, 65, 30, 0.25);
      border: 1px solid rgba(180, 160, 80, 0.4);
      border-radius: var(--radius);
      padding: 16px 20px;
      margin: 32px 0 16px;
      font-size: 13px;
      line-height: 1.6;
      color: var(--text-grey);
    }
    .casino-disclaimer strong { color: var(--text-dark); }

    /* ==========================================================================
       First Look / Numbered List
       ========================================================================== */
    .casino-first-look {
      background: rgba(30, 28, 25, 0.8);
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      padding: 24px;
      margin: 20px 0 32px;
    }
    .casino-first-look h2 { font-size: 20px; margin-top: 0; color: var(--text-dark); border: none; padding-bottom: 0; }
    .casino-first-look ol { padding-left: 24px; margin: 0; }
    .casino-first-look ol li { padding: 8px 0; border-bottom: 1px solid var(--border-default); line-height: 1.6; }
    .casino-first-look ol li:last-child { border-bottom: none; }
    .casino-first-look ol li a { font-weight: 700; color: var(--cta-primary); text-decoration: none; }
    .casino-first-look ol li a:hover { text-decoration: underline; }

    /* ==========================================================================
       Introduction Section
       ========================================================================== */
    .casino-intro { font-size: 16px; line-height: 1.8; color: var(--text-grey); margin-bottom: 28px; }
    .casino-intro strong { color: var(--text-dark); }

    /* ==========================================================================
       Why #1 Section
       ========================================================================== */
    .casino-why-top {
      background: linear-gradient(135deg, rgba(60, 80, 30, 0.15) 0%, rgba(60, 80, 30, 0.25) 100%);
      border: 1px solid rgba(127, 152, 44, 0.3);
      border-radius: var(--radius);
      padding: 24px;
      margin: 32px 0;
    }
    .casino-why-top h2 { color: var(--color-green); margin-top: 0; border: none; padding-bottom: 0; }

    /* ==========================================================================
       How to Sign Up (numbered steps)
       ========================================================================== */
    .casino-signup-steps {
      counter-reset: step-counter;
      padding-left: 0;
      list-style: none;
    }
    .casino-signup-steps li {
      counter-increment: step-counter;
      position: relative;
      padding-left: 48px;
      margin-bottom: 20px;
      min-height: 36px;
    }
    .casino-signup-steps li::before {
      content: counter(step-counter);
      position: absolute;
      left: 0;
      top: 0;
      width: 36px;
      height: 36px;
      background: var(--color-blue);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
      font-size: 15px;
    }

    /* ==========================================================================
       Rating Card with Visual Bars
       ========================================================================== */
    .casino-rating-card {
      background: rgba(30, 28, 25, 0.92);
      border: 1px solid var(--border-default);
      border-radius: 8px;
      padding: 16px 20px;
      margin: 16px 0 20px;
    }
    .casino-rating-card h4 {
      margin: 0 0 14px;
      font-size: 13px;
      text-transform: uppercase;
      letter-spacing: .8px;
      color: var(--text-grey);
      font-weight: 700;
    }
    .casino-rating-item { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
    .casino-rating-item:last-child { margin-bottom: 0; }
    .casino-rating-label { flex: 0 0 130px; font-size: 13px; font-weight: 600; color: var(--text-body); }
    .casino-rating-bar { flex: 1; height: 8px; background: var(--border-default); border-radius: 4px; overflow: hidden; }
    .casino-rating-fill { height: 100%; background: linear-gradient(90deg, var(--color-green), var(--color-green-hover)); border-radius: 4px; }
    .casino-rating-score { flex: 0 0 45px; font-size: 14px; font-weight: 700; color: var(--color-green); text-align: right; }

    /* ==========================================================================
       Verdict Badge
       ========================================================================== */
    .casino-verdict {
      display: flex;
      align-items: center;
      gap: 12px;
      background: linear-gradient(135deg, rgba(60, 80, 30, 0.15) 0%, rgba(60, 80, 30, 0.25) 100%);
      border: 1px solid rgba(127, 152, 44, 0.3);
      border-radius: 8px;
      padding: 14px 20px;
      margin: 16px 0 20px;
    }
    .casino-verdict-score { font-size: 28px; font-weight: 800; color: var(--color-green); line-height: 1; }
    .casino-verdict-label { font-size: 10px; text-transform: uppercase; letter-spacing: 1px; color: var(--text-grey); font-weight: 700; }
    .casino-verdict-text { font-size: 14px; color: var(--text-body); line-height: 1.5; }

    /* ==========================================================================
       Homepage Casino Links Grid
       ========================================================================== */
    .casino-reviews-section { margin-top: 48px; padding-top: 32px; border-top: 2px solid var(--border-default); }
    .casino-reviews-section > h2 { font-size: 24px; font-weight: 700; color: var(--text-dark); margin-bottom: 12px; }
    .casino-reviews-section > p { color: var(--text-grey); margin-bottom: 24px; font-size: 15px; }
    .casino-links-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
    .casino-link-card {
      display: block;
      background: rgba(30, 28, 25, 0.92);
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      padding: 20px;
      text-decoration: none !important;
      transition: border-color .2s, box-shadow .2s, transform .15s;
    }
    .casino-link-card:hover { border-color: var(--color-green); box-shadow: 0 4px 16px rgba(0,0,0,.3); transform: translateY(-2px); }
    .casino-link-card h3 { font-size: 17px; font-weight: 700; color: var(--color-green); margin: 0 0 8px; }
    .casino-link-card p { font-size: 13px; color: var(--text-grey); margin: 0; line-height: 1.5; }

    /* ==========================================================================
       RESPONSIVE
       ========================================================================== */
    @media (max-width: 767px) {
      /* Review heading: grid layout — CTA inline with logo, tagline below */
      .casino-review-heading {
        display: grid;
        grid-template-columns: auto auto 1fr auto;
        grid-template-rows: auto auto;
        gap: .35rem .6rem;
        align-items: center;
        padding: .85rem;
      }
      .rank-badge { grid-row: 1; grid-column: 1; font-size: 1.2rem; }
      .casino-logo-box { grid-row: 1; grid-column: 2; align-self: end; }
      .casino-logo-box img { max-height: 36px; max-width: 90px; }
      .heading-bonus { grid-row: 1; grid-column: 3; font-size: .82em; }
      .heading-cta { grid-row: 1; grid-column: 4; align-self: center; }
      .heading-cta .casino-cta { font-size: .78em; padding: .55em 1em; }
      .heading-tagline { display: none; }
      .casino-review-heading { grid-template-rows: auto; }

      .casino-pros-cons { grid-template-columns: 1fr; }
      .casino-review__body { padding: 1rem; }
      .casino-review__footer { flex-direction: column; text-align: center; }
      .casino-table, .casino-table--glance { min-width: 0; table-layout: fixed; width: 100%; }
      .casino-table--glance thead th:nth-child(4), .casino-table--glance tbody td:nth-child(4) { display: none; }
      .casino-table--glance th:first-child, .casino-table--glance td:first-child { width: 38px; text-align: center; padding: .4rem 0; }
      .casino-table--glance th:nth-child(2), .casino-table--glance td:nth-child(2) { padding-left: .5rem; }
      .casino-table--glance .casino-review__rank { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; font-size: .65em; }
      .casino-table--glance th:nth-child(3), .casino-table--glance td:nth-child(3) { width: 24%; }
      .casino-table--glance th:last-child, .casino-table--glance td:last-child { width: 27%; }
      .casino-table--glance .casino-table__bonus { white-space: normal; font-size: .85em; }
      .casino-table--glance .casino-cta--sm { padding: .35em .6em; font-size: .75em; }

      /* Legacy comparison table */
      .casino-comparison { font-size: 13px; }
      .casino-comparison th, .casino-comparison td { padding: 10px 12px; }
      .casino-comparison .casino-highlight, .casino-comparison th:nth-child(4) { display: none; }

      .casino-links-grid { grid-template-columns: 1fr; }
      .casino-spec-sheet { flex-direction: column; gap: 8px; }
      .casino-rating-label { flex: 0 0 100px; font-size: 12px; }
    }

    @media (max-width: 575px) {
      .casino-spec-card { grid-template-columns: 1fr; }
      .casino-cta--lg { font-size: 1em; padding: .6em 1.5em; }
      .casino-cta-group { flex-direction: column; align-items: stretch; }
      .casino-cta-group .casino-cta { text-align: center; }

      .casino-review-section { padding: 20px 16px; }
      .casino-review-section h2 { font-size: 19px; }
      .casino-cta-button { display: block; text-align: center; padding: 14px 20px; }
      .casino-first-look { padding: 16px; }
      .casino-comparison { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
      .casino-cta-sm { padding: 7px 14px; font-size: 12px; }
      .casino-logo { max-height: 32px; max-width: 100px; }
      .casino-rating-label { flex: 0 0 90px; }
      .casino-verdict { flex-direction: column; text-align: center; }
      .casino-link-card { padding: 16px; }
      .casino-link-card h3 { font-size: 15px; }
    }
  



/* ========== PAGE CONTENT ========== */
.casino-page-content { font-family: var(--font-body); color: var(--text-body); line-height: 1.6; }
.casino-page-content h1 { font-family: var(--font-heading); color: var(--text-dark); font-size: 1.75rem; margin: 0 0 0.5rem; }
.casino-page-content h2 { font-family: var(--font-heading); color: var(--text-dark); font-size: 1.4rem; margin: 2.5rem 0 1.25rem; border-bottom: 2px solid var(--border-default); padding-bottom: 0.5rem; }
.casino-page-content h3 { font-family: var(--font-heading); color: var(--text-dark); font-size: 1.15rem; margin: 1.5rem 0 0.75rem; }
.casino-page-content p { margin: 0 0 1rem; }
.casino-page-content a { color: var(--color-blue); text-decoration: underline; }
.casino-page-content a:hover { color: var(--color-blue-hover); }

/* ========== RELATED PAGES ========== */
.casino-related-pages { margin: 2.5rem 0 1.5rem; padding: 1.5rem; background: var(--bg-light); border-radius: 6px; }
.casino-related-pages h3 { font-family: var(--font-heading); font-size: 1.1rem; color: var(--text-dark); margin: 0 0 0.75rem; border: none; padding: 0; }
.casino-related-pages ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
.casino-related-pages li a { display: inline-block; padding: 0.4em 1em; background: #fff; border: 1px solid var(--border-default); border-radius: 6px; font-size: 0.875em; color: var(--color-blue); text-decoration: none; transition: border-color 0.2s ease, background 0.2s ease; }
.casino-related-pages li a:hover { border-color: var(--color-blue); background: #e4eef2; }

/* ========== CONTENT WRAPPER ========== */
.casino-content-wrapper { max-width: 1200px; margin: 0 auto; padding: 2rem 1.5rem; width: 100%; }