/* TEMPORARY — plain (non-module) stylesheet for the new-style preview route. * * Purpose: make the new header's `position: sticky` actually stick. * * app/globals.css sets `html, body { height: 100% }` (line 61) and * `body { overflow-x: hidden }` (line 72). Together those turn into a * fixed-height scroll container, and a sticky element cannot stick to a * scrollport it overflows — so .mo-header scrolls away, taking the hover * targets for the mega menus with it. * * Every rule is gated behind :has(.new-style-preview), so it is inert on every * other route even if this stylesheet stays loaded after a client-side * navigation. The shared globals.css is not modified. * * Delete this file, and its import in NewStylePreviewPage.tsx, when the * preview is retired. */ html:has(.new-style-preview), body:has(.new-style-preview) { height: auto; } /* --------------------------------------------------------------------------- * PUBLIC FORM SURFACE — one field treatment for the whole new public site. * * app/globals.css is the authenticated platform's DARK baseline. Three of its * rules leak into this light public site and break every form: * * 1. `:root { color-scheme: dark }` native widgets render dark * 2. `select, select option { background:#242736; color:#e0e6ed }` * every