/* Protected, page-scoped component differentiation for 888betcasinologin.com. */
:root { --diff-gold: #facc15; --diff-sky: #7dd3fc; --diff-ink: #10213a; --diff-panel: #193656; }
body[data-site-diff-page] .section-pad { position: relative; }
body[data-site-diff-page] .card-block,
body[data-site-diff-page] .card-custom,
body[data-site-diff-page] .card-feature,
body[data-site-diff-page] .testimonial-card,
body[data-site-diff-page] .game-card { box-shadow: none; }

/* Home: feature bento, media shelf, and quote panels. */
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"] { flex: 0 0 25%; width: 25%; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { flex-basis: 50%; width: 50%; }
body[data-site-diff-page="home"] .card-block { min-height: 100%; padding: 1.45rem; border-radius: 0; border: 1px solid rgba(125,211,252,.22); border-top: 3px solid var(--diff-sky); display: grid; grid-template-columns: 52px 1fr; gap: .35rem 1rem; text-align: left !important; }
body[data-site-diff-page="home"] .card-block .icon-wrap { grid-row: span 2; margin: 0 !important; border-radius: 50%; }
body[data-site-diff-page="home"] .card-block h3, body[data-site-diff-page="home"] .card-block p { margin: 0 !important; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .game-card) { display: grid; grid-template-columns: 1.35fr repeat(3, 1fr); gap: 1rem; margin: 0; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="home"] .game-card { height: 100%; border-radius: 0 0 18px 0; border: 1px solid rgba(250,204,21,.25); border-top: 4px solid var(--diff-gold); display: flex; flex-direction: column; }
body[data-site-diff-page="home"] .game-card img { height: 160px; border-radius: 0; }
body[data-site-diff-page="home"] .game-card .card-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; }
body[data-site-diff-page="home"] .game-card .btn { margin-top: auto; border-radius: 0; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) { display: grid; grid-template-columns: .9fr 1.1fr .9fr; gap: 1rem; margin: 0; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="home"] .testimonial-card { height: 100%; border-radius: 0; border: 0; border-left: 3px solid var(--diff-gold); background: linear-gradient(90deg, rgba(250,204,21,.11), transparent 55%); }
body[data-site-diff-page="home"] .testimonial-card:nth-child(2) { border-left-color: var(--diff-sky); }

/* About: editorial rail, manifesto tiles, and a counter strip. */
body[data-site-diff-page="about-us"] .timeline { border-left: 2px solid rgba(125,211,252,.55); padding-left: 2.3rem; }
body[data-site-diff-page="about-us"] .timeline-item { position: relative; margin-bottom: 2.2rem; padding: 1rem 1.25rem; border-left: 0; border-bottom: 1px solid rgba(125,211,252,.18); background: linear-gradient(90deg, rgba(125,211,252,.08), transparent); }
body[data-site-diff-page="about-us"] .timeline-dot { left: -2.8rem; width: 1rem; height: 1rem; border: 3px solid var(--diff-ink); box-shadow: 0 0 0 2px var(--diff-gold); }
body[data-site-diff-page="about-us"] .value-card { border-radius: 0; border: 1px solid rgba(250,204,21,.25); border-top: 4px solid var(--diff-gold); padding: 1.45rem 1.25rem 1.25rem 4.25rem; position: relative; height: 100%; }
body[data-site-diff-page="about-us"] .value-card::before { content: ""; position: absolute; left: 1.25rem; top: 1.3rem; width: 1.7rem; height: 1.7rem; border: 2px solid var(--diff-sky); border-radius: 50%; }
body[data-site-diff-page="about-us"] .stat-counter { border-radius: 0; border-bottom: 3px solid var(--diff-sky); background: transparent; padding: 1.25rem .75rem; }

/* App: utility panels, a connected installer rail, and docked number chips. */
body[data-site-diff-page="app"] .card-feature { border-radius: 8px 22px 8px 8px; border: 1px solid rgba(125,211,252,.2); border-right: 4px solid var(--diff-sky); padding: 1.4rem; height: 100%; }
body[data-site-diff-page="app"] .step-card { padding: 1rem 1rem 1rem 5rem; border-left: 1px solid rgba(250,204,21,.35); background: linear-gradient(90deg, rgba(250,204,21,.08), transparent); min-height: 4.7rem; }
body[data-site-diff-page="app"] .step-card .step-num { left: 1rem; top: 1rem; border-radius: 8px; transform: rotate(45deg); }
body[data-site-diff-page="app"] .step-card .step-num > * { transform: rotate(-45deg); }
body[data-site-diff-page="app"] .step-card .step-num { outline: 1px solid rgba(250,204,21,.65); outline-offset: 4px; }

/* Baseball: scoreboard tiles, score cells, and indexed FAQs. */
body[data-site-diff-page="baseball"] .card-custom { border-radius: 0; border: 1px solid rgba(125,211,252,.2); border-top: 5px solid var(--diff-sky); display: grid; grid-template-columns: 56px 1fr; gap: .2rem 1rem; padding: 1.25rem; }
body[data-site-diff-page="baseball"] .card-custom .icon-box { grid-row: span 2; border-radius: 0; }
body[data-site-diff-page="baseball"] .stat-card { border-radius: 0; border-left: 4px solid var(--diff-gold); background: linear-gradient(90deg, rgba(250,204,21,.12), transparent); text-align: left; }
body[data-site-diff-page="baseball"] .accordion-item { border-radius: 0 !important; border-left: 3px solid var(--diff-sky) !important; margin-bottom: .7rem; }
body[data-site-diff-page="baseball"] .accordion-button::before { content: "Q"; color: var(--diff-gold); font-weight: 800; margin-right: 1rem; }

/* Bombing Fishing: arcade target cards, a radar table, and dock rows. */
body[data-site-diff-page="bombing-fishing"] .card-custom { border-radius: 50% 50% 10px 10px; border: 1px solid rgba(125,211,252,.25); border-bottom: 4px solid var(--diff-gold); padding-top: 2rem; }
body[data-site-diff-page="bombing-fishing"] .card-custom .icon-box { border-radius: 50%; outline: 2px solid rgba(250,204,21,.45); outline-offset: 5px; }
body[data-site-diff-page="bombing-fishing"] .fish-table { border-collapse: separate; border-spacing: 0 .5rem; }
body[data-site-diff-page="bombing-fishing"] .fish-table tr { background: rgba(125,211,252,.07); outline: 1px solid rgba(125,211,252,.15); }
body[data-site-diff-page="bombing-fishing"] .fish-table td, body[data-site-diff-page="bombing-fishing"] .fish-table th { border: 0; }
body[data-site-diff-page="bombing-fishing"] .accordion-item { border: 0 !important; border-bottom: 1px dashed rgba(125,211,252,.45) !important; border-radius: 0 !important; background: transparent !important; }

/* Charge Buffalo: reward board, tally strip, and command ledger. */
body[data-site-diff-page="charge-buffalo"] .card-custom { border-radius: 0; border: 1px solid rgba(250,204,21,.22); border-top-width: 6px; padding: 1.4rem; }
body[data-site-diff-page="charge-buffalo"] .card-custom:nth-child(odd) { border-top-color: var(--diff-gold); }
body[data-site-diff-page="charge-buffalo"] .card-custom:nth-child(even) { border-top-color: var(--diff-sky); }
body[data-site-diff-page="charge-buffalo"] .stat-box { border-radius: 0; border-bottom: 3px solid var(--diff-gold); background: transparent; }
body[data-site-diff-page="charge-buffalo"] .payout-table { border-collapse: separate; border-spacing: 0 .55rem; }
body[data-site-diff-page="charge-buffalo"] .payout-table tr { background: rgba(250,204,21,.08); outline: 1px solid rgba(250,204,21,.18); }
body[data-site-diff-page="charge-buffalo"] .payout-table td, body[data-site-diff-page="charge-buffalo"] .payout-table th { border: 0; }

/* FAQ: numbered library, answer ledgers, and support utility panels. */
body[data-site-diff-page="faq"] .faq-accordion { counter-reset: question; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-item { counter-increment: question; border: 0 !important; border-bottom: 1px solid rgba(125,211,252,.25) !important; border-radius: 0 !important; background: transparent; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-button::before { content: counter(question, decimal-leading-zero); color: var(--diff-gold); min-width: 3.25rem; font-size: .78rem; letter-spacing: .12em; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-body { margin-left: 3.25rem; border-left: 2px solid var(--diff-sky); padding-left: 1.25rem; }
body[data-site-diff-page="faq"] .card-feature { border-radius: 0; border-top: 3px solid var(--diff-sky); background: linear-gradient(135deg, rgba(125,211,252,.12), transparent); }
body[data-site-diff-page="faq"] .hero-faq { border-bottom: 1px solid rgba(250,204,21,.5); }

/* Fortune Dragon: reward track, prize chips, and ember guide. */
body[data-site-diff-page="fortune-dragon"] .card-custom { border-radius: 0 20px 0 20px; border: 1px solid rgba(250,204,21,.23); border-left: 5px solid var(--diff-gold); }
body[data-site-diff-page="fortune-dragon"] .stat-box { border-radius: 50%; aspect-ratio: 1; display: grid; place-content: center; border: 2px solid rgba(250,204,21,.38); background: radial-gradient(circle, rgba(250,204,21,.14), transparent 70%); }
body[data-site-diff-page="fortune-dragon"] .timeline-item { border-left: 2px solid var(--diff-gold); padding: 1rem 1rem 1rem 2rem; margin-left: .75rem; background: linear-gradient(90deg, rgba(250,204,21,.08), transparent); }
body[data-site-diff-page="fortune-dragon"] .timeline-dot { box-shadow: 0 0 0 4px var(--diff-ink), 0 0 0 6px var(--diff-gold); }

/* Fortune Ox: ledger panels, seal counters, and lunar guide. */
body[data-site-diff-page="fortune-ox"] .card-custom { border-radius: 0; border: 1px solid rgba(125,211,252,.2); border-right: 5px solid var(--diff-sky); background: linear-gradient(90deg, transparent 82%, rgba(125,211,252,.1)); }
body[data-site-diff-page="fortune-ox"] .stat-card { border-radius: 0 0 20px 20px; border-top: 4px solid var(--diff-gold); background: transparent; }
body[data-site-diff-page="fortune-ox"] .timeline-item { padding: 1rem 1.25rem 1rem 5rem; min-height: 5rem; border-bottom: 1px solid rgba(250,204,21,.25); position: relative; }
body[data-site-diff-page="fortune-ox"] .timeline-item::before { display: none; }
body[data-site-diff-page="fortune-ox"] .timeline-item .circle { left: 1.25rem; top: 1rem; width: 2.45rem; height: 2.45rem; border: 2px solid var(--diff-gold); border-radius: 50%; background: rgba(250,204,21,.14); color: var(--diff-gold); font-size: 1rem; line-height: 1; box-shadow: 0 0 0 4px var(--diff-ink); }

/* Game: collection shelf, selection board, and label stats. */
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; margin: 0; }
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"] { grid-column: span 3; width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"]:first-child { grid-column: span 6; }
body[data-site-diff-page="game"] .game-card { border-radius: 0; border: 1px solid rgba(125,211,252,.2); border-bottom: 4px solid var(--diff-sky); }
body[data-site-diff-page="game"] .game-card:first-child { border-bottom-color: var(--diff-gold); }
body[data-site-diff-page="game"] .card-feature { border-radius: 0; border-left: 4px solid var(--diff-gold); background: transparent; }
body[data-site-diff-page="game"] .stat-box { display: flex; align-items: baseline; gap: .65rem; border-radius: 0; border-bottom: 2px solid rgba(125,211,252,.45); background: transparent; text-align: left; }

/* Login: security tiles, credential notes, and an outlined access console. */
body[data-site-diff-page="login"] .card-feature { border-radius: 0; border: 1px solid rgba(125,211,252,.25); border-top: 4px solid var(--diff-sky); }
body[data-site-diff-page="login"] .tip-card { border-radius: 0 18px 18px 0; border-left: 4px solid var(--diff-gold); background: linear-gradient(90deg, rgba(250,204,21,.1), transparent); }
body[data-site-diff-page="login"] .hero-login { outline: 1px solid rgba(125,211,252,.22); outline-offset: -1rem; }

/* Lucky Dragons: reel feature matrix, jackpot chips, and fire-line steps. */
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 1rem; margin: 0; }
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="lucky-dragons"] .card-block { height: 100%; border-radius: 0; border: 1px solid rgba(250,204,21,.25); border-top: 4px solid var(--diff-gold); }
body[data-site-diff-page="lucky-dragons"] .stat-box { border-radius: 999px; border: 1px solid rgba(125,211,252,.35); background: rgba(125,211,252,.07); }
body[data-site-diff-page="lucky-dragons"] .step-card { border-left: 2px solid var(--diff-gold); background: linear-gradient(90deg, rgba(250,204,21,.09), transparent); padding: .8rem .8rem .8rem 4rem; }
body[data-site-diff-page="lucky-dragons"] .step-card .step-num { left: .65rem; top: .8rem; border-radius: 0; }

/* Privacy: notebook cards, a data ledger, and document cover. */
body[data-site-diff-page="privacy-policy"] .card-feature { border-radius: 0; border: 1px solid rgba(125,211,252,.22); border-left: 5px solid var(--diff-sky); box-shadow: inset 0 1.5rem 0 rgba(125,211,252,.04); }
body[data-site-diff-page="privacy-policy"] .data-table { border-collapse: separate; border-spacing: 0 .5rem; }
body[data-site-diff-page="privacy-policy"] .data-table tr { background: rgba(125,211,252,.07); outline: 1px solid rgba(125,211,252,.16); }
body[data-site-diff-page="privacy-policy"] .data-table th, body[data-site-diff-page="privacy-policy"] .data-table td { border: 0; }
body[data-site-diff-page="privacy-policy"] .hero-privacy { border-bottom: 4px double rgba(250,204,21,.55); }

/* Register: account tiles, connected onboarding rail, and sign-up FAQ rows. */
body[data-site-diff-page="register"] .card-feature { border-radius: 0; border-bottom: 4px solid var(--diff-gold); background: linear-gradient(180deg, rgba(250,204,21,.1), transparent); }
body[data-site-diff-page="register"] .step-card { border-left: 2px solid var(--diff-sky); padding: 1rem 1rem 1rem 4rem; position: relative; }
body[data-site-diff-page="register"] .step-card .step-num { left: .75rem; top: 1rem; border-radius: 50% 50% 0 50%; }
body[data-site-diff-page="register"] .accordion-item { border-radius: 0 !important; border-right: 3px solid var(--diff-gold) !important; margin-bottom: .6rem; }

/* Responsible gaming: safety dashboard, calm action list, and beacon numbers. */
body[data-site-diff-page="responsible-gaming"] .card-feature { border-radius: 0 0 18px 0; border: 1px solid rgba(125,211,252,.22); border-top: 4px solid var(--diff-sky); }
body[data-site-diff-page="responsible-gaming"] .checklist-item { border-left: 3px solid var(--diff-gold); padding: .85rem 1rem; margin-bottom: .65rem; background: linear-gradient(90deg, rgba(250,204,21,.09), transparent); }
body[data-site-diff-page="responsible-gaming"] .step-number { border-radius: 50%; outline: 2px solid rgba(125,211,252,.45); outline-offset: 4px; }

/* Terms: document tabs, a paper cover, and margin-indexed reading blocks. */
body[data-site-diff-page="terms-conditions"] .card-feature { border-radius: 0; border: 1px solid rgba(250,204,21,.25); border-top: 5px solid var(--diff-gold); position: relative; }
body[data-site-diff-page="terms-conditions"] .card-feature::after { content: ""; position: absolute; right: 0; top: 0; border-top: 1.1rem solid var(--diff-ink); border-left: 1.1rem solid transparent; }
body[data-site-diff-page="terms-conditions"] .hero-terms { border-bottom: 1px solid rgba(125,211,252,.45); box-shadow: inset 0 -1rem 0 rgba(125,211,252,.04); }
body[data-site-diff-page="terms-conditions"] .section-pad:not(:first-of-type) .container { border-left: 2px solid rgba(125,211,252,.3); padding-left: 2rem; }

/* West Hunter Bingo: call tiles, prize vouchers, and draw-number FAQ rows. */
body[data-site-diff-page="west-hunter-bingo"] .card-custom { border-radius: 0; border: 1px solid rgba(125,211,252,.22); border-bottom: 5px solid var(--diff-sky); }
body[data-site-diff-page="west-hunter-bingo"] .bonus-card { border-radius: 0 22px 0 22px; border: 1px dashed rgba(250,204,21,.7); background: linear-gradient(135deg, rgba(250,204,21,.12), transparent); }
body[data-site-diff-page="west-hunter-bingo"] .accordion-item { border-radius: 0 !important; border-left: 3px solid var(--diff-gold) !important; }
body[data-site-diff-page="west-hunter-bingo"] .accordion-button::before { content: "●"; color: var(--diff-gold); margin-right: .7rem; }

@media (max-width: 991.98px) {
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"],
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { flex-basis: 50%; width: 50%; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .game-card),
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card),
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) { grid-template-columns: repeat(2, 1fr); }
  body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"],
  body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"]:first-child { grid-column: span 6; }
}
@media (max-width: 575.98px) {
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"],
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { flex-basis: 100%; width: 100%; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .game-card),
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card),
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) { grid-template-columns: 1fr; }
  body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"],
  body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"]:first-child { grid-column: span 12; }
  body[data-site-diff-page] .section-pad:not(:first-of-type) .container { padding-left: 1.25rem; }
}

/* Second adapter set: documents, help, and account pages use library ledgers/trails instead of surface cards. */

/* FAQ page: a numbered answer library with a separate utility ledger. */
body[data-site-diff-page="faq"] .faq-accordion { display: grid; gap: 0; counter-reset: answer-index; border-top: 1px solid rgba(125,211,252,.25); }
body[data-site-diff-page="faq"] .faq-accordion .accordion-item { counter-increment: answer-index; border: 0 !important; border-bottom: 1px solid rgba(125,211,252,.25) !important; border-radius: 0 !important; background: transparent !important; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-button { padding: 1.25rem 0 !important; background: transparent !important; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-button::before { content: counter(answer-index, decimal-leading-zero); min-width: 4.2rem; color: var(--diff-gold); font-size: .78rem; font-weight: 900; letter-spacing: .12em; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-body { margin: 0 0 1.2rem 4.2rem; padding: 0 0 0 1.25rem; border-left: 2px solid var(--diff-sky); }
body[data-site-diff-page="faq"] .row.g-4:has(> [class*="col"] > .card-feature) { display: block; margin: 0; border-top: 1px solid rgba(125,211,252,.22); }
body[data-site-diff-page="faq"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"] { width: 100%; max-width: none; padding: 0; }
body[data-site-diff-page="faq"] .card-feature { display: grid; grid-template-columns: 3.6rem minmax(180px,.8fr) minmax(0,1.7fr); gap: 1rem; align-items: center; padding: 1.25rem 0; border: 0; border-bottom: 1px solid rgba(125,211,252,.22); border-radius: 0; background: transparent; }
body[data-site-diff-page="faq"] .card-feature .icon-circle { grid-row: span 2; width: 2.8rem; height: 2.8rem; margin: 0; border-radius: 50% 50% 50% 8px; }
body[data-site-diff-page="faq"] .card-feature h3, body[data-site-diff-page="faq"] .card-feature p { margin: 0 !important; }

/* Fortune Dragon: its existing numbered items become a strong current-trail. */
body[data-site-diff-page="fortune-dragon"] .timeline-item { min-height: 7.5rem; margin: 0; padding: 1.45rem 0 1.45rem 5.35rem; border-bottom: 1px solid rgba(125,211,252,.2); }
body[data-site-diff-page="fortune-dragon"] .timeline-item::before { left: 1.75rem; top: 3.35rem; bottom: -1px; width: 2px; background: linear-gradient(180deg,var(--diff-gold),var(--diff-sky)); }
body[data-site-diff-page="fortune-dragon"] .timeline-dot { left: .35rem; top: 1.3rem; width: 3.05rem; height: 3.05rem; border: 4px solid var(--diff-ink); border-radius: 50%; background: var(--diff-panel); color: var(--diff-gold); box-shadow: 0 0 0 1px rgba(125,211,252,.35); }
body[data-site-diff-page="fortune-dragon"] .timeline-item h3, body[data-site-diff-page="fortune-dragon"] .timeline-item p { margin: 0 !important; }
body[data-site-diff-page="fortune-dragon"] .timeline-item h3 { margin-bottom: .45rem !important; }

/* Login becomes an access ledger, with its practical tips rendered as a two-column note grid. */
body[data-site-diff-page="login"] .row.g-4:has(> [class*="col"] > .card-feature) { display: block; margin: 0; border-top: 1px solid rgba(125,211,252,.2); }
body[data-site-diff-page="login"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"] { width: 100%; max-width: none; padding: 0; }
body[data-site-diff-page="login"] .card-feature { display: grid; grid-template-columns: 56px minmax(180px,.75fr) minmax(0,1.65fr); gap: 1rem; align-items: center; padding: 1.3rem .25rem; border: 0; border-bottom: 1px solid rgba(125,211,252,.2); border-radius: 0; background: transparent; box-shadow: none; }
body[data-site-diff-page="login"] .card-feature .icon-circle { grid-row: span 2; width: 46px; height: 46px; margin: 0; border-radius: 14px; }
body[data-site-diff-page="login"] .card-feature h3, body[data-site-diff-page="login"] .card-feature p { margin: 0 !important; }
body[data-site-diff-page="login"] .row.g-3:has(> [class*="col"] > .tip-card) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin: 0; }
body[data-site-diff-page="login"] .row.g-3:has(> [class*="col"] > .tip-card) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="login"] .tip-card { min-height: 100%; margin: 0; border: 0; border-left: 3px solid var(--diff-gold); border-radius: 0; background: linear-gradient(90deg,rgba(250,204,21,.1),transparent); }

/* Privacy and terms turn into actual document-margin layouts. */
body[data-site-diff-page="privacy-policy"] .policy-block,
body[data-site-diff-page="terms-conditions"] .terms-block { position: relative; margin-bottom: 0; padding: 2rem 1.5rem 2rem 5.4rem; border: 0; border-bottom: 1px solid rgba(125,211,252,.2); border-radius: 0; background: transparent; }
body[data-site-diff-page="privacy-policy"] .policy-block::before,
body[data-site-diff-page="terms-conditions"] .terms-block::before { content: ""; position: absolute; left: 1.6rem; top: 2rem; width: 2.25rem; height: 2.25rem; border: 1px solid var(--diff-sky); border-radius: 50%; box-shadow: inset 0 0 0 7px var(--diff-ink); }
body[data-site-diff-page="privacy-policy"] .policy-block:nth-of-type(odd)::before,
body[data-site-diff-page="terms-conditions"] .terms-block:nth-of-type(odd)::before { border-color: var(--diff-gold); }
body[data-site-diff-page="privacy-policy"] .data-table { border-collapse: separate; border-spacing: 0 .45rem; }
body[data-site-diff-page="privacy-policy"] .data-table tr { background: rgba(125,211,252,.07); outline: 1px solid rgba(125,211,252,.14); }
body[data-site-diff-page="privacy-policy"] .data-table th, body[data-site-diff-page="privacy-policy"] .data-table td { border: 0; }
body[data-site-diff-page="terms-conditions"] .terms-number { width: 2.25rem; height: 2.25rem; margin-right: .8rem; border: 1px solid var(--diff-gold); background: transparent; }

/* Responsible gaming: status-board tools and two-column check rows. */
body[data-site-diff-page="responsible-gaming"] .row.g-4:has(> [class*="col"] > .card-feature) { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1px; margin: 0; background: rgba(125,211,252,.22); }
body[data-site-diff-page="responsible-gaming"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="responsible-gaming"] .card-feature { min-height: 100%; padding: 1.5rem; border: 0; border-radius: 0; background: linear-gradient(145deg,rgba(25,54,86,.98),rgba(16,33,58,.98)); }
body[data-site-diff-page="responsible-gaming"] .checklist-item { padding: .95rem 1rem; border: 0; background: rgba(255,255,255,.025); }
body[data-site-diff-page="responsible-gaming"] .checklist-item + .checklist-item { margin-top: 1px; }

@media (max-width: 767.98px) {
  body[data-site-diff-page="faq"] .card-feature,
  body[data-site-diff-page="login"] .card-feature { grid-template-columns: 50px minmax(0,1fr); gap: .65rem 1rem; }
  body[data-site-diff-page="faq"] .card-feature p,
  body[data-site-diff-page="login"] .card-feature p { grid-column: 2; }
  body[data-site-diff-page="login"] .row.g-3:has(> [class*="col"] > .tip-card),
  body[data-site-diff-page="responsible-gaming"] .row.g-4:has(> [class*="col"] > .card-feature) { grid-template-columns: 1fr; }
}
@media (max-width: 575.98px) {
  body[data-site-diff-page="privacy-policy"] .policy-block,
  body[data-site-diff-page="terms-conditions"] .terms-block { padding: 1.5rem 1rem 1.5rem 4.2rem; }
  body[data-site-diff-page="privacy-policy"] .policy-block::before,
  body[data-site-diff-page="terms-conditions"] .terms-block::before { left: 1rem; top: 1.5rem; width: 1.75rem; height: 1.75rem; box-shadow: inset 0 0 0 5px var(--diff-ink); }
  body[data-site-diff-page="faq"] .faq-accordion .accordion-button::before { min-width: 3.2rem; }
  body[data-site-diff-page="faq"] .faq-accordion .accordion-body { margin-left: 3.2rem; }
}

/* Module-library adapters — map the fixed source DOM to reusable structural modules. */

/* West Hunter Bingo: horizontal process rail, signal band, and numbered FAQ library. */
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2rem;
  margin: 0;
}
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num)::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 1.65rem;
  left: 8%;
  right: 8%;
  height: 2px;
  background: linear-gradient(90deg, var(--diff-gold), var(--diff-sky));
}
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) .card-custom { height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) .card-custom .d-flex { display: block !important; }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) .step-num { position: relative; z-index: 1; width: 3.35rem; height: 3.35rem; margin: 0 0 1rem; border: 5px solid var(--diff-ink); border-radius: 50%; background: linear-gradient(135deg, var(--diff-gold), #fde68a); box-shadow: 0 0 0 1px rgba(125,211,252,.4); }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) h3 { margin: 0 0 .5rem !important; font-size: 1.05rem !important; }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num) p { margin: 0 !important; line-height: 1.75; }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .bonus-card) { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1px; margin: 0; background: rgba(125,211,252,.24); }
body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .bonus-card) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="west-hunter-bingo"] .bonus-card { min-height: 100%; padding: 1.45rem; border: 0; border-radius: 0; text-align: left; background: linear-gradient(145deg, rgba(25,54,86,.96), rgba(16,33,58,.98)); }
body[data-site-diff-page="west-hunter-bingo"] .bonus-card .bonus-icon { font-size: 1.65rem; margin-bottom: 1rem; }
body[data-site-diff-page="west-hunter-bingo"] .faq-section .accordion { display: grid; gap: 0; counter-reset: bingo-question; border-top: 1px solid rgba(125,211,252,.24); }
body[data-site-diff-page="west-hunter-bingo"] .faq-section .accordion-item { counter-increment: bingo-question; border: 0 !important; border-bottom: 1px solid rgba(125,211,252,.24) !important; border-radius: 0 !important; background: transparent !important; }
body[data-site-diff-page="west-hunter-bingo"] .faq-section .accordion-button { padding: 1.2rem 0 !important; background: transparent !important; }
body[data-site-diff-page="west-hunter-bingo"] .faq-section .accordion-button::before { content: counter(bingo-question, decimal-leading-zero); flex: 0 0 4rem; color: var(--diff-gold); font-size: .78rem; font-weight: 800; letter-spacing: .12em; }
body[data-site-diff-page="west-hunter-bingo"] .faq-section .accordion-body { margin: 0 0 1.1rem 4rem; padding: 0 0 0 1.25rem !important; border-left: 2px solid var(--diff-sky); }

/* App: current-trail installer and a full-width feature ledger. */
body[data-site-diff-page="app"] .mt-3:has(> .step-card) { position: relative; display: grid; gap: 0; padding-left: 5.15rem; }
body[data-site-diff-page="app"] .mt-3:has(> .step-card)::before { content: ""; position: absolute; left: 1.75rem; top: 1.5rem; bottom: 1.5rem; width: 2px; background: linear-gradient(180deg, var(--diff-gold), var(--diff-sky), rgba(125,211,252,.1)); }
body[data-site-diff-page="app"] .step-card { min-height: 7.4rem; margin: 0; padding: 1.45rem 0; border: 0; border-bottom: 1px solid rgba(125,211,252,.2); border-radius: 0; background: transparent; }
body[data-site-diff-page="app"] .step-card .step-num { left: -4.3rem; top: 1.35rem; width: 3.1rem; height: 3.1rem; border: 4px solid var(--diff-ink); border-radius: 50%; background: var(--diff-panel); color: var(--diff-gold); box-shadow: 0 0 0 1px rgba(125,211,252,.35); transform: none; outline: 0; }
body[data-site-diff-page="app"] .row.g-4:has(> [class*="col"] > .card-feature) { display: block; margin: 0; border-top: 1px solid rgba(125,211,252,.22); }
body[data-site-diff-page="app"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"] { width: 100%; max-width: none; padding: 0; }
body[data-site-diff-page="app"] .card-feature { display: grid; grid-template-columns: 62px minmax(170px,.7fr) minmax(0,1.7fr); gap: 1.2rem; align-items: center; padding: 1.35rem .5rem; border: 0; border-bottom: 1px solid rgba(125,211,252,.22); border-radius: 0; background: transparent; }
body[data-site-diff-page="app"] .card-feature .icon-circle { grid-row: span 2; width: 48px; height: 48px; margin: 0; border-radius: 50% 50% 50% 10px; }
body[data-site-diff-page="app"] .card-feature h3, body[data-site-diff-page="app"] .card-feature p { margin: 0 !important; }

/* Game lobby: ranked rows instead of a repeating tile grid. */
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) { display: grid; grid-template-columns: minmax(0,1fr); grid-auto-rows: auto; gap: 10px; margin: 0; counter-reset: game-rank; }
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"] { width: 100%; max-width: none; padding: 0; grid-column: auto; grid-row: auto; counter-increment: game-rank; }
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"]:first-child { width: 100%; grid-column: auto; grid-row: auto; flex-basis: auto; }
body[data-site-diff-page="game"] .game-card { display: grid; grid-template-columns: 3.4rem 4.5rem minmax(0,1fr); column-gap: 1.35rem; align-items: center; min-height: 5.6rem; padding: .7rem 1.25rem; border: 1px solid rgba(125,211,252,.18); border-radius: 16px; background: rgba(255,255,255,.025); }
body[data-site-diff-page="game"] .game-card::before { content: counter(game-rank, decimal-leading-zero); padding-left: 1.2rem; color: var(--diff-gold); font-size: .78rem; font-weight: 900; letter-spacing: .06em; }
body[data-site-diff-page="game"] .game-card .game-thumb { width: 4.25rem; height: 4.25rem; border-radius: 14px; }
body[data-site-diff-page="game"] .game-card .game-body { grid-column: 3; grid-row: 1; display: block; min-width: 0; padding: 0; }
body[data-site-diff-page="game"] .game-card .game-body h3 { margin: 0 0 .28rem !important; }
body[data-site-diff-page="game"] .game-card .game-body p { margin: 0 0 .5rem; }
body[data-site-diff-page="game"] .game-card .btn-play { margin: 0; white-space: nowrap; }

/* Final ranking composition: keep number, thumbnail, and copy inside one compact row. */
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) { max-width: 1000px; margin-inline: auto; }
body[data-site-diff-page="game"] .game-card { grid-template-columns: 42px 64px minmax(0,1fr); column-gap: 16px; min-height: 0; padding: 14px 18px; border: 1px solid rgba(125,211,252,.18); border-radius: 18px; background: rgba(255,255,255,.028); }
body[data-site-diff-page="game"] .game-card::before { padding: 0; text-align: center; }
body[data-site-diff-page="game"] .game-card .game-thumb { width: 64px; height: 64px; border-radius: 14px; }
body[data-site-diff-page="game"] .game-card .game-body { display: grid; grid-template-columns: minmax(150px,.38fr) minmax(0,1fr) auto; column-gap: 18px; align-items: center; }
body[data-site-diff-page="game"] .game-card .game-body h3 { margin: 0 !important; }
body[data-site-diff-page="game"] .game-card .game-body p { margin: 0; }
body[data-site-diff-page="game"] .game-card .btn-play { align-self: center; }

/* Registration and Charge Buffalo: process rails rather than centred step cards. */
body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card),
body[data-site-diff-page="charge-buffalo"] .row.g-4:has(> [class*="col"] > .step-card) { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.5rem; margin: 0; }
body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card)::before,
body[data-site-diff-page="charge-buffalo"] .row.g-4:has(> [class*="col"] > .step-card)::before { content: ""; position: absolute; top: 1.55rem; left: 10%; right: 10%; height: 2px; background: linear-gradient(90deg,var(--diff-gold),var(--diff-sky)); }
body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card) > [class*="col"],
body[data-site-diff-page="charge-buffalo"] .row.g-4:has(> [class*="col"] > .step-card) > [class*="col"] { width: auto; max-width: none; padding: 0; }
body[data-site-diff-page="register"] .step-card,
body[data-site-diff-page="charge-buffalo"] .step-card { height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; text-align: left; }
body[data-site-diff-page="register"] .step-card .step-num,
body[data-site-diff-page="charge-buffalo"] .step-card .step-num { position: relative; z-index: 1; width: 3.1rem; height: 3.1rem; margin: 0 0 1rem; border: 4px solid var(--diff-ink); box-shadow: 0 0 0 1px rgba(125,211,252,.35); }

/* Game-detail feature groups: library bento structures with a lead item. */
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 1rem; margin: 0; }
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"] { width: auto; max-width: none; padding: 0; grid-column: span 3; }
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child { grid-column: span 6; grid-row: span 2; }
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(2),
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(3) { grid-column: span 3; }
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(n+4) { grid-column: span 4; }
body[data-site-diff-page="bombing-fishing"] .card-custom { border: 0; border-radius: 20px; background: linear-gradient(145deg,rgba(25,54,86,.95),rgba(16,33,58,.96)); }
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child .card-custom { min-height: 100%; padding: 2.25rem; background: radial-gradient(circle at 84% 15%,rgba(250,204,21,.2),transparent 30%),linear-gradient(145deg,rgba(25,54,86,.98),rgba(16,33,58,.98)); }

/* All game FAQ groups use the module-library indexed accordion treatment. */
body[data-site-diff-page="bombing-fishing"] .faq-section .accordion,
body[data-site-diff-page="charge-buffalo"] .faq-section .accordion,
body[data-site-diff-page="fortune-dragon"] .faq-section .accordion { display: grid; gap: .55rem; counter-reset: module-faq; }
body[data-site-diff-page="bombing-fishing"] .faq-section .accordion-item,
body[data-site-diff-page="charge-buffalo"] .faq-section .accordion-item,
body[data-site-diff-page="fortune-dragon"] .faq-section .accordion-item { counter-increment: module-faq; border: 1px solid rgba(125,211,252,.18) !important; border-radius: 16px !important; background: rgba(255,255,255,.025) !important; }
body[data-site-diff-page="bombing-fishing"] .faq-section .accordion-button::before,
body[data-site-diff-page="charge-buffalo"] .faq-section .accordion-button::before,
body[data-site-diff-page="fortune-dragon"] .faq-section .accordion-button::before { content: counter(module-faq, decimal-leading-zero); color: var(--diff-gold); font-size: .74rem; font-weight: 800; letter-spacing: .1em; margin-right: 1rem; }

@media (max-width: 991.98px) {
  body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num),
  body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card),
  body[data-site-diff-page="charge-buffalo"] .row.g-4:has(> [class*="col"] > .step-card) { grid-template-columns: repeat(2,minmax(0,1fr)); row-gap: 2rem; }
  body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num)::before,
  body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card)::before,
  body[data-site-diff-page="charge-buffalo"] .row.g-4:has(> [class*="col"] > .step-card)::before { display: none; }
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) { grid-template-columns: repeat(6,minmax(0,1fr)); }
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"] { grid-column: span 3; }
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child { grid-column: span 6; grid-row: auto; }
}
@media (max-width: 767.98px) {
  body[data-site-diff-page="app"] .card-feature { grid-template-columns: 50px minmax(0,1fr); gap: .65rem 1rem; }
  body[data-site-diff-page="app"] .card-feature h3 { align-self: end; }
  body[data-site-diff-page="app"] .card-feature p { grid-column: 2; }
  body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) { max-width: none; }
  body[data-site-diff-page="game"] .game-card { grid-template-columns: 2.4rem 3.25rem minmax(0,1fr); column-gap: .9rem; padding: .65rem .75rem; }
  body[data-site-diff-page="game"] .game-card::before { padding-left: .7rem; }
  body[data-site-diff-page="game"] .game-card .game-thumb { width: 3.25rem; height: 3.25rem; }
  body[data-site-diff-page="game"] .game-card .game-body { display: block; grid-column: 3; }
  body[data-site-diff-page="game"] .game-card .game-body p { margin-top: .25rem; }
  body[data-site-diff-page="game"] .game-card .btn-play { display: none; }
}
@media (max-width: 575.98px) {
  body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .card-custom .step-num),
  body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card),
  body[data-site-diff-page="charge-buffalo"] .row.g-4:has(> [class*="col"] > .step-card),
  body[data-site-diff-page="west-hunter-bingo"] .row.g-4:has(> [class*="col"] > .bonus-card) { grid-template-columns: 1fr; }
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) { grid-template-columns: 1fr; }
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"],
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child { grid-column: span 1; }
  body[data-site-diff-page="app"] .mt-3:has(> .step-card) { padding-left: 4.2rem; }
  body[data-site-diff-page="app"] .step-card .step-num { left: -3.65rem; }
}

/* Second-pass component rebuild: remove the repeated small-card appearance. */

/* Home becomes a feature editorial: one lead story, four compact notes, three closing signals. */
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-rows: minmax(164px, auto);
  gap: 14px;
  margin: 0;
}
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"] {
  width: auto;
  max-width: none;
  min-width: 0;
  padding: 0;
  display: flex;
  grid-column: span 3;
}
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child {
  grid-column: span 6;
  grid-row: span 2;
  width: auto;
  flex-basis: auto;
}
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:nth-child(n+6) { grid-column: span 4; }
body[data-site-diff-page="home"] .card-block {
  width: 100%;
  min-height: 0;
  padding: 1.35rem 1.4rem;
  border: 0;
  border-left: 1px solid rgba(125,211,252,.35);
  border-radius: 0;
  background: linear-gradient(90deg, rgba(125,211,252,.11), rgba(25,54,86,.22) 62%, transparent);
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  align-content: start;
  gap: .2rem .9rem;
  text-align: left !important;
}
body[data-site-diff-page="home"] .card-block::before {
  content: "";
  grid-column: 1 / -1;
  order: -1;
  width: 2.8rem;
  height: 2px;
  background: var(--diff-gold);
  margin-bottom: .85rem;
}
body[data-site-diff-page="home"] .card-block .icon-wrap {
  width: 46px;
  height: 46px;
  grid-row: span 2;
  margin: 0 !important;
  border-radius: 50% 50% 50% 0;
}
body[data-site-diff-page="home"] .card-block h3 { align-self: end; font-size: 1rem !important; }
body[data-site-diff-page="home"] .card-block p { align-self: start; font-size: .85rem !important; line-height: 1.55; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .card-block {
  padding: 2rem 2.1rem;
  border-left: 5px solid var(--diff-gold);
  background: linear-gradient(135deg, rgba(250,204,21,.2), rgba(25,54,86,.72) 48%, rgba(125,211,252,.09));
  grid-template-columns: 80px minmax(0,1fr);
  align-content: center;
}
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .icon-wrap { width: 70px; height: 70px; font-size: 1.8rem; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child h3 { font-size: 1.55rem !important; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child p { font-size: 1rem !important; max-width: 32rem; }

/* Home games become an uneven magazine shelf; testimonials become a continuous quotation band. */
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .game-card) { grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 1px; background: rgba(125,211,252,.28); }
body[data-site-diff-page="home"] .game-card { border: 0; border-radius: 0; background: var(--diff-panel); }
body[data-site-diff-page="home"] .game-card img { height: 142px; filter: saturate(.8) contrast(1.08); }
body[data-site-diff-page="home"] .game-card:first-child img { height: 100%; min-height: 250px; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) { grid-template-columns: 1fr 1.25fr 1fr; gap: 0; border: 1px solid rgba(250,204,21,.35); }
body[data-site-diff-page="home"] .testimonial-card { border: 0; border-left: 1px solid rgba(250,204,21,.28); border-radius: 0; background: transparent; padding: 2.15rem 1.75rem; }
body[data-site-diff-page="home"] .testimonial-card:first-child { border-left: 0; }
body[data-site-diff-page="home"] .testimonial-card:nth-child(2) { background: linear-gradient(180deg, rgba(250,204,21,.12), transparent); transform: translateY(-18px); }

/* Lucky Dragons becomes a reel-map: lead mechanic at left, two highlights, then a lower guide row. */
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0,1fr));
  grid-auto-rows: minmax(178px, auto);
  gap: 12px;
  margin: 0;
  counter-reset: dragon-feature;
}
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"] {
  width: auto;
  max-width: none;
  min-width: 0;
  padding: 0;
  display: flex;
  grid-column: span 4;
  counter-increment: dragon-feature;
}
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { grid-column: span 7; grid-row: span 2; }
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:nth-child(2),
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:nth-child(3) { grid-column: span 5; }
body[data-site-diff-page="lucky-dragons"] .card-block {
  width: 100%;
  min-height: 0;
  border: 0;
  border-top: 1px solid rgba(250,204,21,.7);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(250,204,21,.09), transparent 46%);
  padding: 1.25rem 1.35rem 1.35rem 4.5rem;
  position: relative;
  display: block;
}
body[data-site-diff-page="lucky-dragons"] .card-block::before {
  content: counter(dragon-feature, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 1.2rem;
  width: 3.2rem;
  color: rgba(250,204,21,.65);
  font-size: .75rem;
  letter-spacing: .16em;
  text-align: center;
  border-bottom: 1px solid rgba(250,204,21,.45);
  padding-bottom: .45rem;
}
body[data-site-diff-page="lucky-dragons"] .card-block .icon-wrap { margin: 0 0 .9rem !important; border-radius: 0; width: 42px; height: 42px; }
body[data-site-diff-page="lucky-dragons"] .card-block h3 { font-size: 1.08rem !important; }
body[data-site-diff-page="lucky-dragons"] .card-block p { font-size: .91rem !important; line-height: 1.65; }
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .card-block {
  padding: 2.2rem 2.4rem 2rem 6rem;
  border-top: 0;
  border-left: 2px solid var(--diff-gold);
  background: radial-gradient(circle at 80% 10%, rgba(250,204,21,.24), transparent 30%), linear-gradient(135deg, rgba(25,54,86,.9), rgba(16,33,58,.5));
}
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .card-block::before { left: 1.2rem; top: 2.25rem; width: 3.4rem; font-size: 1rem; }
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .icon-wrap { width: 60px; height: 60px; font-size: 1.6rem; }
body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child h3 { font-size: 1.5rem !important; }

/* The remaining pages get deliberate page-specific component forms rather than a shared card treatment. */
body[data-site-diff-page="about-us"] .value-card { border: 0; border-bottom: 1px solid rgba(250,204,21,.55); background: transparent; padding: 4rem 1rem 1.2rem; }
body[data-site-diff-page="about-us"] .value-card::before { width: 2.4rem; height: 2.4rem; left: 1rem; top: 1rem; border-radius: 0; transform: rotate(45deg); }
body[data-site-diff-page="app"] .card-feature { border: 0; border-left: 2px solid var(--diff-sky); border-radius: 0; background: transparent; }
body[data-site-diff-page="baseball"] .card-custom { display: block; border: 0; border-bottom: 2px solid var(--diff-sky); background: transparent; padding: 1.5rem 1.25rem; }
body[data-site-diff-page="baseball"] .card-custom.text-center .icon-box { margin: 0 auto .9rem !important; }
body[data-site-diff-page="baseball"] .card-custom.text-center .league-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 7.5rem; min-height: 2rem; margin-bottom: .55rem !important; }
body[data-site-diff-page="baseball"] .card-custom.text-center h3 { margin-top: .55rem !important; }
body[data-site-diff-page="baseball"] .card-custom.text-center p { margin-bottom: 0; line-height: 1.6; }
body[data-site-diff-page="bombing-fishing"] .card-custom { border-radius: 0; border: 1px dashed rgba(125,211,252,.5); background: radial-gradient(circle at 50% 0, rgba(125,211,252,.12), transparent 55%); }
body[data-site-diff-page="charge-buffalo"] .card-custom { border: 0; border-left: 6px solid var(--diff-gold); background: linear-gradient(90deg, rgba(250,204,21,.12), transparent); }
body[data-site-diff-page="faq"] .card-feature { border: 0; border-bottom: 1px solid rgba(125,211,252,.35); background: transparent; }
body[data-site-diff-page="fortune-dragon"] .card-custom { border: 0; border-left: 1px solid var(--diff-gold); border-radius: 0; background: linear-gradient(90deg, rgba(250,204,21,.13), transparent); }
body[data-site-diff-page="fortune-ox"] .card-custom { border: 0; border-bottom: 2px solid var(--diff-gold); background: transparent; }
body[data-site-diff-page="game"] .game-card { border: 0; border-radius: 0; background: transparent; }
body[data-site-diff-page="login"] .card-feature { border: 1px solid rgba(125,211,252,.22); border-radius: 0; background: transparent; box-shadow: inset 4px 0 0 rgba(125,211,252,.8); }
body[data-site-diff-page="privacy-policy"] .card-feature { border: 0; border-left: 4px double var(--diff-sky); background: linear-gradient(90deg, rgba(125,211,252,.1), transparent); }
body[data-site-diff-page="register"] .card-feature { border: 0; border-bottom: 2px solid var(--diff-gold); background: transparent; }
body[data-site-diff-page="responsible-gaming"] .card-feature { border: 0; border-radius: 0; background: linear-gradient(90deg, rgba(125,211,252,.11), transparent); }
body[data-site-diff-page="terms-conditions"] .card-feature { border: 0; border-top: 1px solid var(--diff-gold); background: transparent; }
body[data-site-diff-page="west-hunter-bingo"] .card-custom { border: 0; border-radius: 50% 50% 0 0; border-bottom: 4px solid var(--diff-sky); background: radial-gradient(circle at 50% 20%, rgba(125,211,252,.16), transparent 58%); }

@media (max-width: 991.98px) {
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block),
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"] { grid-column: span 3; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { grid-column: span 6; grid-row: span 1; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:nth-child(n+6) { grid-column: span 2; }
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"] { grid-column: span 3; }
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { grid-column: span 6; grid-row: span 1; }
}
@media (max-width: 575.98px) {
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block),
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) { grid-template-columns: 1fr; grid-auto-rows: auto; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"],
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child,
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:nth-child(n+6),
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"],
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child { grid-column: span 1; grid-row: auto; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .card-block,
  body[data-site-diff-page="lucky-dragons"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .card-block { padding: 1.5rem 1.25rem 1.5rem 4.75rem; }
  body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .card-block) > [class*="col"]:first-child .icon-wrap { width: 52px; height: 52px; }
}

/* Game ranking precedence: this block remains last so earlier card-grid rules cannot leak through. */
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) { display: grid; grid-template-columns: minmax(0,1fr); grid-auto-rows: auto; max-width: 1000px; margin: 0 auto; gap: 10px; }
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"],
body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) > [class*="col"]:first-child { width: 100%; max-width: none; padding: 0; grid-column: auto; grid-row: auto; flex-basis: auto; }
body[data-site-diff-page="game"] .game-card { display: grid; grid-template-columns: 42px 64px minmax(0,1fr); column-gap: 16px; align-items: center; min-height: 0; padding: 14px 18px; border: 1px solid rgba(125,211,252,.18) !important; border-radius: 18px !important; background: rgba(255,255,255,.028) !important; }
body[data-site-diff-page="game"] .game-card::before { padding: 0; text-align: center; }
body[data-site-diff-page="game"] .game-card .game-thumb { grid-column: 2; width: 64px; height: 64px; border-radius: 14px; }
body[data-site-diff-page="game"] .game-card .game-tag { display: none; }
body[data-site-diff-page="game"] .game-card .game-body { grid-column: 3; grid-row: 1; display: grid; grid-template-columns: minmax(150px,.38fr) minmax(0,1fr) auto; column-gap: 18px; align-items: center; min-width: 0; padding: 0; }
body[data-site-diff-page="game"] .game-card .game-body h3,
body[data-site-diff-page="game"] .game-card .game-body p { margin: 0 !important; }
body[data-site-diff-page="game"] .game-card .btn-play { margin: 0; white-space: nowrap; }
@media (max-width: 767.98px) {
  body[data-site-diff-page="game"] .row.g-4:has(> [class*="col"] > .game-card) { max-width: none; }
  body[data-site-diff-page="game"] .game-card { grid-template-columns: 2.4rem 3.25rem minmax(0,1fr); column-gap: .9rem; padding: .65rem .75rem; }
  body[data-site-diff-page="game"] .game-card .game-thumb { width: 3.25rem; height: 3.25rem; }
  body[data-site-diff-page="game"] .game-card .game-body { display: block; grid-column: 3; }
  body[data-site-diff-page="game"] .game-card .game-body p { margin-top: .25rem !important; }
  body[data-site-diff-page="game"] .game-card .btn-play { display: none; }
}

/* Completion pass: every remaining page receives three separate content modules.
   These selectors intentionally sit last, so they replace earlier decorative-only card rules. */

/* App: a route, a technical readout, and an indexed feature ledger. */
body[data-site-diff-page="app"] .mt-3:has(> .step-card) {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 1.75rem !important;
  counter-reset: app-route; border: 1px solid rgba(125,211,252,.22); background: rgba(11,28,51,.34);
}
body[data-site-diff-page="app"] .step-card {
  min-height: 100%; padding: 1.25rem 1.1rem 1.2rem !important; border: 0 !important;
  border-left: 1px solid rgba(125,211,252,.18) !important; border-radius: 0 !important; background: transparent !important;
  position: relative; counter-increment: app-route;
}
body[data-site-diff-page="app"] .step-card:first-child { border-left: 0 !important; }
body[data-site-diff-page="app"] .step-card::before { content: "0" counter(app-route); display:block; color:var(--diff-gold); font-size:.72rem; font-weight:800; letter-spacing:.13em; margin-bottom:.85rem; }
body[data-site-diff-page="app"] div[style*="background"]:has(> .spec-row) {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; padding:1px !important;
  border:1px solid rgba(125,211,252,.22); border-radius:0 !important; background:rgba(125,211,252,.2) !important;
}
body[data-site-diff-page="app"] .spec-row { padding:.9rem 1rem !important; border:0 !important; background:rgba(16,33,58,.92); }
body[data-site-diff-page="app"] .spec-row .spec-label { letter-spacing:.08em; text-transform:uppercase; font-size:.7rem; }
body[data-site-diff-page="app"] .spec-row .spec-value { color:var(--diff-gold); }
body[data-site-diff-page="app"] .row:has(> [class*="col"] > .card-feature) { counter-reset: app-feature; }
body[data-site-diff-page="app"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="app"] .card-feature { width:100%; display:grid; grid-template-columns:54px minmax(0,1fr); gap:.2rem 1rem; padding:1.25rem 1.1rem !important; border:0 !important; border-top:1px solid rgba(125,211,252,.32) !important; border-radius:0 !important; background:linear-gradient(90deg,rgba(125,211,252,.09),transparent) !important; counter-increment:app-feature; }
body[data-site-diff-page="app"] .card-feature::before { content:counter(app-feature,decimal-leading-zero); grid-column:1; color:var(--diff-gold); font-size:.72rem; font-weight:800; letter-spacing:.1em; }
body[data-site-diff-page="app"] .card-feature .icon-circle { grid-column:1; grid-row:2 / span 2; margin:0 !important; width:48px; height:48px; border-radius:50% 50% 0 50%; }
body[data-site-diff-page="app"] .card-feature h3, body[data-site-diff-page="app"] .card-feature p { grid-column:2; margin:0 !important; }

/* FAQ: topic directory, numbered answers, and support ledger. */
body[data-site-diff-page="faq"] .d-flex.flex-wrap:has(> .topic-pill) { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px !important; border:1px solid rgba(125,211,252,.2); background:rgba(125,211,252,.2); }
body[data-site-diff-page="faq"] .topic-pill { min-height:48px; border:0 !important; border-radius:0 !important; padding:.75rem .85rem !important; background:rgba(16,33,58,.95) !important; }
body[data-site-diff-page="faq"] .faq-accordion { counter-reset:faq-item; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-item { border:0 !important; border-left:2px solid rgba(250,204,21,.72) !important; border-radius:0 !important; margin:0 0 .7rem !important; background:rgba(255,255,255,.025) !important; counter-increment:faq-item; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-button { padding:1rem 1.2rem !important; background:transparent !important; box-shadow:none !important; }
body[data-site-diff-page="faq"] .faq-accordion .accordion-button::before { content:counter(faq-item,decimal-leading-zero); flex:0 0 2.35rem; color:var(--diff-gold); font-size:.72rem; letter-spacing:.1em; }
body[data-site-diff-page="faq"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="faq"] .card-feature { width:100%; display:grid; grid-template-columns:46px minmax(0,1fr); gap:.15rem 1rem; padding:1.15rem !important; border:0 !important; border-bottom:1px solid rgba(125,211,252,.3) !important; border-radius:0 !important; background:transparent !important; }
body[data-site-diff-page="faq"] .card-feature .icon-circle { grid-row:span 2; margin:0 !important; width:46px; height:46px; border-radius:0; }
body[data-site-diff-page="faq"] .card-feature h3, body[data-site-diff-page="faq"] .card-feature p { margin:0 !important; }

/* Login: security status board, focused form console, and account ledger. */
body[data-site-diff-page="login"] .mt-4:has(> .info-badge) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; margin-top:1.6rem !important; background:rgba(125,211,252,.18); }
body[data-site-diff-page="login"] .info-badge { min-height:72px; padding:.9rem !important; background:rgba(16,33,58,.88); border:0; align-items:center; }
body[data-site-diff-page="login"] .info-icon { margin:0 !important; border-radius:0 50% 50% 50%; }
body[data-site-diff-page="login"] .login-form-wrap { border:1px solid rgba(125,211,252,.28) !important; border-radius:0 !important; background:linear-gradient(145deg,rgba(125,211,252,.1),rgba(16,33,58,.94) 38%) !important; box-shadow:inset 3px 0 0 var(--diff-gold); }
body[data-site-diff-page="login"] .row:has(> [class*="col"] > .card-feature) { counter-reset:login-ledger; }
body[data-site-diff-page="login"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="login"] .card-feature { width:100%; display:grid; grid-template-columns:42px 1fr; gap:.15rem .9rem; padding:1.1rem !important; border:0 !important; border-left:1px solid rgba(125,211,252,.35) !important; border-radius:0 !important; background:linear-gradient(90deg,rgba(125,211,252,.08),transparent) !important; counter-increment:login-ledger; }
body[data-site-diff-page="login"] .card-feature::before { content:counter(login-ledger,decimal-leading-zero); grid-column:1; color:var(--diff-gold); font-size:.72rem; font-weight:800; }
body[data-site-diff-page="login"] .card-feature .icon-circle { grid-column:1; grid-row:2 / span 2; width:42px; height:42px; margin:0 !important; border-radius:50%; }
body[data-site-diff-page="login"] .card-feature h3, body[data-site-diff-page="login"] .card-feature p { grid-column:2; margin:0 !important; }

/* Responsible gaming: paired checklists, safety control board, and a three-step intervention trail. */
body[data-site-diff-page="responsible-gaming"] .row:has(.checklist-item) > [class*="col"] { padding:1.25rem !important; background:rgba(255,255,255,.022); }
body[data-site-diff-page="responsible-gaming"] .row:has(.checklist-item) > [class*="col"]:first-child { border-top:2px solid #4ade80; }
body[data-site-diff-page="responsible-gaming"] .row:has(.checklist-item) > [class*="col"]:last-child { border-top:2px solid #fb7185; }
body[data-site-diff-page="responsible-gaming"] .checklist-item { min-height:59px; padding:.75rem 0 !important; border-bottom:1px solid rgba(125,211,252,.13) !important; align-items:center; }
body[data-site-diff-page="responsible-gaming"] .row:has(> [class*="col"] > .card-feature) { counter-reset:safety-control; }
body[data-site-diff-page="responsible-gaming"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="responsible-gaming"] .card-feature { width:100%; display:grid; grid-template-columns:52px 1fr; gap:.15rem 1rem; padding:1.15rem !important; border:1px solid rgba(125,211,252,.16) !important; border-radius:0 !important; background:rgba(255,255,255,.02) !important; counter-increment:safety-control; }
body[data-site-diff-page="responsible-gaming"] .card-feature::before { content:counter(safety-control,decimal-leading-zero); grid-column:1; color:var(--diff-gold); font-size:.72rem; font-weight:800; }
body[data-site-diff-page="responsible-gaming"] .card-feature .icon-circle { grid-column:1; grid-row:2 / span 2; width:46px; height:46px; margin:0 !important; border-radius:50% 0 50% 50%; }
body[data-site-diff-page="responsible-gaming"] .card-feature h3, body[data-site-diff-page="responsible-gaming"] .card-feature p { grid-column:2; margin:0 !important; }
body[data-site-diff-page="responsible-gaming"] .row:has(> [class*="col"] .step-number) { counter-reset:safety-step; }
body[data-site-diff-page="responsible-gaming"] .row:has(> [class*="col"] .step-number) > [class*="col"] { position:relative; padding-top:3.6rem; }
body[data-site-diff-page="responsible-gaming"] .row:has(> [class*="col"] .step-number) > [class*="col"]::before { content:""; position:absolute; left:0; right:0; top:1.25rem; height:1px; background:rgba(250,204,21,.55); }
body[data-site-diff-page="responsible-gaming"] .step-number { position:absolute; top:0; left:0; width:2.5rem; height:2.5rem; background:var(--diff-gold); color:var(--diff-ink); border-radius:50%; }

/* Policies: document navigation, ruled reading columns, and rights/control ledgers. */
body[data-site-diff-page="terms-conditions"] .toc-sidebar { position:sticky; top:1.25rem; border:0 !important; border-left:2px solid var(--diff-gold) !important; border-radius:0 !important; background:rgba(255,255,255,.025) !important; }
body[data-site-diff-page="terms-conditions"] .terms-block { position:relative; padding:1.3rem 1.4rem 1.3rem 3.6rem !important; border:0 !important; border-bottom:1px solid rgba(125,211,252,.22) !important; border-radius:0 !important; background:transparent !important; counter-increment:terms-rule; }
body[data-site-diff-page="terms-conditions"] .terms-content { counter-reset:terms-rule; }
body[data-site-diff-page="terms-conditions"] .terms-block::before { content:counter(terms-rule,decimal-leading-zero); position:absolute; left:0; top:1.55rem; width:2.6rem; color:var(--diff-gold); font-size:.72rem; font-weight:800; text-align:center; }
body[data-site-diff-page="terms-conditions"] .row:has(> [class*="col"] > .card-feature) > [class*="col"], body[data-site-diff-page="privacy-policy"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="terms-conditions"] .card-feature, body[data-site-diff-page="privacy-policy"] .card-feature { width:100%; display:grid; grid-template-columns:48px 1fr; gap:.2rem 1rem; padding:1.1rem !important; border:0 !important; border-top:1px solid rgba(250,204,21,.55) !important; border-radius:0 !important; background:linear-gradient(180deg,rgba(250,204,21,.08),transparent) !important; }
body[data-site-diff-page="terms-conditions"] .card-feature .icon-circle, body[data-site-diff-page="privacy-policy"] .card-feature .icon-circle { grid-row:span 2; width:46px; height:46px; margin:0 !important; border-radius:0; }
body[data-site-diff-page="terms-conditions"] .card-feature h3, body[data-site-diff-page="terms-conditions"] .card-feature p, body[data-site-diff-page="privacy-policy"] .card-feature h3, body[data-site-diff-page="privacy-policy"] .card-feature p { margin:0 !important; }
body[data-site-diff-page="privacy-policy"] .policy-block { padding:1.25rem 1.35rem !important; border:0 !important; border-left:2px solid rgba(125,211,252,.48) !important; border-radius:0 !important; background:linear-gradient(90deg,rgba(125,211,252,.08),transparent) !important; }
body[data-site-diff-page="privacy-policy"] .data-table { border-collapse:separate; border-spacing:0 1px; background:rgba(125,211,252,.2); }
body[data-site-diff-page="privacy-policy"] .data-table td, body[data-site-diff-page="privacy-policy"] .data-table th { border:0 !important; background:rgba(16,33,58,.94); padding:.9rem 1rem !important; }

/* Game pages: each now has a data strip, an interaction trail/ranking, and a feature ledger. */
body[data-site-diff-page="fortune-dragon"] .row:has(> [class*="col"] > .stat-box), body[data-site-diff-page="fortune-ox"] .row:has(> [class*="col"] > .stat-card) { gap:1px; background:rgba(250,204,21,.35); }
body[data-site-diff-page="fortune-dragon"] .stat-box, body[data-site-diff-page="fortune-ox"] .stat-card { height:100%; padding:1.25rem .8rem !important; border:0 !important; border-radius:0 !important; background:rgba(16,33,58,.94) !important; }
body[data-site-diff-page="fortune-dragon"] .timeline-item, body[data-site-diff-page="fortune-ox"] .timeline-item { padding:1.15rem 1.2rem 1.15rem 4.5rem !important; margin-bottom:.65rem !important; border-left:1px solid rgba(125,211,252,.28); background:rgba(255,255,255,.02); }
body[data-site-diff-page="fortune-dragon"] .timeline-item::before { left:1.25rem; top:3.5rem; bottom:-.65rem; }
body[data-site-diff-page="fortune-dragon"] .timeline-dot { left:.48rem; top:1.1rem; }
body[data-site-diff-page="fortune-ox"] .timeline-item .circle { left:1rem; top:1.05rem; width:2.55rem; height:2.55rem; border-radius:50%; background:var(--diff-gold); color:var(--diff-ink); }
body[data-site-diff-page="fortune-dragon"] .row:has(> [class*="col"] > .card-custom) > [class*="col"], body[data-site-diff-page="fortune-ox"] .row:has(> [class*="col"] > .card-custom) > [class*="col"] { display:flex; }
body[data-site-diff-page="fortune-dragon"] .card-custom, body[data-site-diff-page="fortune-ox"] .card-custom { width:100%; display:grid; grid-template-columns:46px 1fr; gap:.15rem 1rem; padding:1.15rem !important; border:0 !important; border-top:2px solid var(--diff-gold) !important; border-radius:0 !important; background:linear-gradient(180deg,rgba(250,204,21,.09),transparent) !important; }
body[data-site-diff-page="fortune-dragon"] .card-custom .icon-circle, body[data-site-diff-page="fortune-ox"] .card-custom .icon-box { grid-row:span 2; width:46px; height:46px; margin:0 !important; border-radius:0 0 50% 0; }
body[data-site-diff-page="fortune-dragon"] .card-custom h3, body[data-site-diff-page="fortune-dragon"] .card-custom h4, body[data-site-diff-page="fortune-dragon"] .card-custom p, body[data-site-diff-page="fortune-ox"] .card-custom h3, body[data-site-diff-page="fortune-ox"] .card-custom p { margin:0 !important; }

body[data-site-diff-page="game"] .row:has(> [class*="col"] > .stat-box) { gap:1px; background:rgba(125,211,252,.24); }
body[data-site-diff-page="game"] .stat-box { height:100%; padding:1.1rem !important; border:0 !important; border-radius:0 !important; background:rgba(16,33,58,.94) !important; }
body[data-site-diff-page="game"] .row:has(> [class*="col"] > .card-feature) { counter-reset:game-benefit; }
body[data-site-diff-page="game"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="game"] .card-feature { width:100%; display:grid; grid-template-columns:44px 1fr; gap:.15rem .95rem; padding:1.15rem !important; border:0 !important; border-left:2px solid var(--diff-sky) !important; border-radius:0 !important; background:linear-gradient(90deg,rgba(125,211,252,.08),transparent) !important; counter-increment:game-benefit; }
body[data-site-diff-page="game"] .card-feature::before { content:counter(game-benefit,decimal-leading-zero); grid-column:1; color:var(--diff-gold); font-size:.72rem; font-weight:800; }
body[data-site-diff-page="game"] .card-feature .icon-circle { grid-column:1; grid-row:2 / span 2; width:44px; height:44px; margin:0 !important; border-radius:50% 50% 0 50%; }
body[data-site-diff-page="game"] .card-feature h3, body[data-site-diff-page="game"] .card-feature p { grid-column:2; margin:0 !important; }

@media (max-width: 767.98px) {
  body[data-site-diff-page="app"] .mt-3:has(> .step-card), body[data-site-diff-page="login"] .mt-4:has(> .info-badge), body[data-site-diff-page="faq"] .d-flex.flex-wrap:has(> .topic-pill) { grid-template-columns:1fr; }
  body[data-site-diff-page="app"] div[style*="background"]:has(> .spec-row) { grid-template-columns:1fr; }
  body[data-site-diff-page="terms-conditions"] .toc-sidebar { position:static; }
}

/* Final responsive and document-flow safeguards. */
body[data-site-diff-page="app"] .mt-3:has(> .step-card) { padding-left:0 !important; }
body[data-site-diff-page="app"] .mt-3:has(> .step-card)::before { display:none; }
body[data-site-diff-page="app"] .step-card { width:100%; min-height:0 !important; height:auto !important; margin:0 !important; }
body[data-site-diff-page="app"] .step-card .step-num { display:none; }
body[data-site-diff-page="terms-conditions"] .row:has(> [class*="col"] .toc-sidebar) > [class*="col"]:has(.terms-block) { counter-reset:terms-rule; }
body[data-site-diff-page="terms-conditions"] .terms-number { display:none; }
@media (max-width: 575.98px) {
  body[data-site-diff-page="privacy-policy"] .data-table { width:100% !important; table-layout:fixed; }
  body[data-site-diff-page="privacy-policy"] .data-table td, body[data-site-diff-page="privacy-policy"] .data-table th { padding:.65rem .45rem !important; font-size:.76rem !important; overflow-wrap:anywhere; }
}

/* About: live figures, company history, and values are three visibly different editorial modules. */
body[data-site-diff-page="about-us"] .row:has(> [class*="col"] > .stat-counter) { gap:1px; background:rgba(125,211,252,.25); }
body[data-site-diff-page="about-us"] .stat-counter { height:100%; padding:1.35rem .65rem !important; border:0; background:rgba(16,33,58,.94); text-align:left; }
body[data-site-diff-page="about-us"] .stat-counter .num { font-size:2rem; letter-spacing:-.06em; }
body[data-site-diff-page="about-us"] .timeline { padding:0 !important; counter-reset:about-era; }
body[data-site-diff-page="about-us"] .timeline::before { display:none; }
body[data-site-diff-page="about-us"] .timeline-item { min-height:0; margin:0 !important; padding:1.15rem 1.2rem 1.15rem 4.4rem; border-bottom:1px solid rgba(125,211,252,.22); background:linear-gradient(90deg,rgba(125,211,252,.07),transparent); position:relative; counter-increment:about-era; }
body[data-site-diff-page="about-us"] .timeline-item::before { content:counter(about-era,decimal-leading-zero); position:absolute; left:1rem; top:1.3rem; color:var(--diff-gold); font-size:.72rem; font-weight:800; letter-spacing:.1em; }
body[data-site-diff-page="about-us"] .timeline-dot { display:none; }
body[data-site-diff-page="about-us"] .row:has(> [class*="col"] > .card-feature) { counter-reset:about-proof; }
body[data-site-diff-page="about-us"] .row:has(> [class*="col"] > .card-feature) > [class*="col"] { display:flex; }
body[data-site-diff-page="about-us"] .card-feature { width:100%; display:grid; grid-template-columns:46px 1fr; gap:.2rem .95rem; padding:1.15rem !important; border:0 !important; border-top:1px solid rgba(125,211,252,.32) !important; border-radius:0 !important; background:transparent !important; counter-increment:about-proof; }
body[data-site-diff-page="about-us"] .card-feature::before { content:counter(about-proof,decimal-leading-zero); grid-column:1; color:var(--diff-gold); font-size:.72rem; font-weight:800; }
body[data-site-diff-page="about-us"] .card-feature .icon-circle { grid-column:1; grid-row:2 / span 2; width:46px; height:46px; margin:0 !important; border-radius:0 50% 50% 50%; }
body[data-site-diff-page="about-us"] .card-feature h3, body[data-site-diff-page="about-us"] .card-feature p { grid-column:2; margin:0 !important; }
body[data-site-diff-page="about-us"] .value-card { margin:0 !important; padding:1.35rem 1.2rem 1.35rem 4.35rem !important; border:0 !important; border-bottom:1px solid rgba(250,204,21,.45) !important; background:linear-gradient(90deg,rgba(250,204,21,.08),transparent) !important; position:relative; }
body[data-site-diff-page="about-us"] .value-card::before { width:auto !important; height:auto !important; left:1.1rem !important; top:1.4rem !important; transform:none !important; background:none !important; color:var(--diff-gold); font-size:.7rem; font-weight:800; letter-spacing:.1em; }
body[data-site-diff-page="about-us"] .value-card:nth-of-type(1)::before { content:"01"; }
body[data-site-diff-page="about-us"] .value-card:nth-of-type(2)::before { content:"02"; }
body[data-site-diff-page="about-us"] .value-card:nth-of-type(3)::before { content:"03"; }

/* Terms chapter markers are typographic labels, not circular badges. */
body[data-site-diff-page="terms-conditions"] .terms-block { padding-left:4.2rem !important; }
body[data-site-diff-page="terms-conditions"] .terms-block::before {
  left:1.1rem !important; top:1.5rem !important; width:1.75rem !important; height:auto !important;
  padding:0 0 .45rem !important; border:0 !important; border-bottom:1px solid rgba(250,204,21,.75) !important;
  border-radius:0 !important; background:transparent !important; box-shadow:none !important;
  color:rgba(250,204,21,.82) !important; font-size:.68rem !important; font-weight:800 !important;
  letter-spacing:.12em; line-height:1 !important; text-align:left !important;
}
@media (max-width:575.98px) {
  body[data-site-diff-page="terms-conditions"] .terms-block { padding-left:3.5rem !important; }
  body[data-site-diff-page="terms-conditions"] .terms-block::before { left:.8rem !important; }
}

/* Privacy headings already have meaningful icons; remove the old decorative marker behind them. */
body[data-site-diff-page="privacy-policy"] .policy-block::before { display:none !important; }
body[data-site-diff-page="privacy-policy"] .policy-block h3 { display:flex; align-items:center; gap:.65rem; }
body[data-site-diff-page="privacy-policy"] .policy-icon { margin:0 !important; border-radius:50% 50% 50% 0; }

/* Privacy commitments: replace the six-card grid with a two-column assurance register. */
body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; counter-reset:privacy-assurance;
  border-top:1px solid rgba(125,211,252,.28); border-bottom:1px solid rgba(125,211,252,.28);
}
body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"] {
  width:auto; max-width:none; min-width:0; padding:0; display:flex;
}
body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"]:nth-child(odd) { border-right:1px solid rgba(125,211,252,.22); }
body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"]:nth-child(n+3) { border-top:1px solid rgba(125,211,252,.22); }
body[data-site-diff-page="privacy-policy"] .card-feature {
  width:100%; min-height:0; display:grid; grid-template-columns:48px minmax(0,1fr); grid-template-rows:auto 1fr;
  gap:.35rem 1rem; padding:1.5rem 1.35rem !important; border:0 !important; border-radius:0 !important;
  background:transparent !important; counter-increment:privacy-assurance;
}
body[data-site-diff-page="privacy-policy"] .card-feature::before {
  content:counter(privacy-assurance,decimal-leading-zero); grid-column:1; grid-row:1; align-self:end;
  color:rgba(250,204,21,.72); font-size:.7rem; font-weight:800; letter-spacing:.12em;
}
body[data-site-diff-page="privacy-policy"] .card-feature .icon-circle {
  grid-column:1; grid-row:2; width:44px; height:44px; margin:0 !important; border-radius:0 !important;
  align-self:start;
}
body[data-site-diff-page="privacy-policy"] .card-feature h3 { grid-column:2; grid-row:1; align-self:end; margin:0 !important; }
body[data-site-diff-page="privacy-policy"] .card-feature p { grid-column:2; grid-row:2; margin:0 !important; line-height:1.7; }
@media (max-width:767.98px) {
  body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) { grid-template-columns:1fr; }
  body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"]:nth-child(odd) { border-right:0; }
  body[data-site-diff-page="privacy-policy"] .row.g-4:has(> [class*="col"] > .card-feature) > [class*="col"]:nth-child(n+2) { border-top:1px solid rgba(125,211,252,.22); }
}

/* Register has three steps, so use three equal stops instead of leaving a fourth empty track. */
body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card) { grid-template-columns:repeat(3,minmax(0,1fr)); }
body[data-site-diff-page="register"] .row.g-4:has(> [class*="col"] > .step-card)::before { left:1.55rem; right:calc(33.333% - 3rem); }

/* Bombing Fishing weapons use a compact equal-sized loadout grid; no enlarged lead weapon. */
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) {
  grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:auto; gap:.9rem;
}
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"],
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child,
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(2),
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(3),
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(n+4) {
  grid-column:auto; grid-row:auto; display:flex;
}
body[data-site-diff-page="bombing-fishing"] .card-custom,
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child .card-custom {
  width:100%; min-height:0 !important; height:auto !important; display:grid; grid-template-columns:48px minmax(0,1fr);
  gap:.15rem .9rem; padding:1.15rem !important; border:1px solid rgba(125,211,252,.2) !important;
  border-left:3px solid rgba(250,204,21,.78) !important; border-radius:0 !important;
  background:linear-gradient(90deg,rgba(125,211,252,.08),transparent) !important;
}
body[data-site-diff-page="bombing-fishing"] .card-custom .icon-box { grid-column:1; grid-row:span 2; width:48px; height:48px; margin:0 !important; border-radius:50% !important; }
body[data-site-diff-page="bombing-fishing"] .card-custom h3, body[data-site-diff-page="bombing-fishing"] .card-custom p { grid-column:2; margin:0 !important; }
@media (max-width:991.98px) {
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px) {
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) { grid-template-columns:1fr; }
}

/* Replace the weapon card grid with a compact, full-width loadout manifest. */
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) {
  grid-template-columns:minmax(0,1fr); max-width:940px; margin:0 auto; gap:0; counter-reset:weapon-loadout;
  border-top:1px solid rgba(125,211,252,.28);
}
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"],
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child,
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(2),
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(3),
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:nth-child(n+4) {
  border-bottom:1px solid rgba(125,211,252,.2); counter-increment:weapon-loadout;
}
body[data-site-diff-page="bombing-fishing"] .card-custom,
body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child .card-custom {
  grid-template-columns:42px 50px minmax(150px,.42fr) minmax(0,1fr); grid-template-rows:1fr;
  column-gap:1rem; align-items:center; min-height:0 !important; padding:.9rem 1rem !important;
  border:0 !important; border-left:0 !important; border-radius:0 !important; background:transparent !important;
}
body[data-site-diff-page="bombing-fishing"] .card-custom::before {
  content:counter(weapon-loadout,decimal-leading-zero); grid-column:1; color:var(--diff-gold); font-size:.7rem; font-weight:800; letter-spacing:.1em; text-align:center;
}
body[data-site-diff-page="bombing-fishing"] .card-custom .icon-box { grid-column:2; grid-row:1; width:44px; height:44px; }
body[data-site-diff-page="bombing-fishing"] .card-custom h3 { grid-column:3; grid-row:1; margin:0 !important; }
body[data-site-diff-page="bombing-fishing"] .card-custom p { grid-column:4; grid-row:1; margin:0 !important; font-size:.88rem !important; line-height:1.55; }
@media (max-width:767.98px) {
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) { max-width:none; }
  body[data-site-diff-page="bombing-fishing"] .card-custom,
  body[data-site-diff-page="bombing-fishing"] .row.g-4:has(> [class*="col"] > .card-custom .icon-box) > [class*="col"]:first-child .card-custom { grid-template-columns:2rem 2.75rem minmax(0,1fr); grid-template-rows:auto auto; column-gap:.7rem; padding:.8rem .65rem !important; }
  body[data-site-diff-page="bombing-fishing"] .card-custom::before { grid-column:1; grid-row:1 / span 2; }
  body[data-site-diff-page="bombing-fishing"] .card-custom .icon-box { grid-column:2; grid-row:1 / span 2; width:2.75rem; height:2.75rem; }
  body[data-site-diff-page="bombing-fishing"] .card-custom h3 { grid-column:3; grid-row:1; }
  body[data-site-diff-page="bombing-fishing"] .card-custom p { grid-column:3; grid-row:2; margin-top:.2rem !important; }
}

/* Home testimonials become a stacked player-echo rail, not a three-card quotation band. */
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) {
  grid-template-columns:minmax(0,1fr); max-width:980px; gap:0; margin:0 auto; border:0; counter-reset:player-echo;
}
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) > [class*="col"] { width:100%; max-width:none; padding:0; counter-increment:player-echo; }
body[data-site-diff-page="home"] .testimonial-card {
  display:grid; grid-template-columns:128px minmax(0,1fr); grid-template-rows:auto auto auto;
  gap:.25rem 1.35rem; min-height:0; padding:1.35rem 1.5rem !important;
  border:0 !important; border-bottom:1px solid rgba(125,211,252,.26) !important; border-left:3px solid var(--diff-gold) !important;
  border-radius:0 !important; background:linear-gradient(90deg,rgba(250,204,21,.08),transparent 46%) !important; transform:none !important;
}
body[data-site-diff-page="home"] .testimonial-card::before { content:"PLAYER " counter(player-echo,decimal-leading-zero); grid-column:1; grid-row:1; color:rgba(250,204,21,.8); font-size:.68rem; font-weight:800; letter-spacing:.12em; }
body[data-site-diff-page="home"] .testimonial-card .stars { grid-column:1; grid-row:2; margin:0 !important; font-size:.9rem; white-space:nowrap; }
body[data-site-diff-page="home"] .testimonial-card .user-name { grid-column:1; grid-row:3; margin:0 !important; }
body[data-site-diff-page="home"] .testimonial-card .user-city { grid-column:1; grid-row:4; margin:0 !important; }
body[data-site-diff-page="home"] .testimonial-card .quote { grid-column:2; grid-row:1 / span 4; align-self:center; margin:0 !important; font-size:1rem; line-height:1.65; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) > [class*="col"]:nth-child(2) .testimonial-card { border-left-color:var(--diff-sky) !important; background:linear-gradient(90deg,rgba(125,211,252,.09),transparent 46%) !important; }
body[data-site-diff-page="home"] .row.g-4:has(> [class*="col"] > .testimonial-card) > [class*="col"]:nth-child(3) .testimonial-card { border-bottom:0 !important; }
@media (max-width:575.98px) {
  body[data-site-diff-page="home"] .testimonial-card { grid-template-columns:1fr; grid-template-rows:auto; gap:.45rem; padding:1.1rem 1rem !important; }
  body[data-site-diff-page="home"] .testimonial-card::before, body[data-site-diff-page="home"] .testimonial-card .stars, body[data-site-diff-page="home"] .testimonial-card .user-name, body[data-site-diff-page="home"] .testimonial-card .user-city, body[data-site-diff-page="home"] .testimonial-card .quote { grid-column:1; grid-row:auto; }
body[data-site-diff-page="home"] .testimonial-card .quote { order:-1; }
}

/* Fortune Ox stats return to the original four independent metric cards. */
body[data-site-diff-page="fortune-ox"] .row:has(> [class*="col"] > .stat-card) { gap:0; background:transparent; }
body[data-site-diff-page="fortune-ox"] .stat-card {
  height:100%; padding:1.6rem !important; border:1px solid rgba(125,211,252,.08) !important;
  border-radius:14px !important; background:var(--bg-block) !important; text-align:center;
}

/* Game-detail metrics share the Charge Buffalo indicator-strip treatment. */
body[data-site-diff-page="lucky-dragons"] .row:has(> [class*="col"] > .stat-box),
body[data-site-diff-page="fortune-ox"] .row:has(> [class*="col"] > .stat-card),
body[data-site-diff-page="fortune-dragon"] .row:has(> [class*="col"] > .stat-box),
body[data-site-diff-page="baseball"] .row:has(> [class*="col"] > .stat-card) { gap:0; background:transparent; }
body[data-site-diff-page="lucky-dragons"] .stat-box,
body[data-site-diff-page="fortune-dragon"] .stat-box,
body[data-site-diff-page="fortune-ox"] .stat-card,
body[data-site-diff-page="baseball"] .stat-card {
  width:100%; height:100%; position:relative; padding:1.25rem .5rem 1.65rem !important;
  border:0 !important; border-radius:0 !important; background:transparent !important; text-align:center;
}
body[data-site-diff-page="lucky-dragons"] .stat-box::after,
body[data-site-diff-page="fortune-dragon"] .stat-box::after,
body[data-site-diff-page="fortune-ox"] .stat-card::after,
body[data-site-diff-page="baseball"] .stat-card::after {
  content:""; position:absolute; left:.5rem; right:.5rem; bottom:.55rem; height:3px; background:var(--diff-gold);
}
body[data-site-diff-page="lucky-dragons"] .stat-box .stat-num,
body[data-site-diff-page="fortune-dragon"] .stat-box .stat-num,
body[data-site-diff-page="baseball"] .stat-card .stat-num,
body[data-site-diff-page="fortune-ox"] .stat-card .num { display:block; color:var(--diff-gold); }

/* About figures become a balanced three-part indicator strip without an empty grid cell. */
body[data-site-diff-page="about-us"] .row.g-3.mt-3:has(> [class*="col"] > .stat-counter) {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:1.4rem 0 0 !important;
  background:transparent; border-top:1px solid rgba(125,211,252,.25);
}
body[data-site-diff-page="about-us"] .row.g-3.mt-3:has(> [class*="col"] > .stat-counter) > [class*="col"] { width:auto; max-width:none; padding:0; }
body[data-site-diff-page="about-us"] .stat-counter {
  position:relative; min-height:0; padding:1.25rem .65rem 1.5rem !important; border:0 !important;
  border-left:1px solid rgba(125,211,252,.2) !important; background:transparent !important; text-align:center !important;
}
body[data-site-diff-page="about-us"] .row.g-3.mt-3:has(> [class*="col"] > .stat-counter) > [class*="col"]:first-child .stat-counter { border-left:0 !important; }
body[data-site-diff-page="about-us"] .stat-counter::after { content:""; position:absolute; left:12%; right:12%; bottom:.55rem; height:3px; background:var(--diff-gold); }
body[data-site-diff-page="about-us"] .stat-counter .num { font-size:2rem; letter-spacing:-.06em; }