Element-cluster showcases

Each example is a realistic page whose subject matter forces one family of semantic elements into natural, idiomatic use. Each page carries a styled view toggle: uncheck it to see the raw semantic document render on the browser's default stylesheet alone — proof the structure stands on its own. The toggle is pure CSS: every rule is gated behind :root:has(#css-toggle:checked), so no script runs either way.