/* /premiums/government-vs-private/ — Government vs private: view styles. Owner: wave H4 (owner #66). Loaded only on this
   page, after hub.css, premium-charts.css and premiums.css. Every rule is scoped under .bpt--gov and reuses the shared
   tokens (--ink, --muted, --line, --paper, --primary, --gold; --bpc-* for charts). Government coins = ink, private bars
   and rounds = gold (as in every chart on the page); teal stays reserved for "we lowered our premium". No red. */

/* ------------------------------------------------------------ 1. paired bars per metal and size */
.bpt--gov .bpt-gov-pcs { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 16px; }
@media (min-width: 720px) { .bpt--gov .bpt-gov-pcs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .bpt--gov .bpt-gov-pcs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.bpt--gov .bpt-gov-pc { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.bpt--gov .bpt-gov-pc .bpt-card__name { font-size: 20px; }
/* Inside a card: label above its two bars (full card width for the bars). */
.bpt--gov .bpt-gov-pc .bpc-paired__row { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 8px 0; border-top: 1px solid #EEF2F0; }
.bpt--gov .bpt-gov-pc .bpc-paired__rows > .bpc-paired__row:first-child { border-top: 0; }
.bpt--gov .bpt-gov-pc .bpc-paired__label { font-size: 15px; }
.bpt--gov .bpt-gov-pc .bpc-paired__note { grid-column: 1; }
.bpt--gov .bpt-gov-pc .bpc-paired__track { height: 12px; }
.bpt--gov .bpt-gov-pc .bpc-paired__row[data-std] { margin: 0 -10px; padding: 10px; border-top: 0; border-radius: 10px; background: #F7FAF8; }
.bpt--gov .bpt-gov-pc .bpc-paired__row[data-std] + .bpc-paired__row { border-top: 0; }
.bpt--gov .bpt-gov-pc .bpc-scale-row { grid-template-columns: minmax(0, 1fr); border-top: 0; padding: 0; }
.bpt--gov .bpt-gov-pc .bpc-scale-row > span:first-child { display: none; }
.bpt--gov .bpt-gov-pc .bpc-legend { gap: 4px 14px; font-size: 12.5px; }
.bpt--gov .bpt-gov-gap { display: inline-flex; align-items: baseline; gap: 8px; padding: 3px 10px; border-radius: 999px; background: var(--paper); color: var(--muted); font-size: 12.5px; line-height: 1.5; }
.bpt--gov .bpt-gov-gap b { color: var(--ink); font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bpt--gov .bpt-gov-pc .bpc-paired__row[data-std] .bpt-gov-gap { background: #fff; }
.bpt--gov .bpt-gov-pc__note { margin: 0; padding-top: 4px; font-size: 13px; line-height: 1.45; color: var(--muted); }
.bpt--gov .bpt-gov-pc__note a { font-weight: 600; }

/* ------------------------------------------------------------ 2. the gap over two years */
.bpt--gov .bpt-gov-gapcard .bpt-answer { margin: 0; font-size: 14px; }
.bpt--gov .bpt-gov-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.bpt--gov .bpt-gov-tags:not(:has(.bpt-tag:not([hidden]))) { display: none; }
.bpt--gov .bpt-gapc .bpc-plot { margin-left: 52px; }
.bpt--gov .bpt-gapc .bpc-y { left: -52px; width: 46px; text-align: right; white-space: nowrap; }
.bpt--gov .bpt-gapc .bpc-axis { margin-left: 52px; }
.bpt--gov .bpt-gapc .bpc-axis > span:nth-child(2) { font-size: 11.5px; }
.bpt--gov .bpt-gapc__zero { stroke: var(--bpc-ink); stroke-opacity: .5; stroke-width: 1.25; vector-effect: non-scaling-stroke; }
.bpt--gov .bpt-gapc > .bpc-legend:not(.bpc-legend--marks) { margin-top: 10px; font-size: 12.5px; color: var(--muted); }
.bpt--gov .bpg-tip__sub { color: rgba(255, 255, 255, .8); font-size: 12px; }
.bpt--gov .bpt-gov-both { border-top: 1px solid #EEF2F0; padding-top: 2px; }
.bpt--gov .bpt-gov-both > summary { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14px; font-weight: 650; color: var(--primary); cursor: pointer; list-style: none; }
.bpt--gov .bpt-gov-both > summary::-webkit-details-marker { display: none; }
.bpt--gov .bpt-gov-both > summary::before { content: ""; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform .16s; }
.bpt--gov .bpt-gov-both[open] > summary::before { transform: rotate(45deg); }
.bpt--gov .bpt-gov-both > summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; border-radius: 4px; }
.bpt--gov .bpt-gov-both .bpc { margin: 4px 0 6px; }

/* ------------------------------------------------------------ 3. explainer diagram (inline SVG, wide + phone layouts) */
.bpt--gov .bpt-gov-dia { margin: 0; padding: 22px 22px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.bpt--gov .bpt-gov-dia__svg { display: block; width: 100%; height: auto; font-family: var(--bt-font-body, Satoshi, Arial, sans-serif); }
.bpt--gov .bpt-gov-dia__svg--wide { max-width: 1000px; margin: 0 auto; }
.bpt--gov .bpt-gov-dia__svg--tall { display: none; }
.bpt--gov .bpt-gov-dia__cap { max-width: 1000px; margin: 12px auto 0; font-size: 13px; color: var(--muted); }
.bpt--gov .bpt-gov-dia .gd-col { fill: #F7FAF8; }
.bpt--gov .bpt-gov-dia .gd-acc--gov { fill: var(--bpc-ink); }
.bpt--gov .bpt-gov-dia .gd-acc--prv { fill: var(--bpc-gold); }
.bpt--gov .bpt-gov-dia .gd-sep { stroke: var(--line); stroke-width: 1; }
.bpt--gov .bpt-gov-dia .gd-link { stroke: var(--line); stroke-width: 1.5; }
.bpt--gov .bpt-gov-dia .gd-pill { fill: #fff; stroke: var(--line); stroke-width: 1.25; }
.bpt--gov .bpt-gov-dia .gd-l { fill: var(--muted); font-size: 11.5px; font-weight: 700; letter-spacing: .08em; }
.bpt--gov .bpt-gov-dia .gd-l--mid { fill: var(--bpc-gold-deep); font-size: 12px; letter-spacing: .14em; }
.bpt--gov .bpt-gov-dia .gd-l--s { font-size: 10.5px; letter-spacing: .07em; }
.bpt--gov .bpt-gov-dia .gd-x { fill: var(--ink); font-size: 15px; }
.bpt--gov .bpt-gov-dia .gd-x--s { font-size: 13.5px; }
.bpt--gov .bpt-gov-dia .gd-t { font-family: var(--bt-font-display, Georgia, 'Times New Roman', serif); font-size: 22px; }
.bpt--gov .bpt-gov-dia .gd-t--s { font-size: 16px; }
.bpt--gov .bpt-gov-dia .gd-t--gov { fill: var(--ink); }
.bpt--gov .bpt-gov-dia .gd-t--prv { fill: #6E4C12; }
.bpt--gov .bpt-gov-dia .gd-s { fill: var(--muted); font-size: 13.5px; }
.bpt--gov .bpt-gov-dia .gd-coin { fill: #fff; stroke: var(--bpc-ink); stroke-width: 2; }
.bpt--gov .bpt-gov-dia .gd-coin__in { fill: none; stroke: var(--bpc-ink); stroke-width: 1.2; stroke-opacity: .55; }
.bpt--gov .bpt-gov-dia .gd-star { fill: var(--bpc-gold); stroke: var(--bpc-gold-deep); stroke-width: .8; stroke-linejoin: round; }
.bpt--gov .bpt-gov-dia .gd-bar { fill: #F3E6C4; stroke: #8A6424; stroke-width: 2; stroke-linejoin: round; }
.bpt--gov .bpt-gov-dia .gd-bar__top { fill: none; stroke: #8A6424; stroke-width: 1.4; stroke-linecap: round; stroke-opacity: .7; }
@media (max-width: 719px) {
	.bpt--gov .bpt-gov-dia { padding: 14px 6px 12px; }
	.bpt--gov .bpt-gov-dia__svg--wide { display: none; }
	.bpt--gov .bpt-gov-dia__svg--tall { display: block; }
}

/* Links under the diagram: store categories (the buy-price link went with the "Selling back" row, owner #84). */
.bpt--gov .bpt-gov-links { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.bpt--gov .bpt-gov-links li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding: 12px 14px; border-radius: 10px; background: var(--paper); }
.bpt--gov .bpt-gov-links__k { flex: 0 0 auto; min-width: 190px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.bpt--gov .bpt-gov-links__v { display: flex; flex-wrap: wrap; gap: 4px 16px; }
.bpt--gov .bpt-gov-links a { display: inline-flex; align-items: center; min-height: 32px; font-weight: 650; }

/* ------------------------------------------------------------ phones */
@media (max-width: 767px) {
	.bpt--gov .bpt-gov-pc { padding: 16px; }
	/* K1: y labels ("−1.5 pts", 48.5 px wide) at 12 px like every phone axis, in a 54 px gutter. */
	.bpt--gov .bpt-gapc .bpc-plot, .bpt--gov .bpt-gapc .bpc-axis { margin-left: 54px; }
	.bpt--gov .bpt-gapc .bpc-y { left: -54px; width: 50px; font-size: 12px; }
	.bpt--gov .bpt-gapc .bpc-axis > span:nth-child(2) { display: none; }
	.bpt--gov .bpt-gov-links__k { min-width: 0; width: 100%; }
	.bpt--gov .bpt-gov-links a { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
	.bpt--gov .bpt-gov-both > summary::before { transition: none; }
}
@media (forced-colors: active) {
	.bpt--gov .bpt-gov-dia .gd-col { fill: Canvas; stroke: CanvasText; }
	.bpt--gov .bpt-gov-dia text { fill: CanvasText; }
}