/* Shared public-site header navigation. */
.site-header .main-nav a,
.head .nav a {
  box-sizing: border-box;
}

@media (min-width: 761px) {
  .site-header .main-nav a,
  .head .nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 42px;
    padding: 0 8px;
  }
}

@media (max-width: 760px) {
  .site-header .main-nav,
  .head .nav {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 4px;
    overflow: visible;
    white-space: nowrap;
  }

  .site-header .main-nav a,
  .head .nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    min-width: 0;
    height: 36px;
    padding: 0 3px;
    font-size: clamp(8px, 2.7vw, 11px);
    line-height: 1;
    text-align: center;
  }

  /* Keep the compact public-site footer navigation on one clean line on phones. */
  .footer-inner,
  .foot {
    align-items: center !important;
    flex-direction: column !important;
    gap: 10px !important;
    text-align: center;
  }

  .footer-links,
  .links {
    display: flex !important;
    width: 100%;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: clamp(4px, 1.6vw, 10px) !important;
    overflow: hidden;
    white-space: nowrap;
    font-size: clamp(8px, 2.35vw, 11px);
  }
}