/* Site chrome on phones and tablets: the header pill, the menu sheet, the language switcher and the footer. ONE sheet for every marketing family. Why it exists (2026-09-24, Kaspar: "phone doesn't look good, the header and footer are kinda broken, the language thing looks stupid"). Eight families drew the same chrome from their own sheets and inline blocks, and on a phone they disagreed: /pricing, /contact and /api clustered the CTA and burger next to the logo (a11y.css `.nav-lang+.nav-actions{margin-left:0}` still matched with the switcher hidden), the language chips mixed "EN" with "Deutsch" in mono type and three sizes (a11y.css `#mobile-menu a{padding: 14px 2px !important}` hit them too), case studies and /pricing never turned the burger into a close button, the wordmark vanished at 360px, footers ran 1,400-3,600px with flex-wrapped columns that broke German words mid-word, "• System status" sat alone on the last line, and the sticky CTA bar covered the end of the footer. How it wins: it is the LAST stylesheet in on every page that has the pill (sync-nav.js inserts it, --check enforces it; the homepage, the three rendered templates, blog-chrome.js and the hosting generator carry it by hand). Several families keep