/* Site header (layouts/partials/nav.html).
   Mobile: name on top, then the links and CTA (pushed right) in one row
   that scrolls horizontally off the edge of the screen.
   Desktop: name left, links centered, CTA right. */
.SiteHeader{padding:0 4.1667vw}
.SiteHeader-name{display:block;font-size:1.35rem;line-height:1.2;margin-bottom:12px}
.SiteHeader-menu{display:flex;align-items:center;gap:24px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -4.1667vw;padding:4px 4.1667vw}
.SiteHeader-menu::-webkit-scrollbar{display:none}
.SiteHeader-links{display:flex;align-items:center;gap:24px}
.SiteHeader-cta,.SiteHeader-links a{flex-shrink:0}
.SiteHeader-cta{font-size:.88rem;padding:6px 14px;margin-left:auto}
@media(min-width: 48rem){
  .SiteHeader{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"name links cta";align-items:center;column-gap:16px}
  .SiteHeader-name{grid-area:name;font-size:1.6rem;margin-bottom:0}
  .SiteHeader-menu{display:contents}
  .SiteHeader-links{grid-area:links;gap:32px}
  .SiteHeader-cta{grid-area:cta;justify-self:end}
}