/* ── No-Deposit Bonuses — scoped page styles ─────────────────────────────
   Port of nodeposit-styles.css, scoped under body.btf-ndb-page.
   Prototype dark-mode variants dropped (the live site is cream-only).
   Short prototype tokens (--forest, --gold, …) aliased onto --th-*.
   The "Best offers" list is rendered dynamically from the btf_bonus CPT
   (bonus_type = no_deposit) by the btf-ndb-offers block.
   IMPORTANT: do NOT alias --ink (cycle with texas-holdem's --th-ink:var(--ink)).
   ──────────────────────────────────────────────────────────────────────── */

body.btf-ndb-page {
	--forest:    var( --th-forest );
	--forest-2:  var( --th-forest-2 );
	--forest-3:  var( --th-forest-3 );
	--gold:      var( --th-gold );
	--gold-soft: var( --th-gold-soft );
	--cream:     var( --th-cream );
	--cream-2:   var( --th-cream-2 );
	--cream-3:   var( --th-cream-3 );
	--ink-2:     var( --th-ink-2 );
	--muted:     var( --th-muted );
	--hair:      var( --th-hair );
	--red:       var( --th-red );
	--serif:     var( --th-serif );
	--sans:      var( --th-sans );
	--mono:      var( --th-mono );
}

/* ── Selection on dark backgrounds (gold) ─────────────────────────────── */
body.btf-ndb-page .btf-ndb-hero ::selection,
body.btf-ndb-page .btf-ndb-hero::selection,
body.btf-ndb-page .btf-ndb-summary ::selection,
body.btf-ndb-page .btf-ndb-summary::selection { background: rgba( 212, 180, 74, .4 ); color: var( --on-dark ); }

/* ── Editorial sections wrapper ───────────────────────────────────────── */
body.btf-ndb-page .btf-ndb-section { padding: 4rem 0 3rem; scroll-margin-top: 80px; }
@media ( max-width: 800px ) { body.btf-ndb-page .btf-ndb-section { padding: 3rem 0 2rem; } }
body.btf-ndb-page .btf-ndb-section > .wrap > .btf-th-eyebrow { margin-bottom: .9rem; }
body.btf-ndb-page .prose .btf-ndb-section h2.btf-th-display,
body.btf-ndb-page .btf-ndb-section h2.btf-th-display { margin: 0 0 .55em; }
body.btf-ndb-page .prose .btf-ndb-section .btf-th-lede,
body.btf-ndb-page .btf-ndb-section .btf-th-lede { margin: 0 0 2rem; color: var( --ink-2 ); }
body.btf-ndb-page .btf-ndb-section .btf-th-lede b { color: var( --ink ); font-weight: 600; }

/* ── Hero card (honest headline) + stat strip ─────────────────────────── */
body.btf-ndb-page .btf-ndb-hero-cta { display: flex; gap: .8rem; flex-wrap: wrap; margin-top: 1.5rem; }
body.btf-ndb-page .ndb-hero-card { background: linear-gradient( 160deg, rgba( 201, 162, 74, .18 ), rgba( 243, 238, 226, .04 ) ); border: 1px solid rgba( 201, 162, 74, .32 ); border-radius: 18px; padding: 1.8rem 1.9rem; display: flex; flex-direction: column; gap: 1rem; }
body.btf-ndb-page .ndb-hero-card-tag { font-family: var( --mono ); font-size: .7rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; color: var( --gold-soft ); }
body.btf-ndb-page .ndb-hero-figs { display: flex; align-items: center; gap: 1rem; }
body.btf-ndb-page .ndb-hero-fig { display: flex; flex-direction: column; gap: .15rem; }
body.btf-ndb-page .ndb-hero-fig b { font-family: var( --serif ); font-weight: 300; font-size: 1.9rem; letter-spacing: -.02em; line-height: 1; color: rgba( 243, 238, 226, .7 ); }
body.btf-ndb-page .ndb-hero-fig.big b { font-size: 2.8rem; color: var( --cream ); }
body.btf-ndb-page .ndb-hero-fig span { font-family: var( --mono ); font-size: .6rem; letter-spacing: .06em; text-transform: uppercase; color: rgba( 243, 238, 226, .6 ); }
body.btf-ndb-page .ndb-hero-arrow { font-family: var( --serif ); font-size: 1.6rem; color: var( --gold-soft ); }
body.btf-ndb-page .prose .ndb-hero-card-note,
body.btf-ndb-page .ndb-hero-card-note { margin: 0; font-family: var( --serif ); font-style: italic; font-size: 1rem; line-height: 1.5; color: rgba( 243, 238, 226, .8 ); }

body.btf-ndb-page .ndb-stats { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: .8rem; margin-top: 2.2rem; }
@media ( max-width: 760px ) { body.btf-ndb-page .ndb-stats { grid-template-columns: 1fr 1fr; } }
@media ( max-width: 600px ) {
	body.btf-ndb-page .ndb-stats { display: flex; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: .7rem; padding-bottom: .5rem; scrollbar-width: none; }
	body.btf-ndb-page .ndb-stats::-webkit-scrollbar { display: none; }
	body.btf-ndb-page .ndb-stat { flex: 0 0 72%; scroll-snap-align: start; }
}
body.btf-ndb-page .ndb-stat { display: grid; grid-template-columns: 32px 1fr; gap: .8rem; background: rgba( 243, 238, 226, .05 ); border: 1px solid rgba( 243, 238, 226, .12 ); border-radius: 12px; padding: 1rem 1.2rem; align-items: start; }
body.btf-ndb-page .ndb-stat-icon { font-size: 1.3rem; line-height: 1.2; }
body.btf-ndb-page .ndb-stat-text { display: flex; flex-direction: column; gap: .1rem; }
body.btf-ndb-page .ndb-stat-label { font-family: var( --mono ); font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; color: var( --gold-soft ); }
body.btf-ndb-page .ndb-stat-text b { font-family: var( --serif ); font-weight: 500; font-size: 1.15rem; color: var( --cream ); letter-spacing: -.01em; }
body.btf-ndb-page .ndb-stat-text small { font-size: .76rem; line-height: 1.35; color: rgba( 243, 238, 226, .6 ); }

/* ── Offer cards (dynamic from CPT) ───────────────────────────────────── */
body.btf-ndb-page .ndb-offers { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media ( max-width: 760px ) { body.btf-ndb-page .ndb-offers { grid-template-columns: 1fr; } }
body.btf-ndb-page .ndb-offer { position: relative; background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: 16px; padding: 1.6rem 1.7rem; display: flex; flex-direction: column; border-top-width: 3px; }
body.btf-ndb-page .ndb-offer.good { border-top-color: var( --forest ); }
body.btf-ndb-page .ndb-offer.ok   { border-top-color: var( --gold ); }
body.btf-ndb-page .ndb-offer.pick { border-color: var( --gold ); box-shadow: 0 6px 28px rgba( 201, 162, 74, .16 ); }
body.btf-ndb-page .ndb-offer-ribbon { position: absolute; top: -1px; right: 1.4rem; background: var( --gold ); color: var( --forest-2 ); font-family: var( --mono ); font-size: .6rem; letter-spacing: .08em; text-transform: uppercase; font-weight: 700; padding: .3em .7em; border-radius: 0 0 6px 6px; }
body.btf-ndb-page .ndb-offer-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding-bottom: 1.1rem; margin-bottom: 1.1rem; border-bottom: 1px solid var( --hair ); }
body.btf-ndb-page .ndb-offer-id { display: flex; align-items: center; gap: .7rem; }
body.btf-ndb-page .ndb-offer-rank { font-family: var( --serif ); font-weight: 300; font-size: 1.6rem; color: var( --muted ); }
body.btf-ndb-page .ndb-offer.pick .ndb-offer-rank { color: var( --gold ); }
body.btf-ndb-page .prose .ndb-offer-id h3.btf-th-display,
body.btf-ndb-page .ndb-offer-id h3.btf-th-display { font-size: 1.3rem; margin: 0; line-height: 1.05; }
body.btf-ndb-page .ndb-offer-type { font-family: var( --mono ); font-size: .62rem; letter-spacing: .04em; text-transform: uppercase; color: var( --muted ); }
body.btf-ndb-page .ndb-offer-amount { text-align: right; flex-shrink: 0; }
body.btf-ndb-page .ndb-offer-amount b { font-family: var( --serif ); font-weight: 400; font-size: 2.1rem; letter-spacing: -.02em; line-height: 1; color: var( --forest ); display: block; }
body.btf-ndb-page .ndb-offer-amount span { font-family: var( --mono ); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; color: var( --muted ); }
body.btf-ndb-page .prose .ndb-offer-note,
body.btf-ndb-page .ndb-offer-note { margin: 0 0 1.2rem; font-size: .93rem; line-height: 1.55; color: var( --ink-2 ); flex: 1; }
body.btf-ndb-page .ndb-offer-terms { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; padding: 1.1rem 1.2rem; background: var( --cream ); border: 1px solid var( --hair ); border-radius: 10px; margin-bottom: 1.2rem; }
body.btf-ndb-page .ndb-term { display: flex; flex-direction: column; gap: .1rem; }
body.btf-ndb-page .ndb-term-k { font-family: var( --mono ); font-size: .58rem; letter-spacing: .06em; text-transform: uppercase; color: var( --muted ); }
body.btf-ndb-page .ndb-term-v { font-family: var( --serif ); font-weight: 500; font-size: 1.15rem; letter-spacing: -.01em; color: var( --ink ); }
body.btf-ndb-page .ndb-term-v.sm { font-size: .92rem; line-height: 1.2; }
body.btf-ndb-page .ndb-offer-foot { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
body.btf-ndb-page .ndb-offer-code { display: flex; flex-direction: column; gap: .2rem; }
body.btf-ndb-page .ndb-offer-code span { font-family: var( --mono ); font-size: .56rem; letter-spacing: .06em; text-transform: uppercase; color: var( --muted ); }
body.btf-ndb-page .ndb-offer-code code { font-family: var( --mono ); font-size: .85rem; font-weight: 600; color: var( --forest ); background: rgba( 29, 52, 38, .07 ); padding: .25em .55em; border-radius: 4px; border: 1px dashed rgba( 29, 52, 38, .3 ); }
body.btf-ndb-page .ndb-offer-btn { white-space: nowrap; }
body.btf-ndb-page .prose .ndb-offers-disclosure,
body.btf-ndb-page .ndb-offers-disclosure { margin: 1.4rem 0 0; font-size: .82rem; line-height: 1.5; color: var( --muted ); }
body.btf-ndb-page .ndb-offers-disclosure a { color: var( --forest ); text-decoration: underline; }
body.btf-ndb-page .ndb-offers-empty { background: var( --cream-2 ); border: 1px dashed var( --hair ); border-radius: 16px; padding: 2.2rem; text-align: center; color: var( --ink-2 ); font-size: 1rem; line-height: 1.6; }

/* ── Flow ─────────────────────────────────────────────────────────────── */
body.btf-ndb-page .ndb-flow { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
@media ( max-width: 700px ) { body.btf-ndb-page .ndb-flow { grid-template-columns: 1fr; } }
body.btf-ndb-page .ndb-flow-step { display: grid; grid-template-columns: 40px 1fr; gap: 1rem; background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: 12px; padding: 1.3rem 1.4rem; align-items: start; }
body.btf-ndb-page .ndb-flow-step.key { border-color: var( --gold ); background: linear-gradient( 100deg, rgba( 201, 162, 74, .08 ), var( --cream-2 ) 55% ); }
body.btf-ndb-page .ndb-flow-n { width: 34px; height: 34px; border-radius: 50%; background: var( --forest ); color: var( --cream ); display: grid; place-items: center; font-family: var( --serif ); font-size: 1.15rem; }
body.btf-ndb-page .ndb-flow-step.key .ndb-flow-n { background: var( --gold ); color: #fff; }
body.btf-ndb-page .prose .ndb-flow-text h4.btf-th-display,
body.btf-ndb-page .ndb-flow-text h4.btf-th-display { font-size: 1.12rem; margin: 0 0 .3em; }
body.btf-ndb-page .prose .ndb-flow-text p,
body.btf-ndb-page .ndb-flow-text p { margin: 0; font-size: .9rem; line-height: 1.5; color: var( --ink-2 ); }

/* ── Traps ────────────────────────────────────────────────────────────── */
body.btf-ndb-page .ndb-traps { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 1rem; }
@media ( max-width: 860px ) { body.btf-ndb-page .ndb-traps { grid-template-columns: 1fr 1fr; } }
@media ( max-width: 520px ) { body.btf-ndb-page .ndb-traps { grid-template-columns: 1fr; } }
body.btf-ndb-page .ndb-trap { background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: 14px; padding: 1.5rem 1.6rem; border-left-width: 3px; }
body.btf-ndb-page .ndb-trap.sev-high { border-left-color: var( --red ); }
body.btf-ndb-page .ndb-trap.sev-med  { border-left-color: var( --gold ); }
body.btf-ndb-page .ndb-trap.sev-low  { border-left-color: var( --ink-2 ); }
body.btf-ndb-page .ndb-trap-head { display: flex; align-items: center; gap: .6rem; margin-bottom: .7rem; flex-wrap: wrap; }
body.btf-ndb-page .ndb-trap-icon { font-size: 1.4rem; line-height: 1; }
body.btf-ndb-page .prose .ndb-trap-head h4.btf-th-display,
body.btf-ndb-page .ndb-trap-head h4.btf-th-display { font-size: 1.12rem; margin: 0; flex: 1; }
body.btf-ndb-page .ndb-trap-sev { font-family: var( --mono ); font-size: .56rem; letter-spacing: .06em; text-transform: uppercase; font-weight: 700; padding: .25em .5em; border-radius: 4px; }
body.btf-ndb-page .ndb-trap-sev.sev-high { background: rgba( 139, 36, 36, .12 ); color: var( --red ); }
body.btf-ndb-page .ndb-trap-sev.sev-med  { background: rgba( 201, 162, 74, .18 ); color: #7d5e1a; }
body.btf-ndb-page .ndb-trap-sev.sev-low  { background: var( --cream-3 ); color: var( --muted ); }
body.btf-ndb-page .prose .ndb-trap p,
body.btf-ndb-page .ndb-trap p { margin: 0; font-size: .9rem; line-height: 1.55; color: var( --ink-2 ); }

/* ── Wagering math ────────────────────────────────────────────────────── */
body.btf-ndb-page .ndb-math { background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: 16px; padding: 1.8rem; }
body.btf-ndb-page .ndb-math-track { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; gap: .9rem; align-items: center; margin-bottom: 1.4rem; }
@media ( max-width: 640px ) { body.btf-ndb-page .ndb-math-track { grid-template-columns: 1fr; } body.btf-ndb-page .ndb-math-op { justify-self: center; transform: rotate( 90deg ); } }
body.btf-ndb-page .ndb-math-cell { background: var( --cream ); border: 1px solid var( --hair ); border-radius: 12px; padding: 1.2rem 1rem; display: flex; flex-direction: column; align-items: center; gap: .2rem; text-align: center; }
body.btf-ndb-page .ndb-math-cell.hi { background: var( --forest ); border-color: var( --forest ); }
body.btf-ndb-page .ndb-math-k { font-family: var( --mono ); font-size: .6rem; letter-spacing: .06em; text-transform: uppercase; color: var( --muted ); }
body.btf-ndb-page .ndb-math-cell.hi .ndb-math-k { color: var( --gold-soft ); }
body.btf-ndb-page .ndb-math-cell b { font-family: var( --serif ); font-weight: 400; font-size: 2rem; letter-spacing: -.02em; line-height: 1; color: var( --ink ); }
body.btf-ndb-page .ndb-math-cell.hi b { color: var( --cream ); }
body.btf-ndb-page .ndb-math-sub { font-size: .76rem; color: var( --ink-2 ); }
body.btf-ndb-page .ndb-math-cell.hi .ndb-math-sub { color: rgba( 243, 238, 226, .75 ); }
body.btf-ndb-page .ndb-math-op { font-family: var( --serif ); font-size: 1.5rem; color: var( --muted ); }
body.btf-ndb-page .ndb-math-result { background: var( --cream ); border: 1px solid var( --hair ); border-left: 3px solid var( --red ); border-radius: 0 10px 10px 0; padding: 1.2rem 1.4rem; }
body.btf-ndb-page .prose .ndb-math-result p,
body.btf-ndb-page .ndb-math-result p { margin: 0; font-size: 1rem; line-height: 1.65; color: var( --ink-2 ); }
body.btf-ndb-page .ndb-math-result b { color: var( --ink ); }

/* ── Reality quote ────────────────────────────────────────────────────── */
body.btf-ndb-page .ndb-reality { margin-top: 1.4rem; background: var( --forest ); border-radius: 16px; padding: 2rem 2.2rem; position: relative; }
body.btf-ndb-page .ndb-reality-mark { font-family: var( --serif ); font-size: 3.5rem; line-height: .6; color: var( --gold-soft ); display: block; margin-bottom: .3rem; }
body.btf-ndb-page .prose .ndb-reality h3.btf-th-display,
body.btf-ndb-page .ndb-reality h3.btf-th-display { font-size: 1.6rem; color: var( --cream ); margin: 0 0 .6em; max-width: 32ch; }
body.btf-ndb-page .prose .ndb-reality p,
body.btf-ndb-page .ndb-reality p { margin: 0; font-size: 1.02rem; line-height: 1.65; color: rgba( 243, 238, 226, .85 ); max-width: 76ch; }

/* ── Verdict ──────────────────────────────────────────────────────────── */
body.btf-ndb-page .ndb-verdict { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
@media ( max-width: 700px ) { body.btf-ndb-page .ndb-verdict { grid-template-columns: 1fr; } }
body.btf-ndb-page .ndb-verdict-col { border-radius: 16px; padding: 1.7rem 1.9rem; border: 1px solid var( --hair ); }
body.btf-ndb-page .ndb-verdict-col.claim { background: rgba( 29, 52, 38, .06 ); border-color: rgba( 29, 52, 38, .2 ); }
body.btf-ndb-page .ndb-verdict-col.skip  { background: rgba( 139, 36, 36, .05 ); border-color: rgba( 139, 36, 36, .2 ); }
body.btf-ndb-page .ndb-verdict-tag { font-family: var( --mono ); font-size: .74rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 1.1rem; }
body.btf-ndb-page .ndb-verdict-col.claim .ndb-verdict-tag { color: var( --forest ); }
body.btf-ndb-page .ndb-verdict-col.skip .ndb-verdict-tag  { color: var( --red ); }
body.btf-ndb-page .ndb-verdict-col ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: .85rem; }
body.btf-ndb-page .ndb-verdict-col li { position: relative; padding-left: 1.9em; font-size: .98rem; line-height: 1.5; color: var( --ink ); }
body.btf-ndb-page .ndb-verdict-col li::before { position: absolute; left: 0; top: -.05em; font-family: var( --mono ); font-weight: 700; font-size: 1.1em; }
body.btf-ndb-page .ndb-verdict-col.claim li::before { content: "\2713"; color: var( --forest ); }
body.btf-ndb-page .ndb-verdict-col.skip li::before  { content: "\2715"; color: var( --red ); }

/* ── Callout (verdict "one rule") ─────────────────────────────────────── */
body.btf-ndb-page .ndb-callout { display: flex; flex-direction: column; gap: .6rem; align-items: flex-start; padding: 1.1rem 1.3rem; border-radius: 10px; margin: 1.4rem 0 0; font-size: .95rem; line-height: 1.6; background: rgba( 29, 52, 38, .07 ); border: 1px solid rgba( 29, 52, 38, .18 ); color: var( --ink ); }
body.btf-ndb-page .ndb-callout-icon { font-family: var( --mono ); font-size: .68rem; letter-spacing: .12em; font-weight: 700; padding: .25rem .55rem; border-radius: 3px; text-transform: uppercase; background: var( --forest ); color: var( --cream ); align-self: flex-start; }
body.btf-ndb-page .ndb-callout-body b { font-weight: 700; }

/* ── Summary (forest felt) ────────────────────────────────────────────── */
body.btf-ndb-page .btf-ndb-summary { background: var( --forest ); color: var( --cream ); padding: 4.5rem 0; margin-top: 1rem; }
body.btf-ndb-page .btf-ndb-sm-eyebrow { font-family: var( --mono ); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; color: var( --gold-soft ); }
body.btf-ndb-page .prose .btf-ndb-sm-display,
body.btf-ndb-page .btf-ndb-sm-display { font-family: var( --serif ); font-weight: 300; font-size: clamp( 1.9rem, 4vw, 2.6rem ); letter-spacing: -.02em; color: var( --cream ); margin: .4em 0 1em; }
body.btf-ndb-page .btf-ndb-sm-display em { color: var( --gold-soft ); font-style: italic; }
body.btf-ndb-page .btf-ndb-summary-grid { display: grid; grid-template-columns: repeat( 3, 1fr ); gap: 1.2rem; }
@media ( max-width: 760px ) { body.btf-ndb-page .btf-ndb-summary-grid { grid-template-columns: 1fr; } }
body.btf-ndb-page .btf-ndb-summary-card { background: rgba( 243, 238, 226, .05 ); border: 1px solid rgba( 243, 238, 226, .12 ); border-radius: 14px; padding: 1.6rem 1.7rem; }
body.btf-ndb-page .btf-ndb-summary-num { font-family: var( --mono ); font-size: .85rem; font-weight: 600; color: var( --gold-soft ); }
body.btf-ndb-page .prose .btf-ndb-summary-card h4.btf-th-display,
body.btf-ndb-page .btf-ndb-summary-card h4.btf-th-display { font-size: 1.2rem; color: var( --cream ); margin: .5rem 0 .5em; }
body.btf-ndb-page .prose .btf-ndb-summary-card p,
body.btf-ndb-page .btf-ndb-summary-card p { margin: 0; font-size: .95rem; line-height: 1.6; color: rgba( 243, 238, 226, .82 ); }