/* One vector logo and direct routes, from the first paint through client navigation. */
.try478-brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  flex-shrink: 0;
  color: var(--forest);
}
.try478-brand .brand-wordmark,
.footer-main .try478-brand .brand-wordmark {
  display: block;
  width: 184px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.try478-brand .brand-region {
  font: 500 9px/1.4 var(--sans);
  letter-spacing: .1em;
  text-transform: uppercase;
}
.header-inner { gap: 32px; min-height: 98px; }
.header-right { gap: 14px; }
.desktop-nav { gap: 23px; }
.desktop-nav a { white-space: nowrap; }
.header-right .submit-link { white-space: nowrap; }
@media (max-width: 1100px) {
  .header-inner { gap: 23px; }
  .desktop-nav { gap: 18px; }
  .try478-brand .brand-wordmark { width: 159px; }
  .header-right .submit-link { font-size: 12px; }
}
@media (min-width: 601px) and (max-width: 900px) {
  .header-inner { display: grid; grid-template-columns: 1fr auto; gap: 15px; padding-block: 16px; }
  .desktop-nav { display: flex; grid-row: 2; grid-column: 1 / -1; justify-content: space-between; gap: 16px; margin: 0; }
  .header-right { grid-column: 2; grid-row: 1; }
}
@media (max-width: 600px) {
  .header-inner { min-height: 85px; padding-block: 13px; gap: 18px; }
  .try478-brand .brand-wordmark { width: 148px; }
  .try478-brand .brand-region { font-size: 8px; letter-spacing: .05em; }
  .desktop-nav { display: none; }
  .header-right { margin-left: auto; }
  .header-right .submit-link { display: inline-flex; font-size: 12px; min-height: 44px; align-items: center; gap: 6px; }
  .header-right .submit-link .icon { width: 15px; }
  .mobile-nav { grid-template-columns: repeat(5,minmax(0,1fr)); justify-content: stretch; }
  .mobile-nav a { flex: 1; min-width: 0; min-height: 51px; font-size: 10px; }
  .mobile-nav a[aria-current="page"] { color: var(--forest); font-weight: 700; }
  .mobile-nav a[aria-current="page"] .icon { stroke-width: 2.2; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

.site-search > summary { list-style: none; cursor: pointer; }
.site-search > summary::-webkit-details-marker { display: none; }
.site-search:not([open]) > .filter-panel { display: none; }