/* ── Video Poker Pay Table Calculator ───────────────────────────────────────
   /tools/video-poker-pay-table-calculator/ (blocks/btf-vppt-tool,
   assets/js/video-poker-pay-table-calculator.js). On the strategy
   calculator's tool-page base (video-poker-calculator.css) and the game
   guides' analyzer (video-poker-guide.css): the results panels, the why, the
   method note and the table are the kit's. What's here: the table under the
   game, and its pay fields, drawn as the kit's form fields (.vpg-field input)
   at a figure's width.
   ──────────────────────────────────────────────────────────────────────── */
body.btf-vppt-page .vppt-wrap { margin: 1.3rem 0 .4rem; }
body.btf-vppt-page .prose .vppt-table tbody th { font-family: var( --sans ); font-weight: 600; }
body.btf-vppt-page .prose .vppt-table td { vertical-align: middle; }
body.btf-vppt-page .vppt-table input {
	width: 7.5rem; min-height: 44px; padding: 8px 10px; border: 1px solid #BDBDAE; border-radius: 7px; background: #FCFAF6;
	font: 400 1rem/1.4 var( --mono ); color: var( --th-ink ); text-align: right; font-variant-numeric: tabular-nums;
}
body.btf-vppt-page .vppt-table input:focus-visible { outline: 3px solid var( --gold-soft ); outline-offset: 1px; }
body.btf-vppt-page .vppt-table input[aria-invalid="true"] { border-color: var( --red, #A33 ); }

@media ( max-width: 480px ) {
	body.btf-vppt-page .vppt-table input { width: 5.6rem; padding: 8px; }
}