/* ── Video poker variance — /video-poker/strategy/variance/ ─────────────────
   Rebuilt from the user's mock (2026-10-26) on the game guides' kit
   (video-poker-guide.css, body.btf-vpg-page): sections, heads, fields, the
   glass hero panel, the ruled three numbers, site tables, meters, two
   columns, callouts, the cream band and the FAQ come from there. What's here
   is this mock's own: the hero's two games, the variance chart's box, the
   session explorer, the payout module, the stake and bankroll band, with
   their phone layouts. Markup: blocks/btf-vpv-*; script:
   assets/js/video-poker-variance-page.js.
   ──────────────────────────────────────────────────────────────────────── */

/* ── hero: two games, almost the same return ────────────────────────────── */
@media ( min-width: 960px ) {
	body.btf-vpv-page .vpv-pair { justify-self: end; }
}
body.btf-vpv-page .vpv-pair { width: 100%; max-width: 470px; padding: 1.625rem 1.69rem 1.44rem; }
body.btf-vpv-page .vpv-pair .vpg-quads-label { margin: 0; font-size: .5625rem; letter-spacing: .08em; }
body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpg-quads-title { margin: .94rem 0 1.56rem; font-size: 1.94rem; line-height: 1.13; }
body.btf-vpv-page .vpv-pair-game { padding: 1.25rem 0; border-top: 1px solid rgba( 255, 255, 255, .145 ); }
body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-name { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 1rem; font: 500 .75rem/1.5 var( --sans ); color: #E1E7DA; }
body.btf-vpv-page .vpv-pair-name span { font: 400 .5625rem/1.5 var( --mono ); color: #D0BD8D; white-space: nowrap; }
body.btf-vpv-page .vpv-pair-figs { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 18px; margin: 0; }
body.btf-vpv-page .vpv-pair-figs > div { min-width: 0; }
body.btf-vpv-page .vpv-pair-figs dt { margin: 0 0 .5rem; font: 400 .69rem/1.5 var( --sans ); color: #BDCBB7; }
body.btf-vpv-page .vpv-pair-figs dt small { font-size: .625rem; }
body.btf-vpv-page .vpv-pair-figs dd { margin: 0; font: 400 2.375rem/1.05 var( --serif ); font-variant-numeric: tabular-nums; letter-spacing: -.025em; white-space: nowrap; color: var( --cream ); }
body.btf-vpv-page .vpv-pair-figs > div + div dd { color: #D5BC82; }
body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-takeaway { margin: 0 0 .94rem; padding-top: 1.06rem; border-top: 1px solid rgba( 255, 255, 255, .145 ); font: 400 .82rem/1.75 var( --sans ); color: #E0E7D9; }
body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-fine { margin: 0; font: 400 .625rem/1.8 var( --sans ); color: #BDCBB7; }

/* ── three numbers ──────────────────────────────────────────────────────── */
body.btf-vpv-page .vpv-meaning .vpg-terms { margin: 1.875rem 0 1.44rem; }
body.btf-vpv-page .prose .btf-vpg-section.vpv-meaning h3.vpg-term-title { margin: .25rem 0 1rem; font-size: 2.69rem; line-height: 1.1; letter-spacing: -.025em; }
body.btf-vpv-page .btf-vpg-section .vpv-insight { max-width: 94ch; margin: 0; font-size: .875rem; line-height: 1.85; color: var( --muted ); }
body.btf-vpv-page .vpv-insight strong { color: var( --forest ); font-weight: 600; }

/* ── the variance chart ─────────────────────────────────────────────────── */
body.btf-vpv-page .vpv-compare { overflow: hidden; background: var( --paper ); border: 1px solid var( --line ); border-radius: 10px; }
body.btf-vpv-page .vpv-compare-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; padding: 1.25rem 1.44rem; background: var( --cream ); }
body.btf-vpv-page .btf-vpg-section .vpv-count { max-width: 47ch; margin: 0; font-size: .75rem; line-height: 1.75; color: var( --muted ); }
body.btf-vpv-page .vpv-sort { flex: 0 0 225px; font-size: .69rem; }
body.btf-vpv-page .btf-vpg-section .vpv-compare-basis { margin: 0; padding: .9rem 1.44rem; border-top: 1px solid var( --line ); font-size: .69rem; line-height: 1.8; color: var( --muted ); }
body.btf-vpv-page .vpv-compare-scroll { overflow-x: auto; border-top: 1px solid var( --line ); }
body.btf-vpv-page .prose .vpv-compare table.vpg-table,
body.btf-vpv-page .prose .vpv-pay-details table.vpg-table { border: 0; border-radius: 0; }
body.btf-vpv-page .prose .vpv-compare-table tbody th { padding-top: .35rem; padding-bottom: .35rem; }
body.btf-vpv-page .prose a.vpv-game-link:not(.rc-cta):not(.btn-primary):not(.btn-ghost) { display: inline-flex; align-items: center; gap: .35rem; min-height: 44px; color: var( --forest ); font: 500 .84rem/1.4 var( --sans ); text-decoration: none; }
body.btf-vpv-page .prose a.vpv-game-link:hover { text-decoration: underline; text-underline-offset: 4px; }
body.btf-vpv-page .vpv-game-note { display: block; margin: -.45rem 0 .35rem; font: 400 .625rem/1.7 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .prose .vpv-compare-table td { white-space: nowrap; }
body.btf-vpv-page .prose .vpv-compare-table td:nth-child( 3 ) { min-width: 7.3rem; }
body.btf-vpv-page .vpv-var { display: block; }
body.btf-vpv-page .vpv-mini { display: block; height: 4px; min-width: 72px; margin-top: 6px; overflow: hidden; background: #E5E7DB; border-radius: 2px; }
body.btf-vpv-page .vpv-mini i { display: block; height: 100%; margin-right: auto; background: #A18B57; border-radius: 2px; }
body.btf-vpv-page .vpv-show-all { display: flex; align-items: center; justify-content: space-between; gap: 15px; width: 100%; min-height: 44px; padding: 1rem 1.44rem; border: 0; border-top: 1px solid var( --line ); background: var( --cream ); color: var( --forest ); font: 500 .82rem/1.5 var( --sans ); text-align: left; cursor: pointer; }
body.btf-vpv-page .vpv-show-all[hidden] { display: none; }
body.btf-vpv-page .vpv-show-all:hover { background: #E9E6D9; }
body.btf-vpv-page .vpv-show-all-sign { font: 400 1.44rem/1 var( --serif ); color: var( --gold ); }
body.btf-vpv-page .vpv-games-cols { margin-top: 1.8rem; }
body.btf-vpv-page .prose .btf-vpg-section h3.vpg-col-title { font-size: 1.5rem; line-height: 1.25; margin-bottom: .75rem; }
body.btf-vpv-page .btf-vpg-section .vpg-col-copy { color: #4B5146; }
body.btf-vpv-page .vpg-col-copy strong { color: var( --forest ); }
body.btf-vpv-page .vpg-callout.vpv-games-callout { margin-top: 1.5rem; }

/* ── the session explorer ───────────────────────────────────────────────── */
body.btf-vpv-page .vpv-explorer { overflow: hidden; background: var( --paper ); border: 1px solid #D5D3C6; border-radius: 12px; }
body.btf-vpv-page .vpv-inputs { display: grid; grid-template-columns: minmax( 0, 1.65fr ) minmax( 0, 1fr ) minmax( 0, 1fr ); gap: .94rem 1.06rem; padding: 1.56rem 1.75rem 1.2rem; background: #EEEEE4; border-bottom: 1px solid var( --line ); }
body.btf-vpv-page .vpv-inputs .vpg-field { min-width: 0; font-size: .75rem; color: var( --forest ); }
body.btf-vpv-page .vpv-inputs .vpg-field :is( select, input ) { height: 45px; border-color: #B9C1B0; }
body.btf-vpv-page .vpv-inputs .vpg-field input[aria-invalid="true"] { border-color: #963D2E; }
body.btf-vpv-page .btf-vpg-section .vpv-help { grid-column: 1 / -1; margin: 0; font-size: .69rem; line-height: 1.7; color: var( --muted ); }
body.btf-vpv-page .btf-vpg-section .vpv-error { grid-column: 1 / -1; margin: 0; }
body.btf-vpv-page .vpv-error[hidden] { display: none; }
body.btf-vpv-page .vpv-results { padding: 1.5rem 1.75rem 0; }
body.btf-vpv-page .btf-vpg-section .vpv-context { margin: 0 0 1.3rem; font: 400 .625rem/1.8 var( --mono ); letter-spacing: .025em; color: var( --muted ); }
body.btf-vpv-page .vpv-feature { display: grid; grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1fr ) minmax( 0, 1.02fr ); column-gap: 1.5rem; margin: 0 0 1.56rem; }
body.btf-vpv-page .vpv-feature > div { min-width: 0; }
body.btf-vpv-page .vpv-feature > div + div { padding-left: 1.5rem; border-left: 1px solid var( --line ); }
body.btf-vpv-page .vpv-stat-label { display: block; margin-bottom: .69rem; font: 400 .625rem/1.6 var( --mono ); letter-spacing: .025em; color: var( --gold ); }
body.btf-vpv-page .vpv-feature strong { display: block; margin: 0 0 .75rem; font: 400 2.81rem/1.1 var( --serif ); letter-spacing: -.03em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var( --forest ); }
body.btf-vpv-page .vpv-feature strong.is-long { font-size: 2.2rem; }
body.btf-vpv-page .vpv-feature strong.is-longer { font-size: 1.75rem; }
body.btf-vpv-page .btf-vpg-section .vpv-stat-note { margin: 0; font-size: .75rem; line-height: 1.7; color: var( --muted ); }
body.btf-vpv-page .btf-vpg-section .vpv-reading-copy { margin: 0; font-size: .875rem; line-height: 1.8; color: #414B3E; }
/* labels, figures and notes line up across the columns even when a label wraps */
@supports ( grid-template-rows: subgrid ) {
	body.btf-vpv-page .vpv-feature > div { display: grid; grid-row: span 3; grid-template-rows: subgrid; align-content: start; }
	body.btf-vpv-page .vpv-feature .vpv-reading-copy { grid-row: 2 / 4; }
}
body.btf-vpv-page .vpv-outcomes { padding: 1.5rem 0 1.375rem; border-top: 1px solid var( --line ); border-bottom: 1px solid var( --line ); }
body.btf-vpv-page .prose .btf-vpg-section h3.vpv-sub-title { margin: 0 0 1.06rem; font: 500 .94rem/1.6 var( --sans ); color: var( --forest ); }
body.btf-vpv-page .vpv-odds-bar { display: flex; width: 100%; height: 17px; overflow: hidden; background: #E9E5D9; border-radius: 4px; }
body.btf-vpv-page .vpv-odds-bar i { display: block; flex: none; height: 100%; min-width: 0; }
body.btf-vpv-page :is( .vpv-odds-bar, .vpv-odds ) i.is-behind { background: #B09280; }
body.btf-vpv-page :is( .vpv-odds-bar, .vpv-odds ) i.is-even { background: #D6BC7B; }
body.btf-vpv-page :is( .vpv-odds-bar, .vpv-odds ) i.is-ahead { background: #5A7957; }
body.btf-vpv-page .vpv-odds { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 1.25rem; margin: 1.06rem 0 .875rem; }
body.btf-vpv-page .vpv-odds > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 0; }
body.btf-vpv-page .vpv-odds dt { display: flex; align-items: center; gap: 8px; margin: 0; font: 400 .75rem/1.5 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .vpv-odds dt i { flex: none; width: 7px; height: 7px; border-radius: 50%; }
body.btf-vpv-page .vpv-odds dd { margin: 0; font: 400 1.56rem/1.2 var( --serif ); font-variant-numeric: tabular-nums; white-space: nowrap; color: var( --forest ); }
body.btf-vpv-page .btf-vpg-section .vpv-small { margin: 0; font-size: .69rem; line-height: 1.8; color: var( --muted ); }
body.btf-vpv-page .vpv-cutoffs { padding: 1.5rem 0 1.375rem; }
body.btf-vpv-page .vpv-sub { display: flex; align-items: baseline; justify-content: space-between; gap: 15px; }
body.btf-vpv-page .vpv-sub-note { font: 400 .5625rem/1.7 var( --mono ); text-align: right; color: var( --muted ); }
body.btf-vpv-page .vpv-range { position: relative; height: 56px; margin: 5px 0; }
body.btf-vpv-page .vpv-range [hidden] { display: none !important; }
body.btf-vpv-page .vpv-range-line { position: absolute; top: 20px; left: 8%; right: 8%; height: 14px; background: #D8DFCE; border-left: 2px solid var( --forest ); border-right: 2px solid var( --forest ); }
body.btf-vpv-page .vpv-range-median { position: absolute; top: 16px; width: 3px; height: 22px; background: var( --forest ); transform: translateX( -50% ); }
body.btf-vpv-page .vpv-range-median::after { content: ''; position: absolute; bottom: -5px; left: -3px; width: 9px; height: 9px; border-radius: 50%; background: var( --forest ); }
body.btf-vpv-page .vpv-range-mean { position: absolute; top: 10px; z-index: 1; width: 11px; height: 11px; background: #B89656; border: 1px solid #8A6B32; transform: translateX( -50% ) rotate( 45deg ); }
body.btf-vpv-page .vpv-range-zero { position: absolute; top: 4px; width: 0; height: 44px; border-left: 1px dashed #827969; transform: translateX( -50% ); }
body.btf-vpv-page .vpv-range-labels { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: 12px; margin: 0 0 .94rem; }
body.btf-vpv-page .vpv-range-labels > div { min-width: 0; text-align: center; }
body.btf-vpv-page .vpv-range-labels > div:first-child { text-align: left; }
body.btf-vpv-page .vpv-range-labels > div:last-child { text-align: right; }
body.btf-vpv-page .vpv-range-labels dt { margin: 0 0 5px; font: 400 .69rem/1.6 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .vpv-range-labels dd { margin: 0; font: 400 1.625rem/1.2 var( --serif ); font-variant-numeric: tabular-nums; color: var( --forest ); }
body.btf-vpv-page .vpv-range-labels.is-long dd { font-size: 1.3rem; }
body.btf-vpv-page .vpv-range-key { display: flex; flex-wrap: wrap; gap: 1.375rem; margin: 1.06rem 0 .875rem; }
body.btf-vpv-page .vpv-range-key span { display: flex; align-items: center; gap: 8px; font: 400 .625rem/1.5 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .vpv-range-key i { display: inline-block; flex: none; }
body.btf-vpv-page .vpv-range-key i.is-median { width: 7px; height: 7px; border-radius: 50%; background: var( --forest ); }
body.btf-vpv-page .vpv-range-key i.is-mean { width: 7px; height: 7px; background: #B89656; border: 1px solid #8A6B32; transform: rotate( 45deg ); }
body.btf-vpv-page .vpv-range-key i.is-zero { width: 0; height: 12px; border-left: 1px dashed #827969; }
body.btf-vpv-page .vpv-support { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); margin: 0; border-top: 1px solid var( --line ); border-bottom: 1px solid var( --line ); }
body.btf-vpv-page .vpv-support > div { min-width: 0; padding: 1.2rem 1rem 1.2rem 0; }
body.btf-vpv-page .vpv-support > div + div { padding-left: 1.375rem; border-left: 1px solid var( --line ); }
body.btf-vpv-page .vpv-support dt { margin: 0 0 7px; font: 400 .69rem/1.65 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .vpv-support dd { margin: 0; font: 400 1.75rem/1.2 var( --serif ); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; color: var( --forest ); }
body.btf-vpv-page .btf-vpg-section .vpv-sd-note { margin: 1rem 0 1.3rem; font-size: .69rem; line-height: 1.8; color: var( --muted ); }
body.btf-vpv-page .vpv-model { padding: 1.25rem 1.75rem .4rem; background: #EEEEE4; border-top: 1px solid var( --line ); }
body.btf-vpv-page .prose .btf-vpg-section h3.vpv-model-title { margin: 0 0 .375rem; font: 500 .75rem/1.6 var( --sans ); color: var( --forest ); }
body.btf-vpv-page .btf-vpg-section .vpv-model-copy { margin: 0 0 .375rem; font-size: .69rem; line-height: 1.8; color: var( --muted ); }
body.btf-vpv-page .vpv-model .vpg-method { margin-top: .6rem; border-top: 1px solid var( --line ); border-bottom: 0; }
body.btf-vpv-page .vpv-formulas { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 1.5rem; margin: 0 0 1rem; padding: 1.1rem 0; border-top: 1px solid var( --line ); border-bottom: 1px solid var( --line ); }
body.btf-vpv-page .btf-vpg-section .vpv-formula { min-width: 0; margin: 0; }
body.btf-vpv-page .vpv-formula .vpg-label { margin-bottom: .6rem; font-size: .5625rem; }
body.btf-vpv-page .prose .vpv-formula code { padding: 0; background: none; font: 400 1.06rem/1.5 var( --mono ); white-space: normal; overflow-wrap: anywhere; color: var( --forest ); }

/* ── the payout module ──────────────────────────────────────────────────── */
body.btf-vpv-page .vpv-payouts { overflow: hidden; background: var( --paper ); border: 1px solid var( --line ); border-radius: 11px; }
body.btf-vpv-page .vpv-payouts-top { display: grid; grid-template-columns: minmax( 0, 1.1fr ) minmax( 0, 1fr ); gap: 1.875rem; align-items: end; padding: 1.44rem 1.69rem; background: var( --cream ); }
body.btf-vpv-page .vpv-payouts-pick { min-width: 0; }
body.btf-vpv-page .vpv-payouts-pick .vpg-field { font-size: .75rem; }
body.btf-vpv-page .btf-vpg-section .vpv-payouts-help { margin: .5rem 0 0; font-size: .625rem; line-height: 1.6; color: var( --muted ); }
body.btf-vpv-page .btf-vpg-section .vpv-basis { margin: 0; padding-bottom: 1.4rem; font-size: .69rem; line-height: 1.8; color: var( --muted ); }
body.btf-vpv-page .vpv-payouts-visual { display: grid; grid-template-columns: 150px minmax( 0, 1fr ); gap: 2.75rem; align-items: center; padding: 2rem 2.2rem; }
body.btf-vpv-page .vpv-royal-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 5 / 7; background: var( --cream ); border: 1px solid #CEC8B8; border-radius: 9px; box-shadow: 3px 5px 0 #E9E3D6; color: var( --forest ); transform: rotate( -5deg ); }
body.btf-vpv-page .vpv-royal-rank { position: absolute; top: 12px; left: 14px; font: 400 1.81rem/1 var( --serif ); }
body.btf-vpv-page .vpv-royal-suit { font: 400 4.25rem/1 Georgia, serif; }
body.btf-vpv-page .vpv-royal-name { margin-top: 13px; font: 400 .5rem/1.5 var( --mono ); letter-spacing: .1em; text-transform: uppercase; }
body.btf-vpv-page .vpv-shares { min-width: 0; }
body.btf-vpv-page .vpv-share + .vpv-share { margin-top: 1.625rem; }
body.btf-vpv-page .vpv-share-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; margin-bottom: .75rem; }
body.btf-vpv-page .vpv-share-label { font: 400 .82rem/1.7 var( --sans ); color: var( --forest ); }
body.btf-vpv-page .vpv-share-head strong { font: 400 2.125rem/1 var( --serif ); font-variant-numeric: tabular-nums; letter-spacing: -.02em; white-space: nowrap; color: var( --forest ); }
body.btf-vpv-page .vpg-meter.vpv-meter { height: 11px; background: #E9E7DA; border-radius: 2px; }
body.btf-vpv-page .vpg-meter.vpv-meter i { background: #57724F; }
body.btf-vpv-page .vpg-meter.vpv-meter.is-gold i { background: #B89656; }
body.btf-vpv-page .btf-vpg-section .vpv-share-note { margin: .56rem 0 0; font-size: .69rem; line-height: 1.8; color: var( --muted ); }
body.btf-vpv-page .vpg-callout.vpv-insight-box { margin: 0 1.69rem 1.56rem; padding: 1.06rem 1.25rem; border-left-color: #879C70; }
body.btf-vpv-page .btf-vpg-section .vpv-insight-box .vpg-callout-copy { font-size: .82rem; line-height: 1.8; }
body.btf-vpv-page .vpv-pay-details { border-top: 1px solid var( --line ); }
body.btf-vpv-page .vpv-pay-details > summary { position: relative; display: flex; align-items: center; min-height: 44px; padding: 1.2rem 3.3rem 1.2rem 1.625rem; background: var( --cream ); color: var( --forest ); font: 500 .82rem/1.75 var( --sans ); list-style: none; cursor: pointer; }
body.btf-vpv-page .vpv-pay-details > summary::-webkit-details-marker { display: none; }
body.btf-vpv-page .vpv-pay-details > summary::after { content: '+'; position: absolute; top: 50%; right: 1.56rem; font: 400 1.56rem/1 var( --serif ); color: var( --gold ); transform: translateY( -50% ); }
body.btf-vpv-page .vpv-pay-details[open] > summary { border-bottom: 1px solid var( --line ); }
body.btf-vpv-page .vpv-pay-details[open] > summary::after { content: '\2212'; }
body.btf-vpv-page .vpv-pay-scroll { overflow-x: auto; }
body.btf-vpv-page .prose .vpv-pay-table td { white-space: nowrap; }
body.btf-vpv-page .prose .vpv-pay-table tfoot > tr > * { background: #E9EDDF; }
body.btf-vpv-page .vpv-swing-cols { margin-top: 1.8rem; }

/* ── stakes and bankroll ────────────────────────────────────────────────── */
body.btf-vpv-page .prose .btf-vpg-section h2.vpv-bank-h { max-width: 26ch; margin-bottom: 2rem; }
body.btf-vpv-page .vpv-bank { display: grid; grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); gap: 2.8rem; align-items: start; }
body.btf-vpv-page .vpv-bank > div { min-width: 0; }
body.btf-vpv-page .prose .btf-vpg-section .vpv-bank h3.vpg-col-title { font-size: 1.56rem; }
body.btf-vpv-page .vpv-scale { margin: 1.5rem 0; padding: 1.25rem 0; border-top: 1px solid #D2D0BF; border-bottom: 1px solid #D2D0BF; }
body.btf-vpv-page .vpv-scale-cap { display: block; font: 400 .625rem/1.8 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .vpv-scale-figs { display: grid; grid-template-columns: minmax( 0, 1fr ) auto minmax( 0, 1fr ); gap: 1.375rem; align-items: center; margin: .94rem 0; }
body.btf-vpv-page .btf-vpg-section .vpv-scale-fig { min-width: 0; margin: 0; }
body.btf-vpv-page .vpv-scale-fig small { display: block; margin-bottom: 7px; font: 400 .69rem/1.5 var( --sans ); color: var( --muted ); }
body.btf-vpv-page .vpv-scale-fig strong { display: block; font: 400 2.5rem/1.1 var( --serif ); letter-spacing: -.025em; font-variant-numeric: tabular-nums; white-space: nowrap; color: var( --forest ); }
body.btf-vpv-page .vpv-scale-arrow { font: 400 1.5rem/1 var( --sans ); color: var( --gold ); }
body.btf-vpv-page .vpv-bank-note { padding: 1.56rem 1.69rem; background: var( --paper ); border: 1px solid var( --line ); border-radius: 10px; }
body.btf-vpv-page .prose .btf-vpg-section .vpv-bank-note h3.vpg-col-title { font-size: 1.69rem; }
body.btf-vpv-page .btf-vpg-section .vpv-bank-note .vpg-col-copy { font-size: .82rem; }
body.btf-vpv-page .btf-vpg-section .vpv-multi { margin: 1.875rem 0 0; padding-top: 1.5rem; border-top: 1px solid #D2D0BF; font-size: .82rem; line-height: 1.85; color: var( --muted ); }
body.btf-vpv-page .vpv-multi strong { color: var( --forest ); font-weight: 600; }

/* ── narrower ───────────────────────────────────────────────────────────── */
@media ( max-width: 1000px ) {
	body.btf-vpv-page .vpv-pair { padding: 1.5rem 1.375rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-name { display: block; }
	body.btf-vpv-page .vpv-pair-name span { display: block; margin-top: 5px; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpg-quads-title { font-size: 1.81rem; }
	body.btf-vpv-page .vpv-pair-figs dd { font-size: 2.19rem; }
	body.btf-vpv-page .vpv-pair-figs dt { font-size: .625rem; }
	body.btf-vpv-page .vpv-payouts-visual { grid-template-columns: 125px minmax( 0, 1fr ); gap: 2.2rem; padding: 1.875rem; }
	body.btf-vpv-page .vpv-bank { gap: 2rem; }
}
@media ( max-width: 959px ) {
	body.btf-vpv-page .vpv-pair { max-width: 520px; padding: 1.56rem 1.75rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpg-quads-title { font-size: 2.06rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-name { display: flex; }
	body.btf-vpv-page .vpv-pair-name span { margin: 0; }
	body.btf-vpv-page .vpv-pair-figs { max-width: 430px; }
	body.btf-vpv-page .vpv-pair-figs dd { font-size: 2.44rem; }
	body.btf-vpv-page .vpv-pair-figs dt { font-size: .75rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-takeaway { font-size: .875rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-fine { font-size: .69rem; }
}
@media ( max-width: 800px ) {
	body.btf-vpv-page .vpv-meaning .vpg-term { padding-right: 1.25rem; }
	body.btf-vpv-page .vpv-meaning .vpg-term + .vpg-term { padding-left: 1.25rem; }
	body.btf-vpv-page .btf-vpg-section.vpv-meaning .vpg-term-copy { font-size: .82rem; }
	body.btf-vpv-page .vpv-payouts-top { grid-template-columns: 1fr; gap: .8rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-basis { padding-bottom: 0; }
	body.btf-vpv-page .vpv-bank { grid-template-columns: 1fr; gap: 1.7rem; }
	body.btf-vpv-page .prose .btf-vpg-section h2.vpv-bank-h { max-width: 25ch; }
	body.btf-vpv-page .vpv-scale-figs { max-width: 420px; }
	body.btf-vpv-page .btf-vpg-section .vpv-bank-note .vpg-col-copy { font-size: .875rem; }
}
@media ( max-width: 760px ) {
	body.btf-vpv-page .prose .btf-vpg-section.vpv-meaning h3.vpg-term-title { font-size: 2.4rem; }
	body.btf-vpv-page .vpv-inputs { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); padding: 1.375rem; }
	body.btf-vpv-page .vpv-game-field { grid-column: 1 / -1; }
	body.btf-vpv-page .vpv-results { padding: 1.3rem 1.375rem 0; }
	body.btf-vpv-page .vpv-feature { grid-template-columns: repeat( 2, minmax( 0, 1fr ) ); column-gap: 1.125rem; }
	body.btf-vpv-page .vpv-feature > div + div { padding-left: 1.125rem; }
	body.btf-vpv-page .vpv-feature .vpv-reading { grid-column: 1 / -1; margin-top: 1.125rem; padding: 1rem 0 0; border-left: 0; border-top: 1px solid var( --line ); }
	body.btf-vpv-page .vpv-feature > div.vpv-reading { padding-left: 0; }
	body.btf-vpv-page .vpv-reading .vpv-stat-label { margin-bottom: .44rem; }
	body.btf-vpv-page .vpv-feature strong { font-size: 2.5rem; }
	body.btf-vpv-page .vpv-feature strong.is-long { font-size: 2rem; }
	body.btf-vpv-page .vpv-feature strong.is-longer { font-size: 1.6rem; }
	body.btf-vpv-page .vpv-odds > div { display: block; }
	body.btf-vpv-page .vpv-odds dt { margin-bottom: 7px; }
	body.btf-vpv-page .vpv-model { padding: 1.25rem 1.375rem .4rem; }
	body.btf-vpv-page .vpv-sub { display: block; }
	body.btf-vpv-page .prose .btf-vpg-section .vpv-sub h3.vpv-sub-title { margin-bottom: .25rem; }
	body.btf-vpv-page .vpv-sub-note { display: block; margin-bottom: .8rem; text-align: left; }
	body.btf-vpv-page .vpv-support > div + div { padding-left: .875rem; }
	body.btf-vpv-page .vpv-support dd { font-size: 1.56rem; }
	/* long cut-offs: one row each, the figure at the right */
	body.btf-vpv-page .vpv-range-labels.is-long { grid-template-columns: 1fr; gap: .45rem; }
	body.btf-vpv-page .vpv-range-labels.is-long > div,
	body.btf-vpv-page .vpv-range-labels.is-long > div:first-child,
	body.btf-vpv-page .vpv-range-labels.is-long > div:last-child { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; text-align: left; }
	body.btf-vpv-page .vpv-range-labels.is-long dt { margin: 0; }
	body.btf-vpv-page .vpv-range-labels.is-long dd { font-size: 1.44rem; white-space: nowrap; overflow-wrap: normal; }
}
@media ( max-width: 620px ) {
	/* the variance chart becomes labelled cards rather than scroll sideways */
	body.btf-vpv-page .prose .vpv-compare-table thead { display: none; }
	body.btf-vpv-page .prose .vpv-compare-table,
	body.btf-vpv-page .prose .vpv-compare-table tbody { display: block; }
	body.btf-vpv-page .prose .vpv-compare-table tr { display: grid; grid-template-columns: repeat( 3, minmax( 0, 1fr ) ); gap: .7rem 1rem; padding: .7rem 1rem 1rem; border-top: 1px solid var( --rule ); }
	body.btf-vpv-page .prose .vpv-compare-table tr[hidden] { display: none; }
	body.btf-vpv-page .prose .vpv-compare-table tr:first-child { border-top: 0; }
	body.btf-vpv-page .prose .vpv-compare-table tbody th { grid-column: 1 / -1; padding: 0; border: 0; }
	body.btf-vpv-page .prose .vpv-compare-table td { display: block; min-width: 0; padding: 0; border: 0; text-align: left; font-size: .8rem; }
	body.btf-vpv-page .prose .vpv-compare-table td:nth-child( 3 ) { min-width: 0; }
	body.btf-vpv-page .prose .vpv-compare-table td::before { content: attr( data-label ); display: block; margin-bottom: .2rem; font: 400 .56rem/1.5 var( --mono ); letter-spacing: .1em; text-transform: uppercase; white-space: normal; color: var( --muted ); }
	body.btf-vpv-page .vpv-game-note { margin-top: -.55rem; }
	body.btf-vpv-page .vpv-mini { min-width: 0; max-width: 80px; }
}
@media ( max-width: 600px ) {
	body.btf-vpv-page .prose .btf-vpg-section.vpv-meaning h3.vpg-term-title { font-size: 2.56rem; margin: .1rem 0 .75rem; }
	body.btf-vpv-page .btf-vpg-section.vpv-meaning .vpg-term-copy { font-size: .875rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-insight { font-size: .82rem; }
	body.btf-vpv-page .vpv-compare-top { display: block; padding: 1.125rem 1.2rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-count { margin-bottom: .94rem; font-size: .69rem; }
	body.btf-vpv-page .vpv-sort { max-width: 300px; }
	body.btf-vpv-page .btf-vpg-section .vpv-compare-basis { padding: .8rem 1.2rem; }
	body.btf-vpv-page .vpv-show-all { padding: .94rem 1.2rem; font-size: .75rem; }
	body.btf-vpv-page .prose .btf-vpg-section h3.vpg-col-title { font-size: 1.5rem; }
	body.btf-vpv-page .vpg-callout.vpv-games-callout { padding: 1.125rem 1.25rem; }
	body.btf-vpv-page .vpv-payouts-top { padding: 1.25rem 1.2rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-basis { font-size: .625rem; }
	body.btf-vpv-page .vpv-payouts-visual { grid-template-columns: 86px minmax( 0, 1fr ); gap: 1.56rem; padding: 1.625rem 1.375rem; }
	body.btf-vpv-page .vpv-royal-rank { top: 9px; left: 10px; font-size: 1.31rem; }
	body.btf-vpv-page .vpv-royal-suit { font-size: 2.875rem; }
	body.btf-vpv-page .vpv-royal-name { margin-top: 10px; font-size: .375rem; letter-spacing: .06em; }
	body.btf-vpv-page .vpv-share-head { display: block; margin-bottom: .625rem; }
	body.btf-vpv-page .vpv-share-label { display: block; margin-bottom: 7px; font-size: .69rem; line-height: 1.6; }
	body.btf-vpv-page .vpv-share-head strong { font-size: 1.94rem; }
	body.btf-vpv-page .vpv-share + .vpv-share { margin-top: 1.3rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-share-note { font-size: .625rem; }
	body.btf-vpv-page .vpg-meter.vpv-meter { height: 9px; }
	body.btf-vpv-page .vpg-callout.vpv-insight-box { margin: 0 1.2rem 1.3rem; padding: .94rem 1.06rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-insight-box .vpg-callout-copy { font-size: .75rem; }
	body.btf-vpv-page .vpv-pay-details > summary { padding: 1.06rem 2.7rem 1.06rem 1.2rem; font-size: .75rem; }
	body.btf-vpv-page .vpv-pay-details > summary::after { right: 1.125rem; }
	body.btf-vpv-page .prose .btf-vpg-section .vpv-bank h3.vpg-col-title { font-size: 1.5rem; }
	body.btf-vpv-page .vpv-bank-note { padding: 1.44rem; }
	body.btf-vpv-page .prose .btf-vpg-section .vpv-bank-note h3.vpg-col-title { font-size: 1.69rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-bank-note .vpg-col-copy { font-size: .82rem; }
	body.btf-vpv-page .vpv-scale-fig strong { font-size: 2.44rem; }
	body.btf-vpv-page .vpv-scale-figs { gap: 1.125rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-multi { margin-top: 1.56rem; padding-top: 1.3rem; font-size: .75rem; }
}
@media ( max-width: 480px ) {
	body.btf-vpv-page .prose .vpv-pay-table thead th { padding: .55rem .5rem; font-size: .5rem; }
	body.btf-vpv-page .prose .vpv-pay-table tbody th,
	body.btf-vpv-page .prose .vpv-pay-table tfoot th,
	body.btf-vpv-page .prose .vpv-pay-table td { padding: .55rem .5rem; font-size: .72rem; }
	body.btf-vpv-page .prose .vpv-pay-table tbody th { white-space: normal; }
}
@media ( max-width: 480px ) {
	/* a long average or median: the two figures one above the other */
	body.btf-vpv-page .vpv-feature.is-long { grid-template-columns: 1fr; }
	body.btf-vpv-page .vpv-feature.is-long > div + div { margin-top: .9rem; padding: .9rem 0 0; border-left: 0; border-top: 1px solid var( --line ); }
	body.btf-vpv-page .vpv-feature.is-long strong.is-long { font-size: 2rem; }
	body.btf-vpv-page .vpv-feature.is-long strong.is-longer { font-size: 1.75rem; }
}
@media ( max-width: 440px ) {
	body.btf-vpv-page .vpv-inputs { gap: .8rem; padding: 1.25rem 1.06rem; }
	body.btf-vpv-page .vpv-inputs .vpg-field { font-size: .69rem; }
	body.btf-vpv-page .vpv-results { padding: 1.25rem 1.06rem 0; }
	body.btf-vpv-page .btf-vpg-section .vpv-context { font-size: .5625rem; }
	body.btf-vpv-page .vpv-feature { column-gap: .8rem; }
	body.btf-vpv-page .vpv-feature .vpv-reading { margin-top: .8rem; }
	body.btf-vpv-page .vpv-feature > div + div { padding-left: .8rem; }
	body.btf-vpv-page .vpv-feature strong { font-size: 2.25rem; }
	body.btf-vpv-page .vpv-feature strong.is-long { font-size: 1.6rem; }
	body.btf-vpv-page .vpv-feature strong.is-longer { font-size: 1.3rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-stat-note { font-size: .69rem; }
	body.btf-vpv-page .btf-vpg-section .vpv-reading-copy { font-size: .82rem; }
	body.btf-vpv-page .vpv-stat-label { font-size: .5625rem; }
	body.btf-vpv-page .vpv-odds { gap: .75rem; }
	body.btf-vpv-page .vpv-odds dt { gap: 5px; font-size: .69rem; }
	body.btf-vpv-page .vpv-odds dd { font-size: 1.5rem; }
	body.btf-vpv-page .vpv-range-labels dt { font-size: .625rem; }
	body.btf-vpv-page .vpv-range-labels dd { font-size: 1.44rem; overflow-wrap: anywhere; }
	body.btf-vpv-page .vpv-range-key { gap: 1.125rem; }
	body.btf-vpv-page .vpv-support { grid-template-columns: 1fr; }
	body.btf-vpv-page .vpv-support > div,
	body.btf-vpv-page .vpv-support > div + div { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: .875rem 0; border-left: 0; }
	body.btf-vpv-page .vpv-support > div + div { border-top: 1px solid var( --line ); }
	body.btf-vpv-page .vpv-support dt { max-width: 60%; margin: 0; }
	body.btf-vpv-page .vpv-support dd { font-size: 1.56rem; white-space: nowrap; overflow-wrap: normal; }
	body.btf-vpv-page .vpv-model { padding: 1.125rem 1.06rem .4rem; }
	body.btf-vpv-page .vpv-formulas { grid-template-columns: 1fr; gap: 1.25rem; }
	body.btf-vpv-page .prose .vpv-formula code { font-size: .94rem; }
}
@media ( max-width: 400px ) {
	body.btf-vpv-page .vpv-pair { padding: 1.44rem 1.25rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpg-quads-title { font-size: 1.81rem; }
	body.btf-vpv-page .vpv-pair .vpg-quads-label { font-size: .5rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-name { gap: 8px; font-size: .69rem; }
	body.btf-vpv-page .vpv-pair-name span { font-size: .5rem; }
	body.btf-vpv-page .vpv-pair-figs { gap: 12px; }
	body.btf-vpv-page .vpv-pair-figs dd { font-size: 2.125rem; }
	body.btf-vpv-page .vpv-pair-figs dt { font-size: .625rem; }
	body.btf-vpv-page .vpv-pair-figs dt small { font-size: .5625rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-takeaway { font-size: .75rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-fine { font-size: .625rem; }
	body.btf-vpv-page .vpv-payouts-visual { grid-template-columns: 1fr; gap: 1.44rem; padding: 1.56rem 1.25rem; }
	body.btf-vpv-page .vpv-royal-card { justify-self: center; width: 80px; }
	body.btf-vpv-page .vpv-share-head { display: flex; align-items: center; gap: 20px; }
	body.btf-vpv-page .vpv-share-label { max-width: 18ch; margin: 0; }
	body.btf-vpv-page .vpv-scale-fig strong { font-size: 2.125rem; }
	body.btf-vpv-page .vpv-scale-figs { gap: .8rem; }
	body.btf-vpv-page .vpv-bank-note { padding: 1.3rem 1.25rem; }
	body.btf-vpv-page .prose .btf-vpg-section .vpv-bank-note h3.vpg-col-title { font-size: 1.56rem; }
}
@media ( max-width: 350px ) {
	body.btf-vpv-page .vpv-pair { padding: 1.3rem 1.06rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpg-quads-title { font-size: 1.69rem; }
	body.btf-vpv-page .btf-vpg-hero .vpv-pair .vpv-pair-name { display: block; font-size: .75rem; }
	body.btf-vpv-page .vpv-pair-name span { display: block; margin-top: 5px; }
	body.btf-vpv-page .vpv-pair-figs dd { font-size: 1.94rem; }
	body.btf-vpv-page .vpv-pair-figs dt small { display: block; }
	body.btf-vpv-page .vpv-payouts-top { padding: 1.125rem 1rem; }
	body.btf-vpv-page .vpg-callout.vpv-insight-box { margin-left: 1rem; margin-right: 1rem; }
	body.btf-vpv-page .vpv-scale-fig strong { font-size: 1.94rem; }
	body.btf-vpv-page .vpv-bank-note { padding: 1.25rem 1.06rem; }
	body.btf-vpv-page .prose .btf-vpg-section .vpv-bank-note h3.vpg-col-title { font-size: 1.5rem; }
	body.btf-vpv-page .prose .vpv-compare-table tr { padding-left: .8rem; padding-right: .8rem; gap: .7rem .7rem; }
}

/* ── print: the whole page, not the kit's chart-only print ──────────────── */
@media print {
	body.btf-vpv-page .hero,
	body.btf-vpv-page .btf-vpg-section:not( #chart ),
	body.btf-vpv-page .btf-th-summary { display: block !important; }
	body.btf-vpv-page .btf-vpg-section { padding: 1.4rem 0 !important; border-bottom: 1px solid #ccc !important; }
	body.btf-vpv-page .hero,
	body.btf-vpv-page .btf-th-summary { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
	body.btf-vpv-page .vpg-hero-cta,
	body.btf-vpv-page .vpv-compare-top,
	body.btf-vpv-page .vpv-show-all,
	body.btf-vpv-page .vpv-inputs,
	body.btf-vpv-page .vpv-payouts-top label,
	body.btf-vpv-page .vpv-payouts-help { display: none !important; }
	body.btf-vpv-page .vpv-compare-scroll,
	body.btf-vpv-page .vpv-pay-scroll { overflow: visible; }
	body.btf-vpv-page .vpv-pay-details::details-content { content-visibility: visible; display: block; height: auto; }
	body.btf-vpv-page .vpv-pair,
	body.btf-vpv-page .vpv-meaning .vpg-terms,
	body.btf-vpv-page .vpv-feature,
	body.btf-vpv-page .vpv-payouts-visual,
	body.btf-vpv-page .vpv-bank-note { break-inside: avoid; }
	body.btf-vpv-page .vpv-royal-card { box-shadow: none; }
}