/* Corporate identity is scoped to the public site, not the Suite tenant logo. */
:root {
  --enterprise-ink: #142b4f;
  --enterprise-muted: #465975;
  --enterprise-surface: #f6f8fc;
  --enterprise-rule: #d7e0ef;
}

.site-header {
  background: var(--color-paper);
  color: var(--enterprise-ink);
  border-bottom: 1px solid var(--nachon-blue);
}

.site-header .header-inner {
  width: min(calc(100% - 2rem), 86rem);
  max-width: none;
  min-height: 5rem;
  margin-inline: auto;
  padding: 0.75rem 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
}

.site-header .site-logo--enterprise {
  display: flex;
  flex: 0 1 18rem;
  min-height: var(--touch-target);
  max-width: calc(100% - 4rem);
  padding: 0;
}

.site-header .site-logo--enterprise img {
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
}

.site-header .site-nav {
  display: none;
  flex-basis: 100%;
  align-items: stretch;
  padding-top: 0.5rem;
}

.site-header .nav-toggle[aria-expanded="true"] + .site-nav {
  display: flex;
}

.site-header .nav-toggle {
  display: inline-flex;
  flex: none;
  margin: 0;
}

.site-header .site-nav-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.25rem;
}

.site-specialty-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
  border-top: 1px solid var(--enterprise-rule);
  padding-top: 0.25rem;
}

.site-header .site-nav a {
  display: inline-flex;
  min-height: var(--touch-target);
  align-items: center;
  color: var(--enterprise-ink);
  font-weight: 600;
  text-decoration: none;
  padding: 0.5rem 0.65rem;
}

.site-header .site-nav a[aria-current="page"] {
  color: var(--nachon-blue-dark);
  box-shadow: inset 0 -3px var(--nachon-yellow);
}

.site-header .site-nav a:hover {
  color: var(--nachon-blue-dark);
  background: var(--enterprise-surface);
}

.site-header .lang-switch {
  border: 0;
  align-self: flex-start;
  white-space: nowrap;
}

.site-footer {
  background: var(--nachon-blue-dark);
}

html.embed .embed-brand {
  background: var(--color-paper);
  color: var(--enterprise-ink);
  border: 1px solid var(--enterprise-rule);
  border-bottom: 2px solid var(--nachon-blue);
  padding: 0.5rem 1rem;
}

html.embed .embed-brand-home {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 1rem;
}

html.embed .embed-brand-home img {
  width: min(17rem, 100%);
  height: auto;
  padding: 0;
  background: var(--color-paper);
}

html.embed .embed-site-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--enterprise-muted);
}

html.embed .embed-brand a:focus-visible {
  outline: 3px solid var(--nachon-blue-dark);
  outline-offset: 2px;
  box-shadow: var(--focus-ring);
}

@media (min-width: 72rem) {
  .site-header .header-inner {
    flex-wrap: nowrap;
  }

  .site-header .site-nav {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    padding-top: 0;
    flex-wrap: wrap;
  }

  .site-header .site-nav-list {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
    gap: 0.125rem;
  }

  .site-header .nav-toggle {
    display: none;
  }

  .site-header .lang-switch {
    align-self: center;
  }

  .site-specialty-nav {
    flex-basis: 100%;
    order: 2;
    justify-content: flex-end;
  }
}

@media (max-width: 29.99rem) {
  .site-header .site-logo--enterprise {
    flex-basis: 14rem;
  }

  html.embed .embed-brand {
    padding: 0.5rem;
    gap: 0.5rem;
  }

  html.embed .embed-brand-home img {
    width: min(12.5rem, 100%);
  }

  html.embed .embed-site-label {
    display: none;
  }
}

@media print {
  .site-header .site-nav,
  .site-header .nav-toggle {
    display: none;
  }
}