/* MyStationHub Ver004 — keep marketing headers fixed and same height as the
   logged-in customer dashboard: 78px desktop and 72px compact/mobile.
   The existing page-shell overflow:hidden prevented position:sticky from
   tracking the viewport; overflow:clip does not establish a scroll container. */
.page-shell{overflow:clip!important}
.site-header{position:sticky!important;top:0;z-index:100;height:78px!important;min-height:78px!important;background:#fff}
.site-header .header-inner{height:78px!important;min-height:78px!important;width:100%!important;max-width:1510px!important;padding-inline:clamp(16px,2vw,30px)!important;margin-inline:auto}
.site-header .wordmark{font-size:25px;letter-spacing:-1px;white-space:nowrap}

/* Signed-in subscription header duplicates the REAL customer dashboard nav,
   preserving the marketing page's plans/pricing content below it. */
.msh-customer-header{box-sizing:border-box;position:sticky!important;top:0;z-index:110;height:78px;min-height:78px;border-bottom:1px solid #e9edf5;background:#fff;box-shadow:0 2px 13px rgba(22,44,83,.035);font:15px/1.55 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.012em}
.msh-customer-header *, .msh-customer-header *::before,.msh-customer-header *::after{box-sizing:border-box}
.msh-customer-header .msh-inner{height:100%;max-width:1510px;margin:auto;padding-inline:clamp(16px,2vw,30px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.msh-customer-header a{text-decoration:none}
.msh-customer-header .msh-brand{font-size:25px;font-weight:870;letter-spacing:-1px;white-space:nowrap;color:#0c1729;flex:0 0 auto}
.msh-customer-header .msh-brand span{color:#0857f8}
.msh-customer-header .msh-top-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1 1 auto;font-size:12px;font-weight:730;letter-spacing:0}
.msh-customer-header .msh-top-nav>a,.msh-customer-header .msh-dropdown>summary{display:flex;align-items:center;gap:7px;min-height:43px;padding:9px 10px;border-radius:9px;white-space:nowrap;cursor:pointer;list-style:none;color:#445878}
.msh-customer-header .msh-top-nav>a:hover,.msh-customer-header .msh-dropdown>summary:hover,.msh-customer-header .msh-dropdown[open]>summary{color:#0857f8;background:#ecf3ff}
.msh-customer-header .msh-dropdown{position:relative;min-width:0}
.msh-customer-header .msh-dropdown summary::-webkit-details-marker{display:none}
.msh-customer-header .msh-dropdown summary::marker{content:""}
.msh-customer-header .msh-icon{width:17px;height:17px;flex:0 0 17px}
.msh-customer-header .msh-chevron{width:13px;height:13px;flex:0 0 13px;opacity:.65;transition:transform .15s}
.msh-customer-header .msh-dropdown[open] .msh-chevron{transform:rotate(180deg)}
.msh-customer-header .msh-panel{position:absolute;top:calc(100% + 11px);left:0;width:max-content;min-width:242px;max-width:min(340px,90vw);padding:7px;border:1px solid #dce6f5;background:white;border-radius:13px;box-shadow:0 18px 36px rgba(19,41,80,.14);z-index:120}
.msh-customer-header .msh-panel a{display:block;padding:11px 12px;border-radius:8px;line-height:1.4;color:#425571;font-size:12px;font-weight:650;white-space:normal}
.msh-customer-header .msh-panel a:hover{color:#0754dc;background:#f0f5ff}
.msh-customer-header .msh-actions{flex:0 0 auto;display:flex;align-items:center;gap:14px;font-size:12px;font-weight:760}
.msh-customer-header .msh-actions>a{color:#0c1729}
.msh-customer-header .msh-actions>a:hover{color:#0857f8}
.msh-customer-header .msh-signout{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;color:#0857f8;background:#fff;border:1px solid #cbdafe;border-radius:10px;cursor:pointer;font:800 12px/1.45 Inter,"Segoe UI",Arial,sans-serif}
.msh-customer-header .msh-signout:hover{background:#f3f7ff}
.msh-customer-header .msh-mobile-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #d4e1f2;border-radius:10px;background:#fff;color:#1559c8;cursor:pointer}
.msh-customer-header .msh-top-nav>a:focus-visible,.msh-customer-header summary:focus-visible,.msh-customer-header button:focus-visible,.msh-customer-header .msh-panel a:focus-visible{outline:2px solid #4f8af6;outline-offset:2px}
@media(max-width:1120px){
  .site-header,.msh-customer-header{height:72px!important;min-height:72px!important}
  .site-header .header-inner{height:72px!important;min-height:72px!important}
  .site-header .wordmark,.msh-customer-header .msh-brand{font-size:23px}
  .msh-customer-header .msh-inner{gap:12px}
  .msh-customer-header .msh-brand{margin-right:auto}
  .msh-customer-header .msh-mobile-toggle{display:inline-flex}
  .msh-customer-header .msh-top-nav{display:none;position:absolute;top:calc(100% + 1px);left:12px;right:12px;max-height:calc(100vh - 94px);overflow-y:auto;overscroll-behavior:contain;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2px;padding:12px;border:1px solid #dfe8f6;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 22px 42px rgba(10,33,71,.17);font-size:13px}
  .msh-customer-header .msh-top-nav.is-open{display:flex}
  .msh-customer-header .msh-dropdown{width:100%}
  .msh-customer-header .msh-top-nav>a,.msh-customer-header .msh-dropdown>summary{width:100%;min-height:46px;padding:12px}
  .msh-customer-header .msh-dropdown>summary .msh-chevron{margin-left:auto}
  .msh-customer-header .msh-panel{position:static;min-width:0;max-width:none;width:100%;margin:2px 0 6px;border:0;border-left:2px solid #dce8ff;border-radius:0;box-shadow:none;background:#fbfdff;padding:3px 5px 3px 12px}
  .msh-customer-header .msh-panel a{font-size:13px;padding:11px 12px}
}
@media(max-width:550px){
  .site-header .header-inner{padding-inline:12px!important}
  .site-header .wordmark,.msh-customer-header .msh-brand{font-size:20px}
  .msh-customer-header .msh-inner{padding-inline:12px;gap:9px}
  .msh-customer-header .msh-actions>a{display:none}
  .msh-customer-header .msh-signout{padding:7px 10px;font-size:12px;min-height:37px}
  .msh-customer-header .msh-mobile-toggle{width:38px;height:38px;flex:0 0 38px}
}

/* Ver008: rigid, screen-centered middle menu.
   Independent equal side tracks stop the right-hand Sign In/Subscribe or
   Plans/Sign Out actions from changing the middle menu's x position. */
@media (min-width:1121px){
  .site-header .header-inner,
  .msh-customer-header .msh-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
    align-items:center;
    column-gap:0!important;
    justify-content:initial!important;
  }
  .site-header .wordmark,.msh-customer-header .msh-brand{
    grid-column:1;justify-self:start;margin:0!important;
  }
  .site-header .nav-links,.msh-customer-header .msh-top-nav{
    grid-column:2;justify-self:center;
    margin:0!important;
    flex:none!important;
    width:max-content;
  }
  .site-header .header-actions,.msh-customer-header .msh-actions{
    grid-column:3;justify-self:end;margin:0!important;
    flex:none!important;
  }
  .site-header .menu-button,.msh-customer-header .msh-mobile-toggle{display:none!important}
}
/* Compact layouts switch to a mobile menu before the three zones collide. */
@media (max-width:1120px){
  .site-header .header-inner,.msh-customer-header .msh-inner{
    display:flex!important;align-items:center;
    justify-content:space-between!important;
    gap:12px!important;
  }
  .site-header .nav-links,.site-header .header-actions{display:none!important}
  .site-header .menu-button{display:block!important;margin-left:auto}
}

/* Ver010 — identical public menu on all pre-login pages, at desktop and
   mobile widths. Center menu is independent of left logo/right controls. */
.site-header.msh-public-header{box-sizing:border-box;position:sticky!important;top:0;z-index:105;width:100%;height:78px!important;min-height:78px!important;background:#fff;border-bottom:1px solid #e9edf5}
.msh-public-header,.msh-public-header *,.msh-public-header *:before,.msh-public-header *:after{box-sizing:border-box}
.site-header.msh-public-header .msh-public-inner{width:100%!important;max-width:1510px!important;height:78px!important;min-height:78px!important;margin:0 auto!important;padding-inline:clamp(16px,2vw,30px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);align-items:center;justify-content:initial!important;gap:0!important}
.site-header.msh-public-header .msh-public-brand{grid-column:1;justify-self:start;margin:0!important;white-space:nowrap;width:max-content;font:850 25px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-1px;color:#0c1729;text-decoration:none}
.msh-public-header .msh-public-brand span{color:#0857f8}
.site-header.msh-public-header .msh-public-nav{display:flex!important;grid-column:2;justify-self:center;align-items:center;justify-content:center;gap:36px;margin:0!important;width:max-content;font:650 14px/1.5 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.006em}
.site-header.msh-public-header .msh-public-actions{display:flex!important;grid-column:3;justify-self:end;align-items:center;gap:20px;margin:0!important;font:700 13px/1.4 Inter,"Segoe UI",Arial,sans-serif}
.msh-public-header .msh-public-nav a,.msh-public-header .msh-public-actions a{white-space:nowrap;text-decoration:none}
.site-header.msh-public-header .msh-public-cta{display:inline-flex;align-items:center;justify-content:center;height:40px;min-height:40px;padding:0 20px;border:1px solid #d1e0fb;border-radius:99px;color:#0757ee;font-size:13px;font-weight:760;box-shadow:0 3px 9px #1a58c209}
.msh-public-header .msh-public-cta:hover{background:#f0f5ff}
.site-header.msh-public-header .msh-public-toggle,.site-header.msh-public-header .msh-public-mobile{display:none!important}
.msh-public-header .msh-public-nav a[aria-current="page"]:after,.msh-public-header .msh-public-actions a[aria-current="page"]:after{transform:scaleX(1)}
@media(max-width:1120px){
 .site-header.msh-public-header{height:72px!important;min-height:72px!important}
 .site-header.msh-public-header .msh-public-inner{display:flex!important;gap:12px!important;justify-content:space-between!important;height:72px!important;min-height:72px!important;padding-inline:16px!important}
 .site-header.msh-public-header .msh-public-brand{flex:0 0 auto;font-size:23px;margin-right:auto!important}
 .site-header.msh-public-header .msh-public-nav,.site-header.msh-public-header .msh-public-actions{display:none!important}
 .site-header.msh-public-header .msh-public-toggle{display:flex!important;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;margin-left:auto;background:#fff;border:1px solid #d5e0ee;border-radius:11px;color:#075df0;cursor:pointer;padding:0}
 .site-header.msh-public-header .msh-public-mobile.open:not([hidden]){display:grid!important;position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 78px);overflow:auto;padding:18px clamp(20px,5vw,32px) 22px;border-top:1px solid #e2e8f3;background:#fff;box-shadow:0 20px 32px #172c5124;gap:0;z-index:120}
 .site-header.msh-public-header .msh-public-mobile a{display:block;min-height:50px;padding:14px 0;border-bottom:1px solid #e0e7f1;color:#0e1728;font:700 16px/1.45 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:.002em;text-decoration:none}
 .site-header.msh-public-header .msh-public-mobile a:last-child{width:max-content;min-height:42px;margin-top:12px;padding:9px 20px;border:1px solid #d1e0fb;border-radius:99px;color:#0757ee}
 .msh-public-header .msh-public-mobile a:hover{color:#0757ee}
}
@media(max-width:550px){.site-header.msh-public-header .msh-public-inner{padding-inline:12px!important}.site-header.msh-public-header .msh-public-brand{font-size:20px}}


/* Ver015: owner name for the signed-in Plans header (not public visitors). */
.msh-customer-header .msh-owner-chip {
  min-width:0;max-width:170px;display:inline-flex;align-items:center;gap:7px;
  color:#405675;font:750 12px/1.3 Inter,"Segoe UI",Arial,sans-serif;
}
.msh-customer-header .msh-owner-chip svg {flex:0 0 16px}
.msh-customer-header .msh-owner-name {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msh-customer-header .msh-owner-subline {display:none!important;color:#60748f!important;font:650 11px/1.15 Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1439px) {
  .msh-customer-header .msh-owner-chip {display:none!important}
  .msh-customer-header a.msh-brand {display:block;min-width:0;max-width:calc(100vw - 165px);overflow:hidden}
  .msh-customer-header a.msh-brand .msh-owner-subline {display:block!important}
}
@media(max-width:550px) {
  .msh-customer-header a.msh-brand {font-size:20px!important;max-width:calc(100vw - 157px);flex:0 1 auto}
  .msh-customer-header a.msh-brand .msh-owner-subline {font-size:10px!important}
}
@media(max-width:375px) {
  .msh-customer-header a.msh-brand {font-size:18px!important;max-width:calc(100vw - 148px)}
  .msh-customer-header a.msh-brand .msh-owner-subline {font-size:9.5px!important}
}

/* Ver017 — authenticated account reference without disturbing the centered nav. */
.site-header.msh-public-header .msh-public-brand{min-width:0;max-width:100%;overflow:hidden;display:block}
.msh-public-header .msh-public-signed-in{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#41617e;font:650 10px/1.2 Inter,"Segoe UI",Arial,sans-serif!important;letter-spacing:0}
.msh-public-header .msh-public-signed-in::first-letter{color:#16805a}
.msh-public-header .msh-public-mobile-identity{font-size:12px;line-height:1.5;color:#1c7052;background:#eaf8f0;border:1px solid #cdebdc;border-radius:9px;padding:10px 12px;overflow-wrap:anywhere;margin-bottom:6px}
.msh-public-header .msh-public-actions [hidden],.msh-public-header .msh-public-mobile [hidden]{display:none!important}
@media(max-width:1120px){.msh-public-header .msh-public-brand{max-width:calc(100vw - 96px)}.msh-public-header .msh-public-signed-in{font-size:10px}}
@media(max-width:400px){.msh-public-header .msh-public-signed-in{font-size:9.5px}}

/* Ver018: business-named My Account dropdown replaces the duplicate right-side
   person chip and the independent Sign Out action on signed-in Plans pages. */
.msh-customer-header .msh-owner-chip,
.msh-customer-header .msh-owner-subline{display:none!important}
.msh-customer-header .msh-business-account-menu>summary .msh-business-account-name{
  display:block;min-width:0;max-width:155px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;font:inherit;
}
.msh-customer-header .msh-business-account-divider{height:1px;margin:5px 7px;background:#e2eaf5}
.msh-customer-header .msh-panel .msh-business-signout{
  display:block!important;width:100%;height:auto;min-height:42px;
  margin:0!important;padding:11px 12px!important;
  border:0!important;border-radius:8px!important;
  background:transparent!important;box-shadow:none!important;
  text-align:left;color:#bc334c!important;
  font:700 12px/1.4 Inter,"Segoe UI",Arial,sans-serif!important;
  white-space:normal;cursor:pointer;
}
.msh-customer-header .msh-panel .msh-business-signout:hover{background:#fff1f4!important;color:#a92741!important}
.msh-customer-header .msh-panel .msh-business-signout:focus-visible{outline:2px solid #568af8;outline-offset:1px}
.msh-customer-header a.msh-brand .msh-owner-subline{display:none!important}
@media(min-width:1121px) and (max-width:1375px){
 .msh-customer-header .msh-business-account-menu>summary .msh-business-account-name{max-width:110px}
}
@media(max-width:1120px){
 .msh-customer-header .msh-business-account-menu>summary .msh-business-account-name{
   max-width:none;overflow-wrap:anywhere;white-space:normal;line-height:1.4;
 }
 .msh-customer-header .msh-panel .msh-business-signout{font-size:14px!important}
}

/* Active public section follows the current link, not always Product. */
.msh-public-header .msh-public-nav a[aria-current="location"]:after{transform:scaleX(1)!important}
.msh-public-header .msh-public-nav a:not([aria-current]):after{transform:scaleX(0)}
#features,#how-it-works{scroll-margin-top:110px}

/* Single seamless curve: the line and curve share ONE SVG stroke.
   No opaque masking rectangle, no second horizontal border. */
.site-header.msh-public-header{
 position:sticky!important;border-bottom:0!important;
 box-shadow:0 3px 10px rgba(20,57,89,.035)!important;
}
.site-header.msh-public-header::before{content:none!important}
.site-header.msh-public-header::after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;
 bottom:-1px!important;width:100%!important;height:17px!important;
 z-index:2;pointer-events:none;background-color:transparent!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1920' height='17' viewBox='0 0 1920 17' preserveAspectRatio='none'%3E%3Cpath d='M0 15 H225 C250 15 257 3 285 3 H1920' fill='none' stroke='%23d6e2eb' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E")!important;
 background-position:left bottom!important;background-size:100% 100%!important;background-repeat:no-repeat!important;
 filter:drop-shadow(0 2px 1px rgba(20,57,89,.08))!important;
}
@media(max-width:740px){.site-header.msh-public-header::after{height:13px!important}}

/* Remove duplicate straight border from legacy vista header rules. The SVG is the only divider. */
html[data-msh-vista="public"] header.site-header.msh-public-header,
html[data-msh-vista="public"] .site-header.msh-public-header{
 border-bottom:0!important;box-shadow:none!important;
}
html[data-msh-vista="public"] .site-header.msh-public-header::before{content:none!important;display:none!important}

/* Transparent area beneath the curved divider: paint only ABOVE the curve.
   The header element itself has no opaque rectangular background. */
html[data-msh-vista="public"] .site-header.msh-public-header,
.site-header.msh-public-header{
 background:transparent!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 border-bottom:0!important;box-shadow:none!important;
}
html[data-msh-vista="public"] .site-header.msh-public-header::before,
.site-header.msh-public-header::before{
 content:""!important;display:block!important;
 position:absolute;inset:0;z-index:0;pointer-events:none;
 background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 78' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H1920 V64 H285 C257 64 250 76 225 76 H0 Z' fill='%23ffffff'/%3E%3C/svg%3E") left top/100% 100% no-repeat!important;
}
.site-header.msh-public-header>.header-inner{position:relative;z-index:3}

/* Header divider is sized from the visible logo on both desktop and phone. */
.site-header.msh-public-header::after,
.msh-customer-header::after{
 content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;
 width:100%!important;height:17px!important;z-index:2;pointer-events:none;
 background:var(--msh-logo-divider-line,none) left bottom / 100% 100% no-repeat!important;
 filter:drop-shadow(0 2px 1px rgba(20,57,89,.08))!important;
}
.site-header.msh-public-header::before,
.msh-customer-header::before{
 content:""!important;display:block!important;position:absolute!important;
 left:0!important;right:0!important;top:auto!important;bottom:-1px!important;
 height:17px!important;width:100%!important;pointer-events:none;z-index:0;
 background:var(--msh-logo-divider-fill,none) left bottom/100% 100% no-repeat!important;
}
.msh-customer-header{position:sticky!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important}
.msh-customer-header>.msh-inner{position:relative;z-index:3}
@media(max-width:740px){
 .site-header.msh-public-header::after,.site-header.msh-public-header::before,
 .msh-customer-header::after,.msh-customer-header::before{height:17px!important}
}

/* Keep the navigational area white while the curved lower cutout shows through. */
html[data-msh-vista="public"] .site-header.msh-public-header,
.site-header.msh-public-header,
.msh-customer-header{
 background:linear-gradient(to bottom,#fff 0%,#fff calc(100% - 16px),transparent calc(100% - 16px),transparent 100%)!important;
}

/* Public header: match the see-through treatment of signed-in customer header.
   Preserve the curved SVG stroke and navigation, but do not paint a white panel. */
html[data-msh-vista="public"] .site-header.msh-public-header,
html body .site-header.msh-public-header{
 background:rgba(255,255,255,.70)!important;background-color:rgba(255,255,255,.70)!important;
 background-image:none!important;
 backdrop-filter:blur(24px) saturate(1.1)!important;
 -webkit-backdrop-filter:blur(24px) saturate(1.1)!important;
 border-bottom:0!important;box-shadow:none!important;
}
html[data-msh-vista="public"] .site-header.msh-public-header::before,
html body .site-header.msh-public-header::before{
 content:none!important;display:none!important;background:none!important;
}
html[data-msh-vista="public"] .site-header.msh-public-header::after,
html body .site-header.msh-public-header::after{
 content:""!important;display:block!important;
 background:var(--msh-logo-divider-line,none) left bottom/100% 100% no-repeat!important;
}

/* Public mobile header: frosted 30%-transparent surface and centered hamburger. */
@media (max-width:740px){
 html[data-msh-vista="public"] .site-header.msh-public-header,
 html body .site-header.msh-public-header{
  background:rgba(255,255,255,.70)!important;
  background-color:rgba(255,255,255,.70)!important;
  background-image:none!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.1)!important;
  backdrop-filter:blur(24px) saturate(1.1)!important;
  border-bottom:0!important;
  box-shadow:none!important;
 }
 html body .site-header.msh-public-header .msh-public-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:0!important;
  text-align:center!important;
 }
 html body .site-header.msh-public-header .msh-public-toggle svg{
  display:block!important;
  width:22px!important;height:22px!important;
  flex:0 0 22px!important;
  margin:auto!important;
  align-self:center!important;
  transform:none!important;
  vertical-align:middle!important;
 }
}

/* Public phone: keep logo ABOVE frosted overlay and center the menu in the full row.
   The previous absolute positioning removed the inner row's z-index, hiding the logo. */
@media (max-width:740px){
 html body .site-header.msh-public-header .msh-public-inner{
  position:relative!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:72px!important;
  min-height:72px!important;
 }
 html body .site-header.msh-public-header .msh-public-inner>.msh-public-brand-stack{
  position:relative!important;
  z-index:1!important;
  flex:0 1 auto!important;
  min-width:0!important;
  visibility:visible!important;
 }
 html body .site-header.msh-public-header .msh-public-inner>.msh-public-toggle{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  transform:translateY(-5px)!important;
  translate:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  line-height:0!important;
 }
 html body .site-header.msh-public-header .msh-public-inner>.msh-public-toggle svg{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  translate:none!important;
  display:block!important;
  align-self:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
 }
}


/* Public homepage/header dropdown typography: match the signed-in customer
   account dropdown, at the requested 16px. Keep top-level desktop links,
   Get Started CTA shape, the header divider, and all destinations unchanged. */
html[data-msh-vista="public"] body .site-header.msh-public-header
 :is(.msh-public-mobile a,.msh-public-business-panel > a,.msh-public-business-panel > button){
 font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Arial,sans-serif!important;
 font-size:16px!important;
 font-weight:500!important;
 line-height:1.4!important;
 letter-spacing:0!important;
 color:#333b43!important;
 text-decoration:none!important;
}
html[data-msh-vista="public"] body .site-header.msh-public-header
 :is(.msh-public-mobile a,.msh-public-business-panel > a,.msh-public-business-panel > button):is(:hover,:focus-visible,:active,[aria-current="page"],[aria-current="location"]){
 background:#E8F0F3!important;
 color:#292e33!important;
}


/* Public mobile navigation: compact customer-sidebar style. Only aria-current
   represents persistent selection; iOS Safari may otherwise retain :hover
   after a touch, making two different pages appear selected. */
@media(max-width:1120px){
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile.open:not([hidden]){
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:3px!important;
  padding:12px 16px 18px!important;
  border-top:0!important;
  border-radius:0 0 18px 18px!important;
  background:#fff!important;
  max-height:calc(100dvh - 78px)!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
 }
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile > a{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-height:48px!important;
  margin:0!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#333b43!important;
  font-size:16px!important;
  font-weight:500!important;
  text-decoration:none!important;
  white-space:normal!important;
  transition:background-color 160ms ease,color 160ms ease!important;
 }
 /* Distinct action, aligned to the same full-width row and left text inset. */
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile > a.msh-public-cta{
  justify-content:flex-start!important;
  width:100%!important;
  min-height:48px!important;
  margin:7px 0 0!important;
  padding:12px 14px!important;
  border:1px solid #d1e2ea!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#333b43!important;
  box-shadow:none!important;
 }
 /* Selected page/section gets one pill, like the signed-in left sidebar. */
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile > a:is([aria-current="page"],[aria-current="location"]){
  background:#E8F0F3!important;
  color:#292e33!important;
 }
}
/* Only desktop-class pointing devices receive a sticky hover treatment. */
@media(max-width:1120px) and (hover:hover) and (pointer:fine){
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile > a:not([aria-current]):hover{
  background:#f1f5f6!important;
  color:#292e33!important;
 }
}
@media(max-width:1120px) and (hover:none){
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile > a:not([aria-current]):is(:hover,:focus,:active){
  background:transparent!important;
  color:#333b43!important;
 }
 /* An accessible focus outline remains visible for keyboard navigation. */
 html[data-msh-vista="public"] body .site-header.msh-public-header
 .msh-public-mobile > a:focus-visible{
  outline:2px solid #80DDFC!important;
  outline-offset:-2px!important;
 }
}