/* ============================================================================
   Shared navbar rules — loaded by EVERY page that renders the navbar.

   Why this file exists: `.mw-wide` originally lived in hero.css, which only
   index.html loads. The legal pages load style.css alone, so their nav button
   kept the Webflow default fixed width of 173px and "Join Our Interest Group"
   ran underneath the arrow chip. Anything the navbar needs has to live
   somewhere all three pages load, and style.css is the untouched Webflow
   export, so it goes here.
   ========================================================================= */

/* The default .main-button-wrapper is a fixed 173px with the arrow absolutely
   positioned at right:7px. Any label longer than that needs the button to size
   to its text while reserving room for the arrow. Mirrors the auto-width
   precedent already set by .seconday-button and .mw-store. */
.main-button-wrapper.mw-wide {
  width: auto;
  padding-right: 46px;
  white-space: nowrap;
}