/* ═══════════════════════════════════════════════════════════════════════════ SHARED PAGE STYLING The design tokens, the top bar, the footer, the form controls and the cards, in one place rather than copied into each page that wants them. Used by the Ambassador Programme pages, the application form and account setup; the ambassador dashboard loads it for the tokens and controls and brings its own shell in ambassador-dashboard.css. site-nav.css still owns the mobile drawer and the footer legal row, so nothing here restates those. Everything that lays out a *public page* - the fixed bar, the section rhythm, the footer - is scoped to `body.site`. Bare `nav`, `section` and `footer` selectors would otherwise land on any page that uses those elements for something else: the dashboard's sidebar is a