01
Primary buttons use a darkened gradient that meets the 4.5 to 1 contrast target for their text, rather than the lighter brand gradient used for decorative headings. Body text sits on dark surfaces well above the minimum ratio.
02
Every page has a skip-to-content link as the first focusable element, visible keyboard focus outlines, semantic heading order, and text that reflows without horizontal scrolling down to 390 pixels wide.
03
The mobile navigation button reports its state with aria-expanded and points at the menu it controls, and each menu group expands independently so the panel stays short.
04
Motion respects the reduced-motion preference set in your operating system. Tables and wide content scroll inside their own containers rather than forcing the page sideways.