/* [csn_acelasi_cost] (includes/stories/acelasi-cost.php): one gross, one cost to the firm,
   five nets on one ruler. Loaded on any page whose text holds it. */

/* ---- [csn_acelasi_cost]: one cost, five nets on one ruler ---- */
.bb-same { margin: 1.6em 0 1.8em; container: bbsame / inline-size; padding: 14px 0 0; border-top: 1px solid var(--rule); font-family: var(--sans); }
.bb-same .dm__title { font: 750 18px/1.25 var(--sans); letter-spacing: -.005em; margin: 0 0 12px; text-wrap: balance; }
.bb-same .dm__cap { margin: 14px 0 0; padding-top: 10px; border-top: 1px solid var(--line); font: 500 13.5px/1.5 var(--sans); color: var(--ink-3); }
.bb-same .dm__say, .bb-same .dm__src { display: block; }
.bb-same .dm__src { margin-top: 4px; font-size: 13px; }
.bb-same .dm__src .src { margin: 0; font-size: inherit; color: var(--ink-2); }
.bb-same svg { display: block; width: 100%; height: auto; overflow: visible; font-family: var(--sans); }
.bb-same .bs--l { display: none; }
@container bbsame (min-width: 560px) { .bb-same .bs--s { display: none; } .bb-same .bs--l { display: block; } }
.bb-same text { font-variant-numeric: lining-nums tabular-nums; }
.bb-same .bs-axis { stroke: var(--ink); stroke-width: 1.5; }
.bb-same .bs-tick { stroke: var(--ink-3); stroke-width: 1; }
.bb-same .bs-t { font: 500 12.5px var(--sans); fill: var(--ink-2); }
.bb-same .bs-axt { font: 600 12.5px var(--sans); fill: var(--ink-3); }
.bb-same .bs-pin { fill: none; stroke: var(--ink-3); stroke-width: 1; stroke-dasharray: 2 2; }
.bb-same .bs-dot { fill: var(--acc); stroke: var(--paper); stroke-width: 2; }
.bb-same .bs-dot--nebaza { fill: var(--cass); } .bb-same .bs-dot--handicap { fill: var(--acc-deep); }
.bb-same .bs-lab { font: 500 14px var(--sans); fill: var(--ink); }
.bb-same .bs-lab__v { font: 650 14px var(--mono); }
.bb-same .st-note { font: 600 19px/1 var(--hand); font-stretch: 72%; fill: var(--pencil); }
.bb-same .bs-lab { paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.bb-same .bs--s .bs-pin, .bb-same .bs--l .bs-pin { stroke-dasharray: none; }
.bb-same.reveal-ready .bs-dot { transform: translateY(-14px); opacity: 0; transform-box: fill-box; }
.bb-same.reveal-ready.is-revealed .bs-dot { transform: none; opacity: 1; transition: transform .6s cubic-bezier(.3, 1.4, .5, 1), opacity .3s; }

@media (prefers-reduced-motion: reduce) { .bb-same * { transition-delay: 0s !important; } }