HTML and CSS

Compute size-adjust and the vertical overrides from the font files, build the fallback face, and measure the layout shift before and after.

Measure the real slot width at each breakpoint, write sizes from it, and check which file loads at each screen density.

Mark the first-screen rules once, split the stylesheet in the build, and confirm the rest loads without blocking.

Use one token file with light-dark(), add a saved toggle that does not flash, and check the colours in both themes.

Switch brands with a data attribute, and avoid the derived-token trap that freezes hover colours on the wrong value.

Use a native dialog, animate it with CSS only, and check focus, Tab, Escape and reduced motion by keyboard.

Record coverage in Chrome DevTools, test the states that hide rules, and remove dead CSS in small, reversible steps.

Measure contrast by number, run axe, and walk the keyboard focus path with a script to catch what the tool cannot see.