/* casino-pages.css — extracted from casino-skeleton.html + site overrides */
/* Domain: wildfish.com */






    /* 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: #ece6f5; }

    .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: var(--color-top-pick-bg, #f0ebff);
      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: #e6dcf5; }

    .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: #fff;
      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; }

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

    .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; }

    /* Bonus callout */
    .casino-bonus-callout {
      display: flex;
      align-items: center;
      gap: 1rem;
      background: linear-gradient(135deg, var(--bg-light) 0%, #fff 100%);
      border: 1px solid var(--border-badge);
      border-left: 4px solid var(--cta-primary);
      border-radius: 0 var(--radius) var(--radius) 0;
      padding: 1.25rem 1.5rem;
      margin: 1.5rem 0;
    }

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

    .casino-bonus-callout__text {
      font-family: var(--font-body);
      font-size: .94444em;
      color: var(--text-body);
      line-height: 1.5;
    }

    .casino-bonus-callout__text strong { color: var(--text-dark); }

    /* 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(--cta-primary); border-bottom: 2px solid var(--cta-primary); }

    .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(--cta-primary); 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(115,30,202,.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%, #4a0e8f 100%);
      box-shadow: 0 6px 18px rgba(115,30,202,.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: var(--bg-subtle);
    }

    .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: #fff;
      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: #fff8e6;
      border: 1px solid #f0d060;
      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); }

    /* ==========================================================================
       Table of Contents
       ========================================================================== */
    .casino-toc {
      background: var(--bg-subtle);
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      padding: 20px 24px;
      margin: 24px 0 32px;
    }
    .casino-toc h3 { font-size: 16px; font-weight: 700; margin: 0 0 12px; color: var(--text-dark); }
    .casino-toc ol { margin: 0; padding-left: 20px; }
    .casino-toc ol li { padding: 4px 0; font-size: 14px; }
    .casino-toc ol li a { color: var(--color-green); text-decoration: none; }
    .casino-toc ol li a:hover { text-decoration: underline; }

    /* ==========================================================================
       First Look / Numbered List
       ========================================================================== */
    .casino-first-look {
      background: var(--bg-subtle);
      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, var(--color-top-pick-bg, #f0ebff) 0%, #e6dcf5 100%);
      border: 1px solid var(--color-top-pick-border, #c4b0e8);
      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: #fff;
      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, var(--color-top-pick-bg, #f0ebff) 0%, #e6dcf5 100%);
      border: 1px solid var(--color-top-pick-border, #c4b0e8);
      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: #fff;
      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,.08); 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; }

    /* ==========================================================================
       Spec Strip — compact horizontal bar below review heading
       ========================================================================== */
    .casino-spec-strip {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      background: var(--color-blue);
      padding: 0;
      font-size: 0.875em;
    }
    .casino-spec-strip__item {
      display: flex;
      align-items: center;
      gap: 0.35rem;
      padding: 0.5rem 1rem;
      color: #fff;
      white-space: nowrap;
      border-right: 1px solid rgba(255,255,255,0.2);
    }
    .casino-spec-strip__item:last-child { border-right: none; }
    .casino-spec-strip__label {
      font-size: 0.78em;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      opacity: 0.75;
      font-weight: 600;
    }
    .casino-spec-strip__value { font-weight: 700; }
    .casino-spec-strip__value--highlight { color: #a8f0c0; }

    /* ==========================================================================
       Pros/Cons Comparison Table
       ========================================================================== */
    .casino-pros-cons-table {
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      overflow: hidden;
      margin-bottom: 1.25rem;
    }
    .casino-pros-cons-table__header {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }
    .casino-pros-cons-table__header-pros,
    .casino-pros-cons-table__header-cons {
      padding: 0.65rem 1rem;
      font-weight: 700;
      font-size: 0.8em;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: #fff;
      text-align: center;
    }
    .casino-pros-cons-table__header-pros { background: var(--color-green); }
    .casino-pros-cons-table__header-cons { background: var(--cta-primary); }
    .casino-pros-cons-table__row {
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-bottom: 1px solid var(--border-default);
    }
    .casino-pros-cons-table__row:last-child { border-bottom: none; }
    .casino-pros-cons-table__row--alt { background: var(--bg-light); }
    .casino-pros-cons-table__cell {
      display: flex;
      align-items: flex-start;
      gap: 0.5rem;
      padding: 0.6rem 1rem;
      font-size: 0.9em;
      line-height: 1.5;
    }
    .casino-pros-cons-table__cell--pro { border-right: 1px solid var(--border-default); }
    .casino-pros-cons-table__icon {
      flex-shrink: 0;
      font-weight: 700;
      font-size: 1.05em;
      line-height: 1.45;
    }
    .casino-pros-cons-table__icon--pro { color: var(--color-green); }
    .casino-pros-cons-table__icon--con { color: var(--cta-primary); }
    .casino-pros-cons-table__text { flex: 1; }

    /* ==========================================================================
       Rating Cards with Progress Bars
       ========================================================================== */
    .casino-rating-cards {
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
      margin: 1rem 0;
    }
    .casino-rating-card-item {
      flex: 1 1 200px;
      display: flex;
      align-items: center;
      gap: 0.75rem;
      background: #fff;
      border: 1px solid var(--border-default);
      border-radius: var(--radius);
      padding: 0.6rem 1rem;
    }
    .casino-rating-card-item__label {
      flex: 0 0 auto;
      font-size: 0.8em;
      font-weight: 600;
      color: var(--text-grey);
      text-transform: uppercase;
      letter-spacing: 0.04em;
      white-space: nowrap;
    }
    .casino-rating-card-item__bar {
      flex: 1;
      height: 8px;
      background: var(--border-default);
      border-radius: 4px;
      overflow: hidden;
      min-width: 40px;
    }
    .casino-rating-card-item__fill {
      height: 100%;
      background: linear-gradient(90deg, var(--color-blue), #9b59b6);
      border-radius: 4px;
    }
    .casino-rating-card-item__score {
      flex: 0 0 auto;
      font-size: 0.95em;
      font-weight: 700;
      color: var(--color-blue);
      white-space: nowrap;
    }

    /* ==========================================================================
       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 .75rem;
        align-items: center;
        padding: 1rem;
      }
      .rank-badge { grid-row: 1; grid-column: 1; font-size: 1.4rem; }
      .casino-logo-box { grid-row: 1; grid-column: 2; }
      .heading-cta { grid-row: 1 / 3; grid-column: 4; align-self: center; }
      .heading-tagline { grid-row: 2; grid-column: 1 / 4; font-size: .95em; margin-top: .15rem; }

      .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: 34%; padding-left: 0; }
      .casino-table--glance th:last-child, .casino-table--glance td:last-child { width: 22%; }
      .casino-table--glance thead th, .casino-table--glance tbody td { padding: .5rem .4rem; font-size: .8em; overflow: hidden; text-overflow: ellipsis; }
      .casino-table--glance .casino-table__bonus { white-space: normal; font-size: .85em; }
      .casino-table--glance .casino-cta--sm { padding: .35em .6em; font-size: .75em; }
      .casino-table__top-badge { display: none; }
      .casino-table tbody tr.casino-table__top-pick { background: inherit; border-left: none; }
      .casino-table tbody tr.casino-table__top-pick td:first-child { padding-left: 1rem; }

      /* 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; }

      /* Spec strip mobile */
      .casino-spec-strip { font-size: 0.8em; }
      .casino-spec-strip__item { padding: 0.4rem 0.65rem; }

      /* Pros/Cons table mobile — stack columns */
      .casino-pros-cons-table__header { grid-template-columns: 1fr; }
      .casino-pros-cons-table__header-cons { border-top: 1px solid rgba(255,255,255,0.2); }
      .casino-pros-cons-table__row { grid-template-columns: 1fr; }
      .casino-pros-cons-table__cell--pro { border-right: none; border-bottom: 1px solid var(--border-default); }

      /* Rating cards mobile — stack */
      .casino-rating-card-item { flex: 1 1 100%; }
    }

    @media (max-width: 575px) {
      .casino-bonus-callout { flex-direction: column; text-align: center; gap: .5rem; }
      .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; }

      /* Spec strip small mobile — vertical stack */
      .casino-spec-strip { flex-direction: column; align-items: stretch; }
      .casino-spec-strip__item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.15); justify-content: space-between; }
      .casino-spec-strip__item:last-child { border-bottom: none; }
      .casino-verdict { flex-direction: column; text-align: center; }
      .casino-link-card { padding: 16px; }
      .casino-link-card h3 { font-size: 15px; }
    }
  

/* Site-specific overrides — auto-generated by convert_to_html.py */
/* Domain: wildfish.com */
:root {
    --cta-primary: #731eca;
    --cta-primary-hover: #5a15a0;
    --color-green: #00f5a7;
    --color-green-hover: #00c488;
    --color-blue: #250a56;
    --color-blue-hover: #371154;
    --bg-light: #f5f7ff;
    --bg-light-alt: #eeeff6;
    --bg-subtle: #fafafa;
    --text-body: #0b0d2f;
    --text-grey: #58585A;
    --text-dark: #0b0d2f;
    --border-default: #e8e8e8;
    --border-light: #d5d2d2;
    --border-badge: #eeeff6;
    --color-top-pick-bg: #f0ebff;
    --color-top-pick-border: #731eca;
    --font-body: Gothic A1, sans-serif;
    --font-heading: Barlow Semi Condensed, sans-serif;
    --font-accent: Barlow Semi Condensed, sans-serif;
}


/* ========== GENERATED PAGE CONTENT ========== */
.casino-page-content { font-family: var(--font-body); color: var(--text-body); font-size: 16px; line-height: 1.6; }
.casino-page-content h1 { font-family: var(--font-heading); color: var(--text-dark); font-size: 28px; margin: 0 0 8px; }
.casino-page-content h2 { font-family: var(--font-heading); color: var(--text-dark); font-size: 24px; margin: 24px 0 20px; border-bottom: 2px solid var(--border-default); padding-bottom: 8px; }
.casino-page-content h3 { font-family: var(--font-heading); color: var(--text-dark); font-size: 20px; margin: 24px 0 12px; }
.casino-page-content h4 { font-family: var(--font-heading); color: var(--text-dark); font-size: 22px; margin: 20px 0 10px; }
.casino-page-content p { margin: 0 0 16px; font-size: 16px; }
.casino-page-content ul, .casino-page-content ol { font-size: 16px; margin: 0 0 16px; padding-left: 24px; }
.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: #ece6f5; }