/* Page-level rules from design v3's global <style> block. These target html and
   body, which Blazor's scoped stylesheets cannot reach (every selector there is
   rewritten to sit under the component's b-* scope attribute), so they ship as a
   plain stylesheet registered alongside showcase.js in Index.razor.

   Oqtane adds resources per page, so this only loads on pages carrying the
   Showcase module — it does not restyle the rest of the site. */

/* Contains the negative-margin bleed used by the narrow-screen scroll strips
   (hero, device tiles, mega-menu rows) without letting the page pan sideways.
   `clip` rather than `hidden`: `hidden` on html would make the element a scroll
   container and break `position: sticky` on the header. */
html { overflow-x: clip; }
body { max-width: 100%; }

/* The design hides the document scrollbar — on desktop the page is driven by
   the panel-snap wheel handler in showcase.js, and the track otherwise sits
   over the full-bleed hero. Scrolling itself is untouched. */
html, body { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar,
body::-webkit-scrollbar { display: none; width: 0; height: 0; }