/* step-counter.css -- the ONE shared desktop display-numeral rule for a step/section counter
   (GitHub #91 row 3: owner, 撫養權 edit round 3, "第 3 步 / 5 shall be bigger like I mention
   before" -- fixed on 撫養權 only, in `cu-steps.css:60-67`, because that rule was scoped to
   `.cu-steps` and never reachable by a sibling page's own copy of the same counter markup. Moved
   here, page-agnostic (`.cst-counter`, not `.cu-steps .cst-counter`), and linked from every page
   that ships a `.cst-counter` -- so the NEXT page that copies this section gets the fix for free
   just by linking this stylesheet, instead of re-discovering the bug.
   Contract: markup is `<div class="cst-counter" data-cst-armed?><span>第</span><b data-cst-n>N</b>
   <span>/ 5</span></div>` (or equivalent); `[data-cst-armed]` on the counter's own ancestor gates
   `display` the same way it always has (kept on the per-page stylesheet, since "does this page even
   show the counter" is page-specific, not this rule's job) -- this file ONLY owns the >=1024px
   display-numeral sizing once the counter is visible. */
/* !important: this is the shared, page-agnostic override and MUST beat a per-page base rule like
   `.cu-steps .cst-counter b { font-size: 44px; ... }` (two classes + a type selector -- higher
   specificity than a bare `.cst-counter b`) no matter what page-scoping class a future copy of
   this component wraps itself in. That per-page base rule owns the counter's non-desktop/hidden
   states; this file owns ONLY the >=1024px numeral size, unconditionally, for every page. */
/* FIX ROUND (adversary, PR #93): `color` dropped from `!important` -- a dark-background copy of
   this component must still be able to recolour the label spans for contrast; only the SIZE
   declarations (what #91 row 3 is actually about) need to be unbeatable by a page-scoped rule. */
@media (min-width: 1024px) {
  .cst-counter { gap: 16px !important; }
  .cst-counter span { font-size: 24px !important; color: var(--ink); }
  .cst-counter b { font-size: 96px !important; min-width: .65em !important; font-variant-numeric: tabular-nums !important; }
}