/* Supplied brand mark, with original transparency. */
.brand, .admin-brand { display: inline-flex; align-items: center; gap: 4px; }
.brand .brand-logo, .admin-brand .brand-logo { display: block; flex: 0 0 auto; width: 48px; height: 48px; object-fit: contain; }
.brand span, .admin-brand span { white-space: nowrap; }
@media (max-width: 700px) {
  .brand, .admin-brand { gap: 2px; }
  .brand .brand-logo, .admin-brand .brand-logo { width: 34px; height: 34px; }
}
@media (max-width: 380px) {
  .brand span { font-size: 11px; letter-spacing: .1em; }
  .brand .brand-logo { width: 30px; height: 30px; }
}
@media (max-width: 440px) {
  .site-nav .brand span { font-size: 11px !important; letter-spacing: .1em !important; }
}
@media (max-width: 380px) {
  .site-nav .brand { gap: 2px; }
  .site-nav .brand .brand-logo { width: 26px; height: 26px; }
  .site-nav .brand span { max-width: 58px; white-space: normal; text-align: left; font-size: 10px !important; line-height: 1.35; }
}

/* Primary pages sit beside the brand; account controls keep their right edge. */
@media (min-width: 901px) {
  .site-nav .desktop-nav {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: clamp(22px, 2.4vw, 40px);
    gap: 24px;
  }
  .site-nav .primary-nav-links {
    display: flex;
    align-items: center;
    gap: clamp(22px, 2.4vw, 40px);
  }
  .site-nav .primary-nav-links > button { white-space: nowrap; }
  .site-nav .primary-nav-links > .nav-member { margin: 0 !important; }
  .site-nav .primary-nav-links > .nav-member[hidden] { display: none !important; }
  .site-nav .member-nav-account-global,
  .site-nav .member-nav-account { margin-left: auto; }
}