/* ── Video Poker Rules — scoped page styles ─────────────────────────────
   /video-poker/rules/, scoped under body.btf-vpr-page.

   Cloned from blackjack-rules-page.css, the page it mirrors section for
   section: same tokens, section rhythm, eyebrow spacing, hero chrome, tables,
   flow, option cards, callout and myths. New here: the pay table as the game
   shows it, the three-way split of results, and inline card text.

   Type discipline, as on the blackjack rules page:
     serif  → headings only (.btf-th-display) plus a few display figures
     Outfit → all body copy, all component text, all card labels
     mono   → eyebrows, micro-labels, table figures

   NOTE: do NOT alias --ink — base.css defines it at root and texas-holdem.css
   maps --th-ink onto it; re-declaring here makes a circular reference.
   ──────────────────────────────────────────────────────────────────────── */

body.btf-vpr-page {
	--forest:    var( --th-forest );
	--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 );
	--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 );
	--radius:    var( --th-radius );
	--radius-lg: var( --th-radius-lg );
	--card-red:  #A33B2A;
}

/* ── hero ───────────────────────────────────────────────────────────────── */
body.btf-vpr-page .btf-vpr-hero-cta { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.8rem; }
body.btf-vpr-page .btf-vpr-hero-viz { display: flex; flex-direction: column; gap: 1rem; }
body.btf-vpr-page .btf-vpr-hero-viz-title {
	font-family: var( --mono ); font-size: .68rem; letter-spacing: .11em;
	text-transform: uppercase; color: var( --gold-soft );
}
body.btf-vpr-page .btf-vpr-facts { margin: 0; padding: 1.3rem 1.5rem; background: rgba( 244, 239, 230, .06 ); border: 1px solid rgba( 244, 239, 230, .15 ); border-radius: var( --radius-lg ); }
body.btf-vpr-page .btf-vpr-facts dt { font-family: var( --mono ); font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; color: rgba( 244, 239, 230, .5 ); }
body.btf-vpr-page .btf-vpr-facts dd { margin: .2rem 0 1rem; font-family: var( --sans ); font-size: .95rem; line-height: 1.5; color: rgba( 244, 239, 230, .88 ); }
body.btf-vpr-page .btf-vpr-facts dd:last-child { margin-bottom: 0; }

/* ── section rhythm — same numbers as the blackjack and poker rules pages ── */
body.btf-vpr-page .btf-vpr-section { padding: 4rem 0 3rem; scroll-margin-top: 80px; }
@media ( max-width: 800px ) { body.btf-vpr-page .btf-vpr-section { padding: 3rem 0 2rem; } }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) { background: var( --cream-2 ); }
body.btf-vpr-page .btf-vpr-section > .wrap > .btf-th-eyebrow,
body.btf-vpr-page .wrap > .btf-th-eyebrow { margin-bottom: .9rem; }
body.btf-vpr-page .btf-vpr-section h2.btf-th-display { margin: 0 0 .55em; font-size: clamp( 1.7rem, 3.4vw, 2.4rem ); }
body.btf-vpr-page .btf-vpr-section h3.btf-th-display { margin: 2.4rem 0 .6em; font-size: clamp( 1.2rem, 1.9vw, 1.5rem ); }
body.btf-vpr-page .btf-vpr-section .btf-th-lede { margin: 0 0 2rem; color: var( --ink-2 ); }

/* Paragraphs need explicit rhythm: base.css's .section-paper > .wrap
   p:not([class]) rule wins at (0,3,1) and sets no bottom margin. Three
   classes to outrank it. */
body.btf-vpr-page .btf-vpr-section .wrap p {
	font-family: var( --sans ); font-size: 1rem; line-height: 1.7;
	color: var( --ink-2 ); max-width: 68ch; margin: 0 0 1.15em;
}
body.btf-vpr-page .btf-vpr-section .wrap p:last-child { margin-bottom: 0; }
body.btf-vpr-page .btf-vpr-section .wrap .vpr-note { font-size: .88rem; line-height: 1.65; color: var( --muted ); margin-top: 1.6rem; }
body.btf-vpr-page .btf-vpr-section .wrap p a { color: var( --forest ); font-weight: 600; }

/* ── shared small pieces ────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-label { display: block; font-family: var( --mono ); font-size: .6rem; letter-spacing: .1em; text-transform: uppercase; color: var( --muted ); margin-bottom: .5rem; }

/* cards in running text */
body.btf-vpr-page .vph-c { white-space: nowrap; font-weight: 600; color: var( --th-ink ); }
body.btf-vpr-page .vph-c.is-red { color: var( --card-red ); }

/* ── the object ─────────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-object-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; margin-bottom: 1.6rem; }
body.btf-vpr-page .vpr-object-card { padding: 1.4rem 1.5rem; border-radius: var( --radius-lg ); border: 1px solid var( --hair ); background: var( --cream-2 ); border-left: 3px solid var( --muted ); }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) .vpr-object-card { background: var( --cream ); }
body.btf-vpr-page .vpr-object-card.is-wrong { border-left-color: var( --red ); }
body.btf-vpr-page .vpr-object-card.is-right { border-left-color: var( --forest-3 ); }
body.btf-vpr-page .btf-vpr-section .vpr-object-line { font-weight: 700; color: var( --th-ink ); }

/* ── tables (pay table, deck, what varies) — as the blackjack rules tables ── */
body.btf-vpr-page .vpr-table-scroll { overflow-x: auto; margin: 1.6rem 0; }
body.btf-vpr-page .vpr-paytable,
body.btf-vpr-page .vpr-deck-table,
body.btf-vpr-page .vpr-varies-table { width: 100%; border-collapse: collapse; font-family: var( --sans ); }
body.btf-vpr-page .vpr-paytable { min-width: 40rem; }
body.btf-vpr-page .vpr-deck-table { min-width: 34rem; }
body.btf-vpr-page .vpr-varies-table { min-width: 38rem; }
body.btf-vpr-page .vpr-paytable caption,
body.btf-vpr-page .vpr-deck-table caption { text-align: left; font-size: .85rem; line-height: 1.55; color: var( --muted ); padding-bottom: .9rem; }
body.btf-vpr-page .vpr-paytable thead th,
body.btf-vpr-page .vpr-deck-table thead th,
body.btf-vpr-page .vpr-varies-table thead th { font-family: var( --mono ); font-size: .64rem; letter-spacing: .07em; text-transform: uppercase; color: rgba( 244, 239, 230, .85 ); font-weight: 600; padding: .7rem .8rem; border: none; }
body.btf-vpr-page .vpr-paytable thead th,
body.btf-vpr-page .vpr-deck-table thead th { text-align: right; }
body.btf-vpr-page .vpr-paytable thead th:first-child,
body.btf-vpr-page .vpr-paytable thead th.vpr-pt-ex,
body.btf-vpr-page .vpr-deck-table thead th:first-child,
body.btf-vpr-page .vpr-varies-table thead th { text-align: left; }
body.btf-vpr-page .vpr-paytable tbody th,
body.btf-vpr-page .vpr-deck-table tbody th { text-align: left; font-family: var( --sans ); font-weight: 700; font-size: .98rem; text-transform: none; letter-spacing: 0; color: var( --th-ink ); padding: .65rem .8rem; border-bottom: 1px solid var( --hair ); white-space: nowrap; }
body.btf-vpr-page .vpr-paytable td,
body.btf-vpr-page .vpr-deck-table td { font-family: var( --mono ); font-size: .84rem; color: var( --ink-2 ); text-align: right; padding: .65rem .8rem; border-bottom: 1px solid var( --hair ); }

/* the pay table: an example of each hand, and the royal's jump at five coins */
body.btf-vpr-page .vpr-paytable td.vpr-pt-ex { text-align: left; font-family: var( --sans ); font-size: .88rem; white-space: nowrap; }
body.btf-vpr-page .vpr-paytable td.is-max { font-weight: 700; color: var( --th-ink ); background: rgba( 154, 123, 60, .12 ); }
body.btf-vpr-page .vpr-deck-table .vpr-draw-cell { font-weight: 700; color: var( --th-ink ); }
body.btf-vpr-page .vpr-pt-ex-m { display: none; }

/* three rules for reading it */
body.btf-vpr-page .vpr-rules-list { display: flex; flex-direction: column; margin-top: .4rem; }
body.btf-vpr-page .vpr-rules-row { display: grid; grid-template-columns: minmax( 0, 12rem ) 1fr; gap: 1.6rem; align-items: baseline; padding: 1rem 0; border-bottom: 1px solid var( --hair ); }
body.btf-vpr-page .vpr-rules-row:last-child { border-bottom: none; }
body.btf-vpr-page .vpr-rules-row b { font-family: var( --sans ); font-weight: 700; font-size: 1.02rem; color: var( --th-ink ); }
body.btf-vpr-page .btf-vpr-section .vpr-rules-row p { margin: 0; font-size: .95rem; }

/* two prices of the same game, and the payout comparison */
body.btf-vpr-page .vpr-ninesix-grid,
body.btf-vpr-page .vpr-payout-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; margin: 1.4rem 0; }
body.btf-vpr-page .vpr-pay { padding: 1.3rem 1.4rem; border-radius: var( --radius-lg ); border: 1px solid var( --hair ); background: var( --cream-2 ); }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) .vpr-pay { background: var( --cream ); }
body.btf-vpr-page .vpr-pay.is-good { border-color: var( --gold ); }
body.btf-vpr-page .vpr-pay.is-bad { border-color: rgba( 139, 45, 45, .3 ); }
body.btf-vpr-page .vpr-pay b { display: block; font-family: var( --serif ); font-weight: 400; font-size: 2.2rem; line-height: 1; color: var( --forest ); }
body.btf-vpr-page .vpr-pay.is-bad b { color: var( --red ); }
body.btf-vpr-page .vpr-pay-note { display: block; margin-top: .45rem; font-family: var( --sans ); font-size: .85rem; line-height: 1.45; color: var( --muted ); }

/* ── the sequence ───────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-flow { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: .5rem; }
body.btf-vpr-page .vpr-flow-step { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; padding: 1.15rem 1.4rem; background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: var( --radius-lg ); margin: 0; }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) .vpr-flow-step { background: var( --cream ); }
body.btf-vpr-page .vpr-flow-step.is-key { border-color: var( --gold ); border-left: 3px solid var( --gold ); }
body.btf-vpr-page .vpr-flow-n { font-family: var( --mono ); font-size: .85rem; font-weight: 600; color: var( --gold ); padding-top: .18rem; }
body.btf-vpr-page .vpr-flow-body b { display: block; font-family: var( --sans ); font-weight: 700; font-size: 1.05rem; color: var( --th-ink ); margin-bottom: .3rem; }
body.btf-vpr-page .btf-vpr-section .vpr-flow-body p { margin: 0; font-size: .95rem; }
body.btf-vpr-page .vpr-flow-flag { display: inline-block; margin-top: .85rem; font-family: var( --mono ); font-size: .58rem; letter-spacing: .11em; text-transform: uppercase; color: var( --cream ); background: var( --forest ); padding: .3rem .7rem; border-radius: 20px; }

/* ── the buttons ────────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-actions { display: grid; grid-template-columns: repeat( auto-fit, minmax( 15rem, 1fr ) ); gap: 1rem; }
body.btf-vpr-page .vpr-action { display: flex; flex-direction: column; padding: 1.3rem 1.4rem; background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: var( --radius-lg ); }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) .vpr-action { background: var( --cream ); }
body.btf-vpr-page .vpr-action-name { font-family: var( --sans ); font-weight: 700; font-size: 1.2rem; color: var( --th-ink ); }
body.btf-vpr-page .btf-vpr-section .vpr-action-what { margin: .3rem 0 1rem; font-size: .95rem; line-height: 1.5; color: var( --ink-2 ); }

/* The line a skimmer actually wants, lifted out and tinted. */
body.btf-vpr-page .vpr-action-use { padding: .85rem 1rem; background: rgba( 27, 58, 45, .05 ); border-left: 2px solid var( --forest-3 ); border-radius: 0 var( --radius ) var( --radius ) 0; margin-bottom: 1rem; }
body.btf-vpr-page .vpr-action-use .vpr-label { color: var( --forest ); margin-bottom: .3rem; }
body.btf-vpr-page .btf-vpr-section .vpr-action-use p { margin: 0; font-size: .92rem; line-height: 1.55; color: var( --th-ink ); }

body.btf-vpr-page .vpr-action-meta { margin: auto 0 0; display: grid; grid-template-columns: 4.6rem 1fr; gap: .3rem .8rem; padding-top: .85rem; border-top: 1px solid var( --hair ); }
body.btf-vpr-page .vpr-action-meta dt { font-family: var( --mono ); font-size: .56rem; letter-spacing: .1em; text-transform: uppercase; color: var( --muted ); padding-top: .18rem; }
body.btf-vpr-page .vpr-action-meta dd { margin: 0; font-family: var( --sans ); font-size: .85rem; line-height: 1.45; color: var( --muted ); }

/* double up, set apart as insurance is on the blackjack rules page */
body.btf-vpr-page .vpr-callout { margin-top: 2.2rem; padding: 1.5rem 1.7rem; background: var( --forest ); border-radius: var( --radius-lg ); }
body.btf-vpr-page .vpr-callout .vpr-label { color: var( --gold-soft ); }
body.btf-vpr-page .vpr-callout h3.btf-th-display { color: var( --cream ); margin-top: 0; }
body.btf-vpr-page .btf-vpr-section .vpr-callout p { color: rgba( 244, 239, 230, .8 ); }
body.btf-vpr-page .btf-vpr-section .vpr-callout p b { color: var( --cream ); }

/* ── the deck ───────────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-deck-rule { display: grid; grid-template-columns: repeat( auto-fit, minmax( 13rem, 1fr ) ); gap: 1rem; margin-bottom: 2rem; }
body.btf-vpr-page .vpr-rule-card { padding: 1.2rem 1.3rem; background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: var( --radius-lg ); }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) .vpr-rule-card { background: var( --cream ); }
body.btf-vpr-page .vpr-rule-card b { display: block; font-family: var( --sans ); font-weight: 700; font-size: 1.05rem; color: var( --th-ink ); margin-bottom: .25rem; }
body.btf-vpr-page .vpr-rule-card span { font-family: var( --sans ); font-size: .92rem; line-height: 1.55; color: var( --ink-2 ); }

/* ── getting paid ───────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-outcomes { display: flex; flex-direction: column; margin-bottom: 1rem; }
body.btf-vpr-page .vpr-outcome { display: grid; grid-template-columns: minmax( 0, 1fr ) 7rem minmax( 0, 1.4fr ); gap: 1.2rem; align-items: baseline; padding: .8rem .8rem; border-bottom: 1px solid var( --hair ); }
body.btf-vpr-page .vpr-outcome-head { padding-top: 0; padding-bottom: .5rem; }
body.btf-vpr-page .vpr-outcome-head span { font-family: var( --mono ); font-size: .58rem; letter-spacing: .1em; text-transform: uppercase; color: var( --muted ); }
body.btf-vpr-page .vpr-outcome-r { font-family: var( --sans ); font-weight: 600; font-size: .98rem; color: var( --th-ink ); }
body.btf-vpr-page .vpr-outcome-p { font-family: var( --mono ); font-size: .8rem; color: var( --forest ); }
body.btf-vpr-page .vpr-outcome.is-good .vpr-outcome-p { font-weight: 700; }
body.btf-vpr-page .vpr-outcome.is-push { background: rgba( 154, 123, 60, .06 ); }
body.btf-vpr-page .vpr-outcome.is-push .vpr-outcome-p { color: var( --th-ink ); font-weight: 700; }
body.btf-vpr-page .vpr-outcome.is-bad .vpr-outcome-p { color: var( --red ); }
body.btf-vpr-page .vpr-outcome-ex { font-family: var( --sans ); font-size: .88rem; line-height: 1.5; color: var( --muted ); }

/* how often each kind of result happens */
body.btf-vpr-page .vpr-split { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 1rem; margin: 2rem 0 0; }
body.btf-vpr-page .vpr-split-cell { padding: 1.2rem 1.3rem; background: var( --cream-2 ); border: 1px solid var( --hair ); border-radius: var( --radius-lg ); border-top: 3px solid var( --muted ); }
body.btf-vpr-page .btf-vpr-section:nth-of-type( even ) .vpr-split-cell { background: var( --cream ); }
body.btf-vpr-page .vpr-split-cell.is-lose { border-top-color: var( --red ); }
body.btf-vpr-page .vpr-split-cell.is-back { border-top-color: var( --gold ); }
body.btf-vpr-page .vpr-split-cell.is-win { border-top-color: var( --forest-3 ); }
body.btf-vpr-page .vpr-split-cell b { display: block; font-family: var( --serif ); font-weight: 400; font-size: 2rem; line-height: 1; color: var( --th-ink ); }
body.btf-vpr-page .vpr-split-cell span { display: block; margin-top: .45rem; font-family: var( --sans ); font-size: .88rem; line-height: 1.45; color: var( --muted ); }

/* ── what varies ────────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-varies-table tbody th { text-align: left; padding: .95rem .8rem; font-family: var( --sans ); font-weight: 700; font-size: .98rem; text-transform: none; letter-spacing: 0; color: var( --th-ink ); border-bottom: 1px solid var( --hair ); vertical-align: top; }
body.btf-vpr-page .vpr-varies-table td { padding: .95rem .8rem; font-family: var( --sans ); font-size: .92rem; border-bottom: 1px solid var( --hair ); vertical-align: top; color: var( --ink-2 ); }
body.btf-vpr-page .vpr-varies-note { display: block; margin-top: .3rem; font-weight: 400; font-size: .85rem; line-height: 1.5; color: var( --muted ); }
body.btf-vpr-page .vpr-varies-table td.is-good { color: var( --forest ); font-weight: 600; }
body.btf-vpr-page .vpr-varies-table td.is-good,
body.btf-vpr-page .vpr-varies-table td.is-bad { white-space: nowrap; }
body.btf-vpr-page .vpr-varies-table td.is-bad { color: var( --red ); }
body.btf-vpr-page .vpr-varies-ret { display: block; margin-top: .3rem; font-family: var( --mono ); font-size: .74rem; font-weight: 400; color: var( --muted ); }
body.btf-vpr-page .vpr-varies-cost { font-family: var( --mono ); font-size: .86rem; color: var( --th-ink ); font-weight: 700; white-space: nowrap; }

/* ── mistakes ───────────────────────────────────────────────────────────── */
body.btf-vpr-page .vpr-myths { display: flex; flex-direction: column; }
body.btf-vpr-page .vpr-myth { display: grid; grid-template-columns: 1fr 1.5fr; gap: 1.6rem; padding: 1.3rem 0; border-bottom: 1px solid var( --hair ); }
body.btf-vpr-page .vpr-myth:last-child { border-bottom: none; }
body.btf-vpr-page .vpr-myth-claim { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; align-items: start; }
body.btf-vpr-page .vpr-myth-n { font-family: var( --serif ); font-size: 2.3rem; line-height: .85; color: var( --gold ); }
body.btf-vpr-page .btf-vpr-section .vpr-myth-claim p { font-family: var( --sans ); font-weight: 700; font-size: 1.02rem; line-height: 1.45; color: var( --th-ink ); margin: 0; }
body.btf-vpr-page .btf-vpr-section .vpr-myth-real p { margin: 0; font-size: .95rem; }

/* ── selection on the dark blocks ───────────────────────────────────────── */
body.btf-vpr-page .vpr-callout ::selection { background: rgba( 212, 180, 74, .4 ); color: var( --on-dark ); }

/* ── narrow ─────────────────────────────────────────────────────────────── */
@media ( max-width: 860px ) {
	body.btf-vpr-page .vpr-object-grid,
	body.btf-vpr-page .vpr-ninesix-grid,
	body.btf-vpr-page .vpr-payout-compare { grid-template-columns: 1fr; }
	body.btf-vpr-page .vpr-myth { grid-template-columns: 1fr; gap: .7rem; }
	body.btf-vpr-page .vpr-outcome { grid-template-columns: minmax( 0, 1fr ) 6rem; }
	body.btf-vpr-page .vpr-outcome-ex { grid-column: 1 / -1; }
	body.btf-vpr-page .vpr-outcome-head span:last-child { display: none; }
}
@media ( max-width: 620px ) {
	/* The three tables fit a phone rather than scroll sideways. */
	body.btf-vpr-page .vpr-paytable,
	body.btf-vpr-page .vpr-deck-table,
	body.btf-vpr-page .vpr-varies-table { min-width: 0; }

	/* pay table: the hand with its example beneath, one coin and five */
	body.btf-vpr-page .vpr-paytable .vpr-pt-ex,
	body.btf-vpr-page .vpr-paytable .vpr-pt-mid { display: none; }
	body.btf-vpr-page .vpr-pt-ex-m { display: block; margin-top: .3rem; font-weight: 400; font-size: .84rem; }
	body.btf-vpr-page .vpr-paytable tbody th { white-space: normal; }
	body.btf-vpr-page .vpr-paytable thead th,
	body.btf-vpr-page .vpr-paytable tbody th,
	body.btf-vpr-page .vpr-paytable td { padding: .6rem .55rem; }

	/* deck: drop the ratio column, tighten the figures */
	body.btf-vpr-page .vpr-deck-table .vpr-deck-x { display: none; }
	body.btf-vpr-page .vpr-deck-table thead th,
	body.btf-vpr-page .vpr-deck-table tbody th,
	body.btf-vpr-page .vpr-deck-table td { padding: .6rem .5rem; }
	body.btf-vpr-page .vpr-deck-table tbody th { white-space: normal; font-size: .92rem; }
	body.btf-vpr-page .vpr-deck-table td { font-size: .76rem; white-space: nowrap; }

	/* what varies: each row becomes a labelled card */
	body.btf-vpr-page .vpr-varies-table thead { display: none; }
	body.btf-vpr-page .vpr-varies-table,
	body.btf-vpr-page .vpr-varies-table tbody { display: block; }
	body.btf-vpr-page .vpr-varies-table tr { display: grid; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ) auto; column-gap: .9rem; padding: 1rem .8rem; border-bottom: 1px solid var( --hair ); }
	body.btf-vpr-page .vpr-varies-table tbody th { grid-column: 1 / -1; padding: 0 0 .75rem; border-bottom: 0; }
	body.btf-vpr-page .vpr-varies-table td { padding: 0; border-bottom: 0; }
	body.btf-vpr-page .vpr-varies-table td.is-good,
	body.btf-vpr-page .vpr-varies-table td.is-bad { white-space: normal; }
	body.btf-vpr-page .vpr-varies-table td::before { content: attr( data-label ); display: block; margin-bottom: .25rem; font-family: var( --mono ); font-size: .56rem; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: var( --muted ); }

	body.btf-vpr-page .vpr-rules-row { grid-template-columns: 1fr; gap: .35rem; }
	body.btf-vpr-page .vpr-flow-step { padding: 1.1rem 1.1rem; }
	body.btf-vpr-page .vpr-split { grid-template-columns: 1fr; gap: .7rem; }
}
@media ( max-width: 360px ) {
	body.btf-vpr-page .vpr-deck-table thead th,
	body.btf-vpr-page .vpr-deck-table tbody th,
	body.btf-vpr-page .vpr-deck-table td { padding-left: .4rem; padding-right: .4rem; }
}