/* Mobile navigation only. DESIGN's scoped overrides retain precedence. */
@media (max-width:760px) {
  .topbar,.detail-nav {
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    column-gap:10px;
    padding-inline:16px;
  }
  .topbar>.brand-bar,.detail-nav>.brand-bar {
    grid-column:auto;
    justify-self:start;
    width:max-content;
    max-width:100%;
    min-height:44px;
    padding:8px 12px;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:0;
  }
  .topbar .brand-tagline,.detail-nav .brand-tagline {display:none;}
  .topbar>.nav-pill,.detail-nav>.nav-pill {
    width:auto;
    min-height:44px;
    padding:8px 12px;
    gap:8px;
    font-size:14px;
    white-space:nowrap;
  }
  .topbar>.dropdown-panel,.detail-nav>.dropdown-panel {
    right:16px;
    width:calc(100% - 32px);
    max-width:calc(100vw - 32px);
    max-height:calc(100dvh - 82px);
    overflow-wrap:anywhere;
  }
}