/* Coin size comparator ([btllc_coin_sizes]). cartify DESIGN.md tokens: ink text, paper panels, teal actions,
   gold accent, Georgia headings, Satoshi body. Phone first. */
.bcs { --bcs-ink: var(--bt-ink, #182B2B); --bcs-muted: #56645F; --bcs-paper: var(--bt-paper, #F1F5F3); --bcs-line: var(--bt-line, #DCE5E0); --bcs-primary: var(--bt-primary, #185C53); --bcs-gold: var(--bt-gold, #A87B30);
	margin: 36px 0; padding: 22px; border: 1px solid var(--bcs-line); border-radius: 16px; background: #fff; color: var(--bcs-ink); font-family: var(--bt-font-body, Satoshi, Arial, sans-serif); }
.bcs *, .bcs *::before, .bcs *::after { box-sizing: border-box; }
.bcs .bcs-h { margin: 0 0 6px; font-family: var(--bt-font-display, Georgia, 'Times New Roman', serif); font-weight: 400; font-size: clamp(24px, 2.6vw, 30px); line-height: 1.15; color: var(--bcs-ink); }
.bcs-intro { margin: 0 0 14px !important; font-size: 15.5px; line-height: 1.55; color: var(--bcs-muted); }
.bcs-presets { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.bcs-preset { min-height: 38px; padding: 0 14px; border: 1px solid var(--bcs-primary); border-radius: 999px; background: #fff; color: var(--bcs-primary); font: 700 14px/1 var(--bt-font-body, Satoshi, Arial, sans-serif); cursor: pointer; }
.bcs-preset:hover, .bcs-preset:focus-visible { background: var(--bcs-primary); color: #fff; }
.bcs-picker { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin: 0 0 16px; }
@media (min-width: 760px) { .bcs-picker { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bcs-series { min-width: 0; margin: 0; padding: 10px 12px 12px; border: 1px solid var(--bcs-line); border-radius: 12px; background: var(--bcs-paper); }
.bcs-series legend { float: left; width: 100%; margin: 0 0 8px; padding: 0; font-size: 13px; font-weight: 700; color: var(--bcs-ink); }
.bcs-chip { position: relative; display: inline-flex; margin: 0 6px 6px 0; cursor: pointer; }
.bcs-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.bcs-chip span { display: inline-flex; align-items: center; min-height: 34px; padding: 0 12px; border: 1px solid #B9CBC4; border-radius: 999px; background: #fff; font-size: 14px; font-weight: 600; line-height: 1; }
.bcs-chip input:checked + span { border-color: var(--bcs-ink); background: var(--bcs-ink); color: #fff; }
.bcs-chip input:focus-visible + span { outline: 3px solid var(--bcs-gold); outline-offset: 2px; }
.bcs-stage { margin: 0 0 16px; padding: 16px 12px 10px; border-radius: 12px; background: var(--bcs-paper); }
.bcs-stage__svg { min-width: 0; }
.bcs-svg { display: block; width: 100%; height: auto; margin: 0 auto; overflow: visible; }
.bcs-coin__face { stroke: rgba(24,43,43,.35); stroke-width: .25; }
.bcs-coin__rim { fill: none; stroke-width: .35; stroke-opacity: .55; }
.bcs-coin--gold .bcs-coin__face { fill: #D8B45A; }
.bcs-coin--gold .bcs-coin__rim { stroke: #8E6A1E; }
.bcs-coin--silver .bcs-coin__face { fill: #CBD3D5; }
.bcs-coin--silver .bcs-coin__rim { stroke: #6E7B7E; }
.bcs-coin--clad .bcs-coin__face { fill: #B9BEB8; }
.bcs-coin--clad .bcs-coin__rim { stroke: #7A7F79; }
.bcs-coin--gold .bcs-coin__edge { fill: #B8912F; }
.bcs-coin--silver .bcs-coin__edge { fill: #9DA7AA; }
.bcs-coin--clad .bcs-coin__edge { fill: #B87333; }
.bcs-coin__n { font-family: var(--bt-font-display, Georgia, serif); fill: rgba(24,43,43,.72); text-anchor: middle; }
.bcs-legend { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 18px; margin: 10px 0 0 !important; padding: 0 !important; list-style: none; font-size: 14px; line-height: 1.4; }
@media (min-width: 640px) { .bcs-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.bcs-legend li { display: flex; align-items: baseline; gap: 8px; margin: 0 !important; }
.bcs-legend__n { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 12px; font-weight: 700; color: var(--bcs-ink); }
.bcs-legend__n--gold { background: #D8B45A; }
.bcs-legend__n--silver { background: #CBD3D5; }
.bcs-legend__n--clad { background: #B9BEB8; }
.bcs-legend__mm { margin-left: auto; color: var(--bcs-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.bcs-ruler { stroke: var(--bcs-muted); stroke-width: .3; }
.bcs-ruler__t { font: 500 2.6px/1 var(--bt-font-body, Satoshi, Arial, sans-serif); fill: var(--bcs-muted); }
.bcs-empty { margin: 0; padding: 20px 0; text-align: center; color: var(--bcs-muted); }
.bcs-stage__cap { margin: 6px 0 0; font-size: 13px; line-height: 1.5; color: var(--bcs-muted); }
.bcs-scroll { overflow-x: auto; border: 1px solid var(--bcs-line); border-radius: 12px; }
.bcs-scroll:focus-visible { outline: 2px solid var(--bcs-gold); outline-offset: 2px; }
.bcs-table { width: 100%; min-width: 640px; margin: 0 !important; border-collapse: collapse; font-size: 13.5px; }
.bcs-table th, .bcs-table td { padding: 8px 9px !important; border: 0 !important; border-bottom: 1px solid #EEF2F0 !important; text-align: left; vertical-align: middle; white-space: nowrap; }
.bcs-table thead th { background: var(--bcs-paper); font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--bcs-muted); }
.bcs-table tbody th { font-weight: 650; }
.bcs-table__group th { padding-top: 14px !important; background: #fff; font-size: 12.5px !important; font-weight: 700 !important; letter-spacing: .04em; text-transform: uppercase; color: var(--bcs-gold); }
.bcs-table tr.is-on th, .bcs-table tr.is-on td { background: #FBF6EA; }
.bcs-num { text-align: right !important; font-variant-numeric: tabular-nums; }
.bcs-table thead th:not(:first-child) { text-align: right; }
.bcs-table a { color: var(--bcs-primary); font-weight: 700; }
.bcs-muted, .bcs-table a.bcs-muted { color: var(--bcs-muted); font-weight: 500; }
.bcs-note { margin: 10px 0 0 !important; font-size: 13px; line-height: 1.55; color: var(--bcs-muted); }
.bcs-sources { margin-top: 12px; font-size: 13.5px; }
.bcs-sources summary { cursor: pointer; font-weight: 700; color: var(--bcs-primary); }
.bcs-sources ul { margin: 10px 0 8px; padding-left: 18px; line-height: 1.55; }
.bcs-sources li { margin: 0 0 6px; }
@media (max-width: 600px) {
	.bcs { margin: 28px -4px; padding: 16px; border-radius: 12px; }
	.bcs-chip span { min-height: 36px; }
}