.site-topbar .site-menu-toggle { display: none; }
.site-topbar #siteMenu { display: flex; align-items: center; gap: 14px; }
.site-topbar #siteMenu [hidden] { display: none !important; }
.site-topbar [data-staff-invite] { font-weight: 700; }
@media screen and (max-width: 860px) {
  .site-topbar.has-menu { position: relative; z-index: 12; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; gap: 12px; padding: 10px max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left)); }
  .site-topbar.has-menu .cantera-logo { width: 140px; height: auto; }
  .has-menu .site-menu-toggle { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 14px; }
  .site-topbar.has-menu #siteMenu { display: none; position: absolute; right: max(12px, env(safe-area-inset-right)); top: calc(100% + 3px); width: min(19rem, calc(100% - 24px)); max-height: 70dvh; overflow-y: auto; padding: 8px; margin: 0; background: white; border: 1px solid #cbd6cf; border-radius: 13px; box-shadow: 0 12px 36px #163b3424; }
  .site-topbar .site-menu-toggle[aria-expanded="true"] + #siteMenu { display: grid; gap: 2px; }
  .site-topbar.has-menu #siteMenu > :is(a, button) { display: flex; align-items: center; justify-content: flex-start; width: 100%; max-width: none; min-height: 44px; margin: 0; padding: 10px 12px; text-align: left; border: 0; border-radius: 6px; background: transparent; color: #173c35; font: 600 14px/1.35 Arial, sans-serif; text-decoration: none; }
  .site-topbar.has-menu #siteMenu > :is(a, button):is(:hover, :focus-visible) { background: #edf2ed; }
}