/* Keep the homepage wordmark's colors while preserving each page's Back,
   Search, and Account controls. Loaded after existing page styles. */
.site-header.kg-wordmark-header .header-inner {
  grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem max-content !important;
  gap: clamp(0.2rem, 1vw, 0.45rem) !important;
}
.site-header.kg-wordmark-header .brand-link {
  grid-column: 2 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100%;
  justify-content: flex-start !important;
  gap: 0.35rem;
  white-space: nowrap;
}
.site-header.kg-wordmark-header .brand-head-icon {
  flex: 0 0 auto;
}
.site-header.kg-wordmark-header .kg-header-wordmark {
  color: #16161d;
  font-size: clamp(0.91rem, 3.5vw, 1.35rem);
  font-weight: 850;
  letter-spacing: -0.035em;
  line-height: 1.1;
  white-space: nowrap;
}
.site-header.kg-wordmark-header .kg-header-wordmark-dot {
  color: #b94470;
}
.site-header.kg-wordmark-header .header-back-button,
.site-header.kg-wordmark-header .header-menu-button {
  grid-column: 1 !important;
}
.site-header.kg-wordmark-header .header-search-button {
  grid-column: 3 !important;
}
.site-header.kg-wordmark-header .header-account-button {
  grid-column: 4 !important;
}
@media (max-width: 359px) {
  .site-header.kg-wordmark-header .header-inner {
    gap: 0.2rem !important;
  }
  .site-header.kg-wordmark-header .brand-link {
    gap: 0.25rem;
  }
  .site-header.kg-wordmark-header .brand-head-icon {
    width: 1.65rem;
    height: 1.65rem;
  }
  .site-header.kg-wordmark-header .kg-header-wordmark {
    font-size: 0.78rem;
  }
  .site-header.kg-wordmark-header .header-account-button.header-account-pill {
    min-width: 4.2rem;
    padding-inline: 0.35rem;
  }
}