/* Comp Happens — the one stylesheet. Every page links it; nothing is styled inline. Conventions (also recorded in CLAUDE.md): - The visual system is HR Happens's: ink on cream, paper sheets, teal for the header, links and the one primary action per step, orange as a mark only (never text), wine for refusals and destructive acts. The platform pages (customer accounts, account invitations, grants) draw the header in teal-deep with the word "Platform" beside the wordmark. - Type: Cormorant Garamond for page titles, dialog titles and statements, Inter Tight for everything else, both self-hosted from /static/fonts. Tabular figures on every number. - Spacing scale: --s-1 … --s-7 (4, 8, 12, 16, 24, 32, 48 px). - Type scale: --t-note, --t-table, --t-body, --t-head, --t-statement, --t-title, --t-median (13, 14, 15, 16, 22, 36, 40 px as rem). - Page frame:
with the wordmark, the account links and the person's menu; the acting-as bar;
with the breadcrumb, the stepper (and the role sub-steps), then one

in a .page-head with its status chip and its one primary action; the .layout of a .main sheet column and an aside.rail;