Plan step 38: the typescale listing moves onto <x-surface> for its container and a bespoke data-md-showcase-type-row (a fixed label column beside two flexible samples from 840px, one column below it, a rule between rows) since no layout component draws an asymmetric grid track; the sample text itself is styled by the very md-type-* class names the row's own label prints, so the code sample and the rendered specimen are the same string. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Qwx5USif3wFFmxtHg5U1g9