/* ── Video Poker Strategy Calculator ────────────────────────────────────────
   /tools/video-poker-strategy-calculator/ (blocks/btf-vpcalc-tool,
   assets/js/video-poker-calculator.js). The tool is the game guides'
   analyzer from video-poker-guide.css (body.btf-vpg-page, .vpg-* classes),
   set on an ordinary tool page. The --th-* tokens those styles use live on
   the tool's root (.btf-vp-tool.btf-th-page) rather than on <body>, because
   texas-holdem.css's page-level rules (edge-to-edge sections, zeroed
   paragraph margins) would rework the tool page's own prose.

   The tool-page base (body.btf-vptool-page, .btf-vp-tool) is shared with the
   variance calculator (video-poker-variance-calculator.css adds its own few
   rules). What's here: the root on a tool page; the two prose resets a guide
   page gets from texas-holdem.css, applied inside the tool only; the return
   line under the game and the game select on a phone (both tools); and the
   two tables the guides don't have, the same cards on every pay table and the
   pay table in use. The joker and wild-deuce cards are the kit's
   (video-poker-guide.css).
   ──────────────────────────────────────────────────────────────────────── */
body.btf-vptool-page .btf-vp-tool { margin: 1.6rem 0 0; padding: 0; background: none; border: 0; }

/* texas-holdem.css gives a guide page `.prose p { margin: 0 }` and `.prose strong { color: inherit }`;
   kept below the kit's own rules here, as they are there, so the kit's margins and colours still win */
body.btf-vptool-page :where( .prose .btf-vp-tool ) p { margin: 0; }
body.btf-vptool-page :where( .prose .btf-vp-tool ) strong { color: inherit; }

/* cards named in the page's copy: the kit colours them with --th-ink, which only exists inside the tool */
body.btf-vptool-page .prose .vph-c { color: var( --ink ); }

/* the game's return, under its name (both tools) */
body.btf-vptool-page .vptool-return { display: block; margin-top: 1px; font: 400 .625rem/1.75 var( --mono ); color: var( --muted ); }

/* the same cards on every pay table, and the pay table in use: names and holds read as text */
body.btf-vpcalc-page .prose .vpcalc-across-table thead th:nth-child( 2 ) { text-align: left; }
body.btf-vpcalc-page .prose .vpcalc-across-table td:nth-of-type( 1 ) { text-align: left; font-family: var( --sans ); color: var( --th-ink ); }
body.btf-vpcalc-page .prose .vpcalc-across-table td:nth-of-type( 2 ),
body.btf-vpcalc-page .prose .vpcalc-pay-table td { white-space: nowrap; }

@media ( max-width: 480px ) {
	/* the game select is as wide as its longest option ("9/6, under five credits"): on a phone it gets a row of its own (both tools) */
	body.btf-vptool-page .vpg-analyzer-top select { flex: 1 1 100%; }
	body.btf-vpcalc-page .prose .vpcalc-across-table tbody th,
	body.btf-vpcalc-page .prose .vpcalc-across-table td { padding-left: .6rem; padding-right: .6rem; }
}