.nav__item {
  color: var(--color-text-primary);
  text-decoration: none; }
  .nav__item:not(.nav__item_current):hover {
    color: var(--color-accent);
    text-decoration: underline;
    text-underline-offset: 3px; }

.nav__item_current {
  color: var(--color-accent);
  font-weight: var(--font-weight-bold);
  cursor: default; }

.nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
  font-size: var(--font-size-body); }