.dfs-nav {
  min-width: 0;
}

.dfs-nav__list {
  display: flex;
  align-items: center;
  gap: var(--dfs-space-6);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dfs-nav__link {
  position: relative;
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: var(--dfs-color-ink);
  font-size: var(--dfs-text-base);
  font-weight: var(--dfs-weight-medium);
  text-decoration: none;
  transition: color var(--dfs-transition-fast);
}

.dfs-nav__link:hover,
.dfs-nav__link[aria-current="page"] {
  color: var(--dfs-color-brand-active);
}

.dfs-nav__link[aria-current="page"]::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: var(--dfs-radius-pill);
  background: var(--dfs-color-brand);
  content: "";
}

.dfs-dropdown {
  min-width: 240px;
  padding: var(--dfs-space-3);
  border: 1px solid var(--dfs-color-border);
  border-radius: var(--dfs-radius-md);
  background: var(--dfs-color-surface);
  box-shadow: var(--dfs-shadow-md);
}

.dfs-dropdown__item {
  display: flex;
  min-height: 44px;
  align-items: center;
  gap: var(--dfs-space-3);
  padding: var(--dfs-space-2) var(--dfs-space-3);
  border-radius: var(--dfs-radius-sm);
  color: var(--dfs-color-text);
  text-decoration: none;
}

.dfs-dropdown__item:hover,
.dfs-dropdown__item:focus-visible {
  background: var(--dfs-color-brand-tint);
  color: var(--dfs-color-brand-active);
}