.lms-shell .site-header {
  background: var(--mpi-surface);
  border-bottom: 1px solid var(--mpi-border);
}

.lms-shell .site-header__nav {
  gap: 0.25rem;
  margin: 0 auto;
  max-width: 1440px;
  min-height: 57px;
  padding: 0 1rem;
}

.lms-shell .site-header .nav-link {
  align-items: center;
  color: var(--mpi-ink);
  display: inline-flex;
  font-size: 0.9375rem;
  font-weight: 600;
  min-height: 44px;
  min-width: 44px;
  padding: 0.5rem 0.75rem;
  text-decoration: none;
}

.lms-shell .site-header .btn {
  align-items: center;
  display: inline-flex;
  min-height: 44px;
}

.lms-shell .site-header .nav-link.is-active {
  border-bottom: 3px solid var(--mpi-primary);
  color: var(--mpi-primary);
}

.lms-shell .site-header__brand {
  align-items: center;
  color: var(--mpi-ink);
  display: inline-flex;
  gap: 0.55rem;
  min-height: 44px;
  padding-right: 0.75rem;
  text-decoration: none;
}

.lms-shell .site-header__mark {
  display: block;
  flex: 0 0 auto;
  height: 32px;
  width: 32px;
}

.lms-shell .site-header__title {
  color: var(--mpi-ink);
  font-size: 0.9375rem;
  font-weight: 700;
  white-space: nowrap;
}