Field

The contracting entity, as it appears on the SOW.

Optional, read-only, disabled

Invalid

Enter a valid email address.

Select and textarea

Sizes — and a button on the same scale

Choice

Switch

Every text control sits on the same --control-h-* scale as .btn, so a field and the button beside it line up without a per-page nudge. Focus here is :focus rather than :focus-visible — clicking into a field should show the ring. Invalid state is driven by aria-invalid, so the styling and the accessibility tree can never disagree.