.header .primary-navigation{align-items:center}
.primary-navigation a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.primary-navigation .home-link{font-weight:600;color:var(--green)}
.wordmark:hover{color:var(--green)}
html{scroll-padding-top:calc(var(--header) + 20px)}

@media(max-width:900px){
  :root{--header:106px}
  .header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:62px 44px;gap:0 12px;padding-inline:20px}
  .header>.wordmark{grid-column:1;grid-row:1;justify-self:start;font-size:21px}
  .header-tools{grid-column:2;grid-row:1;gap:12px}
  .header-tools select{font-size:11px;width:74px}
  .header .inquire{padding:9px 11px;font-size:11px}
  .header .primary-navigation{display:flex;grid-column:1/-1;grid-row:2;justify-content:space-between;gap:20px;min-width:0;max-width:100%;height:44px;overflow-x:auto;border-top:1px solid var(--line);font-size:12px;scrollbar-width:thin}
  .primary-navigation a{flex:none}
  .primary-navigation a:focus-visible{outline-offset:-3px}
}
@media(max-width:370px){
  .header{padding-inline:12px;column-gap:8px}
  .header>.wordmark{font-size:19px}
  .header-tools{gap:6px}
  .header-tools select{width:66px}
  .header .inquire{padding-inline:8px;font-size:10px}
  .header .primary-navigation{gap:14px}
}