/* ═══════════════════════════════════════════════════════════════════ ArbKeep — shared UI components (ui.css) The layer above brand.css: brand.css holds the TOKENS, this file holds the COMPONENTS built from them, defined once for every page. Physical duplicate of arbkeep/public/css/ui.css (the two Pages projects don't share a build) — design-lint fails the build if they differ. Rules (design-lint enforces them): - Tokens only. No raw hex / rgb(), no raw border-radius — reach for brand.css (add a token there first if the role is genuinely new). - A class defined here is owned here. Pages may PLACE a component (`.brand .pro-pill{margin-left:8px}`) but may not restyle it (`.pro-pill{…}` in a page's