.page-nav {
  padding-top: calc(var(--body-padding) / 14);
  color: var(--color-red);
}

.page-title-container {
  max-width: calc(100vw - 4rem);
  margin: 0 auto;
  padding: 0 2rem;
  display: flex;
  gap: calc(var(--gap) / 2);
  justify-content: center;
}

.page-title-column {
  cursor: pointer;
}

.page-title-column .page-title {
  color: var(--color-gray);
}

.page-title-column.active .page-title {
  color: var(--color-red);
}

/* Mobile responsive padding */
@media (max-width: 1024px) {
  .page-nav {
    padding-top: 2rem;
  }
}