/* One public header: retain the homepage layout on every browsing page. */
:root {
  --header-h: 74px;
  --site-header-height: var(--header-h);
  --home-cta-gradient: linear-gradient(105deg, #ce4a08, #c84704 55%, #b63e04);
  --home-cta-gradient-hover: linear-gradient(105deg, #bf4105, #b93f04 55%, #a93803);
}

body .site-header__inner { max-width: 1440px; gap: clamp(.7rem, 1.4vw, 1.4rem); padding-inline: clamp(1.5rem, 3.5vw, 3.2rem); }
body .site-header {
  background: rgb(12 16 18 / 95%);
  border-bottom-color: rgb(255 255 255 / 9%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
body .site-header.is-over-hero:not(.is-scrolled) {
  background: transparent;
  border-bottom-color: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body .site-wordmark .brand-logo { width: 180px; }
body .site-nav__list { gap: .75rem; }
body .site-nav__link { position: relative; display: inline-flex; align-items: center; height: 44px; min-height: 44px; padding: .5rem .15rem; color: #d5d8d8; border: 1px solid transparent; border-radius: 0; }
body .site-nav__link:hover,
body .site-nav__link--toggle[aria-expanded="true"] { color: #fff; background: transparent; }
body .site-nav__link.is-active,
body .site-account__login.is-active { color: #fff; background: transparent; box-shadow: none; }
/* Current page and open dropdown are distinct: a straight line versus a halo. */
body .site-nav__link.is-active::after,
body .site-account__login.is-active::after { content: ""; position: absolute; inset-inline: .15rem; bottom: 0; height: 2px; background: #f46b13; pointer-events: none; }
body .site-search { border-radius: 12px; background: #ffffff08; border-color: #ffffff2b; }
body .site-search:focus-within { background: var(--entry-surface, #1c2522); }
body .site-cta { padding: .65rem 1rem; border-radius: 10px; background: var(--home-cta-gradient); border-color: #c84704; box-shadow: none; }
body .site-cta:hover { background: var(--home-cta-gradient-hover); border-color: #b93f04; box-shadow: none; }
body .site-account__login { position: relative; height: 44px; min-height: 44px; border-color: transparent; color: #e8ebea; }
body .site-account__login:hover { color: #fff; background: #ffffff08; border-color: transparent; }
body .site-nav__menu,
body .site-account__menu { background: #1a2022; border-color: #ffffff20; }
body .site-nav__menu-count { color: #c0c8c8; }
.home-nav-account { display: none; }

@media (min-width: 1680px) {
  body .site-header__inner { max-width: 1520px; }
}
@media (min-width: 821px) and (max-width: 1100px) {
  body .site-wordmark .brand-logo { width: 155px; }
  body .site-header__inner { gap: .75rem; padding-inline: 1.5rem; }
  body .site-nav__list { gap: .45rem; }
  body .site-cta { padding: .6rem .75rem; }
}
@media (max-width: 820px) {
  :root { --header-h: 68px; --site-header-height: var(--header-h); }
  body .site-header__inner { flex-wrap: nowrap; gap: .65rem; min-height: var(--header-h); padding-block: .5rem; padding-inline: 1rem; }
  body .site-search, body .site-searchicon { display: none; }
  body .site-wordmark { order: 1; margin-right: auto; }
  body .site-wordmark .brand-logo { width: 145px; }
  body .site-account { order: 2; gap: .35rem; }
  body .site-header__inner:has(.site-account__chip) .brand-logo { width: 120px; }
  body .site-account__chip { gap: 0; padding: .3rem; }
  body .site-account__chip .site-nav__chevron { display: none; }
  body .site-account__login { display: none; }
  body .site-nav { order: 3; }
  body .site-nav__toggle { padding: .3rem; border-color: transparent; background: transparent; }
  body .site-nav__toggle > .icon { width: 26px; height: 26px; }
  body .site-nav__toggle span { display: none; }
  body .site-nav__list { gap: .25rem; background: #171e20; border-color: #ffffff20; }
  body .site-nav__link { padding: .7rem .8rem; border-radius: 5px; }
  body .site-nav__link.is-active { width: fit-content; box-shadow: none; background: transparent; color: #fff; }
  body .site-nav__link.is-active::after { inset-inline: 12px; }
  body .site-cta { gap: .4rem; padding: .65rem .75rem; font-size: .82rem; }
  body .site-cta span { display: inline; }
  body .home-nav-account { display: block; }
}
@media (max-width: 380px) {
  body .site-header__inner { gap: .5rem; padding-inline: .75rem; }
  body .site-wordmark .brand-logo { width: 126px; }
  body .site-header__inner:has(.site-account__chip) .brand-logo { width: 100px; }
  body .site-cta { padding: .6rem .65rem; font-size: .75rem; }
  body .site-cta > .icon { display: none; }
}