/* market-cap-scale: guess, then a balance scale weighs the two companies. */
.market-cap-scale-root.market-cap-scale-root > * + * { margin-top: var(--s4); }
.market-cap-scale-root .market-cap-scale-prompt { margin: 0; font: 700 var(--fs-ui-lg)/1.35 var(--font-ui); color: var(--ink); }
.market-cap-scale-root .market-cap-scale-prompt.is-right::before { content: "✓ "; color: var(--up); }
.market-cap-scale-root .market-cap-scale-cos { display: grid; gap: var(--s3); grid-template-columns: repeat(2, minmax(0, 1fr)); }
.market-cap-scale-root .market-cap-scale-co { align-content: start; gap: 2px; min-height: 120px; padding: var(--s3); container-type: inline-size; }
.market-cap-scale-root .market-cap-scale-co.is-open { cursor: default; }
.market-cap-scale-root .market-cap-scale-co.is-open:hover { border-color: var(--line); }
.market-cap-scale-root .market-cap-scale-tag { min-height: 0; font: 700 var(--fs-eyebrow)/1.3 var(--font-ui); letter-spacing: var(--track-eyebrow); text-transform: uppercase; color: var(--brand-ink); }
.market-cap-scale-root .market-cap-scale-tag:not(:empty) { justify-self: start; margin-bottom: var(--s1); }
.market-cap-scale-root .market-cap-scale-price { font: 700 var(--fs-num-fit)/1.1 var(--font-ui); font-variant-numeric: tabular-nums; letter-spacing: -0.01em; overflow-wrap: anywhere; }
.market-cap-scale-root .market-cap-scale-unit { font-size: var(--fs-small); color: var(--ink-2); }
.market-cap-scale-root .market-cap-scale-shares { margin-top: var(--s2); font: 400 var(--fs-small)/1.35 var(--font-ui); color: var(--ink-2); }
.market-cap-scale-root .market-cap-scale-cap { font: 700 var(--fs-ui)/1.3 var(--font-ui); color: var(--ink); font-variant-numeric: tabular-nums; }
.market-cap-scale-root .market-cap-scale-cap:empty { display: none; }
.market-cap-scale-root .market-cap-scale-scale { width: 100%; }
.market-cap-scale-root .market-cap-scale-svg { display: block; width: 100%; height: auto; max-width: 640px; margin: 0 auto; overflow: visible; }
.market-cap-scale-root .market-cap-scale-metal { fill: var(--ink-2); }
.market-cap-scale-root .market-cap-scale-beam { fill: var(--ink); }
.market-cap-scale-root .market-cap-scale-pivot { fill: var(--brand); stroke: var(--paper); stroke-width: 2; }
.market-cap-scale-root .market-cap-scale-string { stroke: var(--ink-3); stroke-width: 1.5; fill: none; }
.market-cap-scale-root .market-cap-scale-pan { fill: var(--mist-2); stroke: var(--ink); stroke-width: 1.5; }
.market-cap-scale-root .market-cap-scale-coin { fill: var(--ink); stroke: var(--paper); stroke-width: 1; }
.market-cap-scale-root .market-cap-scale-q { font: 700 var(--fs-num) var(--font-ui); fill: var(--ink-3); }
.market-cap-scale-root .market-cap-scale-panname { font: 400 var(--fs-chart) var(--font-ui); fill: var(--ink-2); }
.market-cap-scale-root .market-cap-scale-panvalue { font: 700 var(--fs-ui-lg) var(--font-ui); fill: var(--ink); font-variant-numeric: tabular-nums; }
.market-cap-scale-root .market-cap-scale-feedback { margin: 0; text-align: center; font: 700 var(--fs-ui)/1.45 var(--font-ui); }
.market-cap-scale-root .market-cap-scale-feedback:empty { display: none; }
.market-cap-scale-root .market-cap-scale-controls { display: grid; gap: var(--s5); grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); }
.market-cap-scale-root .market-cap-scale-group { display: grid; gap: var(--s3); min-width: 0; margin: 0; padding: var(--s2) 0 0; border: 0; border-top: var(--rule-strong); }
.market-cap-scale-root .market-cap-scale-group legend { float: left; width: 100%; padding: 0; font: 700 var(--fs-ui)/1.3 var(--font-ui); }
.market-cap-scale-root .market-cap-scale-controls[hidden] { display: none; }
/* keep shared notes small even inside page rules like ".prose p" */
.market-cap-scale-root.market-cap-scale-root .w-note { margin: var(--s3) 0 0; font-size: var(--fs-small); line-height: 1.5; }