.mb-topbar{position:relative;width:100%;background:var(--color-accent-red);color:var(--color-text-on-red);z-index:1000;font-size:var(--fs-6)}
.mb-topbar-inner{max-width:var(--container-wide);margin:auto;padding:0.4rem 1rem;text-align:center;line-height:1.4}

.mb-header{position:sticky;top:0;z-index:999;box-shadow:var(--shadow-soft);background:var(--color-bg-paper)}
.mb-header.mb-menu-open{z-index:1002}
.mb-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-3)}

.mb-brand{display:flex;align-items:center;gap:0.6rem;min-width:0}
.mb-logo{height:52px;width:auto}
.mb-brand-text{display:flex;gap:0.2rem;font-size:1.2rem}
.mb-brand-serif{font-family:var(--font-heading)}
.mb-brand-sans{font-family:var(--font-body)}

.mb-nav{display:flex}
.mb-nav-list{display:flex;gap:1.2rem;list-style:none;margin:0;padding:0}
.mb-nav-list li{margin:0;padding:0}
.mb-nav a{font-size:var(--fs-6);white-space:nowrap}
.mb-nav-close{display:none}

.mb-burger{display:none;flex-direction:column;gap:4px;padding:0.5rem}
.mb-burger span{width:22px;height:2px;background:var(--color-text-primary);display:block}

.mb-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:998}

@media(max-width:900px){
  .mb-header-inner{min-height:64px}
  .mb-logo{height:42px}
  .mb-brand-text{font-size:1.1rem}
  .mb-burger{align-items:center;justify-content:center;min-width:44px;min-height:44px}
  .mb-nav{position:fixed;top:0;right:0;height:100%;width:min(320px,88vw);background:var(--color-bg-paper);box-shadow:var(--shadow-soft);transform:translateX(100%);transition:transform var(--transition-fast);z-index:1001;padding:5rem 1.25rem 2rem;overflow-y:auto}
  .mb-nav.open{transform:translateX(0)}
  .mb-nav-close{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;background:var(--color-bg-alt);color:var(--color-text-primary);font-size:2rem;line-height:1;font-weight:300}
  .mb-nav-close:hover{background:var(--color-accent-gold)}
  .mb-nav-list{flex-direction:column;gap:1rem}
  .mb-nav a{display:block;padding:0.5rem 0;font-size:var(--fs-5)}
  .mb-burger{display:flex}
}

@media(max-width:480px){
  .mb-topbar-inner{padding:0.45rem var(--space-3)}
  .mb-brand{gap:0.45rem}
  .mb-brand-text{font-size:1rem}
}