/* Cascade-Layer: dieses Legacy-Stylesheet liegt in @layer legacy und damit VOR den Tailwind-Utilities (Reihenfolge in tailwind.input.css: theme, base, legacy, components, utilities). Ohne Layer wuerde jede Regel hier - auch ein blosses "h1 { font-size: 1.4rem }" - jede Tailwind-Klasse ueberstimmen, weil ungelayertes CSS in der Kaskade immer vor gelayertem gewinnt. */ @layer legacy { /* ============================================================================ styles.css - aus better.html extrahiert (4