/* Cookie banner: site body typeface (Inter), not the heading serif. */
.sqs-cookie-banner-v2,
.sqs-cookie-banner-v2 p,
.sqs-cookie-banner-v2 button,
.sqs-cookie-banner-v2 a,
.sqs-cookie-banner-v2 .sqs-cookie-banner-v2-text,
.sqs-cookie-banner-v2 .sqs-cookie-banner-v2-cta {
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif !important;
  font-style: normal;
}

/* Desktop header only. The mobile overlay menu is unchanged.
   The centered Squarespace layout gives the nav about a third of the bar, so the
   links wrap. On desktop the logo and social icons keep their own width and the
   nav uses the space between them, on one line. */

@media screen and (min-width: 800px) {
  .header-layout-nav-center > .header-display-desktop .header-title-nav-wrapper {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }

  .header-layout-nav-center > .header-display-desktop .header-title {
    flex: 0 0 auto;
    width: auto;
  }

  .header-layout-nav-center > .header-display-desktop .header-nav {
    container-type: inline-size;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    max-width: none;
  }

  .header-layout-nav-center > .header-display-desktop .header-nav-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    column-gap: clamp(4px, 0.85vw, 18px);
  }

  .header-layout-nav-center > .header-display-desktop .header-nav .header-nav-item {
    flex: 0 0 auto;
    margin-left: 0;
    margin-right: 0;
    font-size: clamp(11px, 2.05cqi, 17px);
  }

  .header-layout-nav-center > .header-display-desktop .header-actions {
    flex: 0 0 auto;
    width: auto;
  }
}