/* sb_a() prints "label <span>→</span>"; inside the design's inline-flex link the space collapses, so restore the gap. */
body .sb-blk.sb-numbers .tlink > span[aria-hidden]{margin-left:0}

/* Fidelity: the design's own tokens (Branding has no slot for them). Light rows only; dark rows keep base.css values. */
body .sb-numbers .tlink>span[aria-hidden]{font-family:system-ui,sans-serif}
/* Link arrow: one text run, like the design, so the underline is unbroken. */
body .sb-numbers .tlink{display:inline-block;min-height:0;padding-block:calc((44px - 1lh) / 2)}
/* Branding text sizes. Kept here so Studio library re-extraction preserves these roles. */
body .sb-numbers { font-size: var(--fs-copy) !important }
body .sb-numbers .h2 { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) !important }
body .sb-numbers .h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-numbers .lead { font-size: var(--fs-lead) !important }
body .sb-numbers .small { font-size: var(--fs-small) !important }
body .sb-numbers .eyebrow { font-size: var(--fs-small-titles-size) !important }
body .sb-numbers .cur { font-size: var(--fs-small) !important }
body .sb-numbers .unit { font-size: var(--fs-small) !important }
body .sb-numbers .btn { font-size: var(--fs-buttons) }
body .sb-numbers .toolbar { font-size: var(--fs-small) !important }
body .sb-numbers .pagehead h1 { font-size: clamp(calc(var(--fs-hero) * 0.5), 5.5vw, var(--fs-hero)) !important }
body .sb-numbers .bill button { font-size: var(--fs-small) }
body .sb-numbers .n01 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n01 .grid p.lead { font-size: var(--fs-lead) !important }
body .sb-numbers .n02 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n02 .h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-numbers .n03 .story { font-size: var(--fs-lead) !important }
body .sb-numbers .n03 .side .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n04 .now .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n04 .marks span { font-size: var(--fs-small) !important }
body .sb-numbers .n05 .colh { font-size: var(--fs-small) !important }
body .sb-numbers .n05 .r .h3 { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
body .sb-numbers .n05 .was { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n05 .now { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n05 .arr { font-size: var(--fs-small) !important }
body .sb-numbers .n06 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n07 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n08 thead th { font-size: var(--fs-small) !important }
body .sb-numbers .n08 td { font-size: var(--fs-copy) !important }
body .sb-numbers .n08 td:first-child { font-size: var(--fs-copy) !important }
body .sb-numbers .n09 .t .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n09 .big .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n10 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n11 .yr { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n11 .it .m { font-size: var(--fs-small) !important }
body .sb-numbers .n11 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n12 .bar { font-size: var(--fs-small) !important }
body .sb-numbers .n12 .bar b { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n13 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n14 .ring .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n15 .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n16 .say { font-size: clamp(calc(var(--fs-titles) * 0.65), 3.75vw, var(--fs-titles)) !important }
body .sb-numbers .n16 .say .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n17 .stats .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n18 .bar b { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n18 .years { font-size: var(--fs-small) !important }
body .sb-numbers .n19 .st .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n19 blockquote { font-size: var(--fs-quotes) !important }
body .sb-numbers .n20 .bar .lbl { font-size: var(--fs-small) !important }
body .sb-numbers .n20 .bar .num { font-size: clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)) !important }
body .sb-numbers .n19 .who strong { font-size: clamp(calc(var(--fs-medium) * 0.75), 2.65625vw, var(--fs-medium)) !important }
/* 3.6.10: without an icon, 07's stats start in the first column instead of a 64px icon column. */
body:not(.cc-look-pre-3-6-10) .sb-numbers .n07 .it:not(:has(> .ic)) { grid-template-columns: 1fr; }
body:not(.cc-look-pre-3-6-10) .sb-numbers .n07 .it:not(:has(> .ic)) > * { grid-column: 1; }

/* 3.6.10: with reduced motion the ticker stops and wrapped both copies of its loop, so every stat showed twice and the
   rows ended two thirds across (NUM-06). Still: one copy, the stats spread across the full band. */
@media (prefers-reduced-motion: reduce) {
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .it[aria-hidden="true"] { display: none; }
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .belt { display: grid; --fit-max: 3; grid-template-columns: repeat(var(--fit-c,3),minmax(0,1fr)); }
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .it { white-space: normal; flex-wrap: wrap; column-gap: 12px; row-gap: 4px; border-bottom: var(--st-line-w) solid var(--pb-rule-on-dark); }
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .it .num { white-space: nowrap; }
}
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .belt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* 3.6.10: at the Huge size the percent ran over the ring's stroke (NUM-14). The figure fits inside the ring. */
body:not(.cc-look-pre-3-6-10) .sb-numbers .n14 .ring { container-type: inline-size; }
body:not(.cc-look-pre-3-6-10) .sb-numbers .n14 .ring .num { font-size: min(clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)), 22cqi) !important; }
/* 3.6.10: the big figure's descenders ("yrs") touched its caption (NUM-17). */
body:not(.cc-look-pre-3-6-10) .sb-numbers .n17 .stats .num { line-height: 1.05 !important; margin-bottom: 6px; }
@media (prefers-reduced-motion: reduce) and (max-width: 767px) {
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .it { padding: 20px 16px; }
	body:not(.cc-look-pre-3-6-10) .sb-numbers .n06 .num { font-size: min(clamp(calc(var(--fs-huge) * 0.55), 6.25vw, var(--fs-huge)), 9vw) !important; }
}
/* 3.6.10: labels drawn in Secondary (NUM-11 months) vanished on a dark band when Secondary is dark: there they keep its hue at a
   lightness that reads. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-numbers.sb-dark { --pb-secondary: oklch(from var(--color-sec) max(l, 0.82) c h); }

/* Look 3.6.18: NUM-12's bar values are labels, not stats. With a large Branding Numbers size they wrapped into the
   72px column ("9" over "ms"); now Medium-title size at most, on one line, and the column fits them. */
body:not(.cc-look-pre-3-6-18) .sb-numbers .n12 .bar { grid-template-columns: 112px minmax(0, 1fr) max-content; }
body:not(.cc-look-pre-3-6-18) .sb-numbers .n12 .bar b { font-size: clamp(18px, 1.7vw, min(var(--fs-medium, 28px), 28px)) !important; white-space: nowrap; min-width: 4.5ch; }
@media (max-width: 600px) { body:not(.cc-look-pre-3-6-18) .sb-numbers .n12 .bar { grid-template-columns: 88px minmax(0, 1fr) max-content; } }