@import url('./archive-foundation.css?v=mobile-ui-20261103-1');
/* Existing site header/footer navigation and the shared archive components. */
.w-header > nav.site-area-nav,
.site-header[data-site-shell="header"] > nav {
  flex-shrink: 0;
}

.w-header > nav.site-area-nav > a[data-trends-nav-link],
.site-header[data-site-shell="header"] > nav > a[data-trends-nav-link] {
  white-space: nowrap;
}

.w-footer .footer-navigation > nav.site-area-nav,
.site-footer[data-site-shell="footer"] .footer-navigation > nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 20px;
  row-gap: 0;
}

@media (max-width: 360px) {
  .w-header > a:first-child > img,
  .site-header[data-site-shell="header"] > .brand > img {
    width: 100px;
    height: auto;
  }

  .w-header > nav.site-area-nav,
  .site-header[data-site-shell="header"] > nav {
    gap: 8px;
  }
}