.mbmi-header { padding-top:var(--mbmi-s5); position:relative; z-index:20; }
.mbmi-header-bar { min-height:80px; padding:var(--mbmi-s3) var(--mbmi-s5); border-radius:var(--mbmi-radius-card); display:flex; align-items:center; justify-content:space-between; gap:var(--mbmi-s5); }
.mbmi-brand { display:inline-flex; align-items:center; gap:var(--mbmi-s3); flex:none; }
.mbmi-brand img { width:54px; height:auto; }
.mbmi-wordmark { font:700 9px/1.45 var(--mbmi-sans); letter-spacing:.12em; color:var(--mbmi-text); }
.mbmi-desktop-nav { margin-left:auto; display:flex; align-items:center; gap:var(--mbmi-s5); }
.mbmi-nav-link,.mbmi-dropdown-trigger { min-height:44px; display:inline-flex; align-items:center; gap:var(--mbmi-s1); font:600 var(--mbmi-nav)/1.5 var(--mbmi-sans); white-space:nowrap; color:var(--mbmi-text); border:0; padding:0; background:none; }
.mbmi-nav-link:hover,.mbmi-dropdown-trigger:hover { color:var(--mbmi-blue); }
.mbmi-nav-link[aria-current=page],.mbmi-dropdown-trigger.is-current { color:var(--mbmi-blue); text-decoration:underline; text-underline-offset:7px; }
.mbmi-header-actions { display:flex; align-items:center; gap:var(--mbmi-s4); }
.mbmi-language { display:flex; align-items:center; }
.mbmi-language a { display:grid; place-items:center; min-width:36px; min-height:44px; font-size:var(--mbmi-meta); font-weight:500; color:var(--mbmi-muted); }
.mbmi-language a[aria-current] { color:var(--mbmi-blue); text-decoration:underline; text-underline-offset:4px; }
.mbmi-header .mbmi-button { min-height:44px; font-size:var(--mbmi-nav); padding-inline:var(--mbmi-s4); }
.mbmi-dropdown { position:relative; }
.mbmi-chevron { width:12px; height:12px; transition:transform var(--mbmi-fast); }
.mbmi-dropdown-trigger[aria-expanded=true] .mbmi-chevron { transform:rotate(180deg); }
.mbmi-dropdown-panel { position:absolute; top:calc(100% + 12px); left:-18px; min-width:228px; padding:var(--mbmi-s2); border:1px solid var(--mbmi-border); border-radius:var(--mbmi-radius-ui); background:var(--mbmi-white); box-shadow:var(--mbmi-shadow-elevated); }
.mbmi-dropdown-panel::before { content:''; position:absolute; left:0; right:0; top:-14px; height:14px; }
.mbmi-dropdown-panel a { display:flex; align-items:center; min-height:44px; padding:var(--mbmi-s2) var(--mbmi-s3); border-radius:8px; font-size:var(--mbmi-nav); color:var(--mbmi-text); }
.mbmi-dropdown-panel a:hover,.mbmi-dropdown-panel a[aria-current=page] { background:var(--mbmi-soft); color:var(--mbmi-blue); }
.mbmi-dropdown-panel:not([hidden]) { animation:mbmi-dropdown-fade var(--mbmi-fast) var(--mbmi-ease); }
@keyframes mbmi-dropdown-fade { from { opacity:0; } to { opacity:1; } }
.mbmi-v2:not(.mbmi-enhanced) .mbmi-dropdown-panel { display:none; }
.mbmi-v2:not(.mbmi-enhanced) .mbmi-dropdown:is(:hover,:focus-within) .mbmi-dropdown-panel { display:block; }
.mbmi-menu-toggle { display:none; min-width:44px; min-height:44px; border-radius:var(--mbmi-radius-ui); border:1px solid var(--mbmi-border); background:var(--mbmi-white); color:var(--mbmi-ink); }
.mbmi-menu-toggle svg { width:20px; height:20px; margin:auto; }
.mbmi-menu { position:fixed; inset:var(--mbmi-s4) var(--mbmi-gutter) auto; margin:0 auto; width:min(560px,calc(100% - var(--mbmi-gutter)*2)); max-width:none; max-height:calc(100dvh - var(--mbmi-s6)); padding:var(--mbmi-s5); border:1px solid var(--mbmi-border); border-radius:var(--mbmi-radius-card); color:var(--mbmi-ink); background:var(--mbmi-white); box-shadow:var(--mbmi-shadow-elevated); overflow-y:auto; overscroll-behavior:contain; }
.mbmi-menu::backdrop { background:#07111f55; backdrop-filter:blur(6px); }
.mbmi-menu-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--mbmi-s4); margin-bottom:var(--mbmi-s4); }
.mbmi-menu-close { width:44px; height:44px; border:1px solid var(--mbmi-border); border-radius:var(--mbmi-radius-ui); background:var(--mbmi-soft); color:var(--mbmi-ink); font-size:24px !important; }
.mbmi-menu-close { flex:none; }
.mbmi-menu-top .mbmi-eyebrow,.mbmi-menu-nav a,.mbmi-menu-bottom .mbmi-button { min-width:0; overflow-wrap:anywhere; }
.mbmi-menu .mbmi-language a { min-width:44px; }
.mbmi-menu { padding-inline:min(var(--mbmi-s5),24px); }
.mbmi-menu-nav a { padding-inline:min(var(--mbmi-s3),12px); }
.mbmi-menu-bottom .mbmi-button { flex-wrap:wrap; padding-inline:min(var(--mbmi-s5),24px); }
.mbmi-menu-nav { display:grid; gap:var(--mbmi-s1); }
.mbmi-menu-nav a { display:flex; align-items:center; min-height:48px; padding:var(--mbmi-s2) var(--mbmi-s3); border-radius:var(--mbmi-radius-ui); font-size:var(--mbmi-body); font-weight:500; }
.mbmi-menu-nav a:hover,.mbmi-menu-nav a[aria-current=page] { background:var(--mbmi-soft); color:var(--mbmi-blue); }
.mbmi-menu-bottom { display:flex; flex-wrap:wrap; align-items:center; gap:var(--mbmi-s4); padding-top:var(--mbmi-s5); margin-top:var(--mbmi-s4); border-top:1px solid var(--mbmi-border); }
.mbmi-scroll-locked { overflow:hidden; }
.mbmi-skip { position:fixed; top:var(--mbmi-s2); left:var(--mbmi-s4); z-index:100; padding:var(--mbmi-s3) var(--mbmi-s4); background:var(--mbmi-blue); color:white !important; transform:translateY(-180%); border-radius:var(--mbmi-radius-ui); }
.mbmi-skip:focus { transform:none; }
.mbmi-footer { margin-top:var(--mbmi-section-space); padding-block:var(--mbmi-s7) var(--mbmi-s6); border-top:1px solid var(--mbmi-border); }
.mbmi-footer-main { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--mbmi-s7); }
.mbmi-footer-nav { display:grid; grid-template-columns:repeat(4,auto); gap:var(--mbmi-s2) var(--mbmi-s6); }
.mbmi-footer a:not(.mbmi-brand) { display:inline-flex; align-items:center; min-height:44px; font-size:var(--mbmi-meta); color:var(--mbmi-text); }
.mbmi-footer a:hover { color:var(--mbmi-blue); text-decoration:underline; text-underline-offset:5px; }
.mbmi-footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--mbmi-s5); margin-top:var(--mbmi-s6); padding-top:var(--mbmi-s5); border-top:1px solid var(--mbmi-border); }
.mbmi-footer-legal { display:flex; flex-wrap:wrap; gap:var(--mbmi-s5); }
.mbmi-fallback-nav { display:none; }
@media (max-width:1200px) { .mbmi-desktop-nav { gap:var(--mbmi-s4); } .mbmi-header-bar { gap:var(--mbmi-s4); padding-inline:var(--mbmi-s4); } .mbmi-header-actions { gap:var(--mbmi-s2); } }
@media (max-width:1080px) {
  .mbmi-desktop-nav,.mbmi-header-actions > .mbmi-button { display:none; }
  .mbmi-enhanced .mbmi-menu-toggle { display:block; }
  .mbmi-fallback-nav { display:flex; flex-wrap:wrap; gap:var(--mbmi-s3) var(--mbmi-s5); margin-top:var(--mbmi-s4); }
  .mbmi-fallback-nav a { min-height:44px; display:flex; align-items:center; }
}
@media (max-width:700px) {
  .mbmi-header { padding-top:var(--mbmi-s4); }
  .mbmi-header-bar { min-height:72px; border-radius:var(--mbmi-radius-card); gap:var(--mbmi-s2); padding:var(--mbmi-s3); }
  .mbmi-brand { gap:var(--mbmi-s2); }
  .mbmi-brand img { width:48px; }
  .mbmi-wordmark { font-size:8px; }
  .mbmi-header-actions > .mbmi-language { display:none; }
  .mbmi-menu-bottom { align-items:stretch; flex-direction:column; }
  .mbmi-menu-bottom .mbmi-language { align-self:flex-start; }
  .mbmi-menu-bottom .mbmi-language a { min-width:44px; }
  .mbmi-footer-main { flex-direction:column; gap:var(--mbmi-s5); }
  .mbmi-footer-nav { grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:var(--mbmi-s2) var(--mbmi-s4); }
  .mbmi-footer-bottom { align-items:flex-start; flex-direction:column; gap:var(--mbmi-s3); }
}

:is(.mbmi-desktop-nav,.mbmi-menu-nav,.mbmi-fallback-nav) a[href^="/members/"] {
  position:relative; isolation:isolate; color:var(--mbmi-blue); border-radius:var(--mbmi-radius-ui);
}
:is(.mbmi-desktop-nav,.mbmi-menu-nav,.mbmi-fallback-nav) a[href^="/members/"]::before {
  content:''; position:absolute; inset:4px -8px; z-index:-1; pointer-events:none;
  border:1px solid var(--mbmi-blue); border-radius:inherit;
}
.mbmi-menu-nav a[href^="/members/"]::before { inset:0; }
:is(.mbmi-desktop-nav,.mbmi-menu-nav,.mbmi-fallback-nav) a[href^="/members/"]:hover::before { background:var(--mbmi-soft); }
:is(.mbmi-desktop-nav,.mbmi-menu-nav,.mbmi-fallback-nav) a[href^="/members/"]:focus-visible { outline:2px solid var(--mbmi-blue); outline-offset:3px; }
