/* Simplex at the base size, like the footer links */
.menu__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
}

.menu__link {
  font-family: var(--font-display);
  letter-spacing: 0.1em;
  text-decoration: none;
  /* In CSS, so page titles stay as typed for the tab title and screen readers */
  text-transform: uppercase;
  /* Simplex is a single-line font; the stroke thickens it */
  -webkit-text-stroke: 1.5px currentColor;
}

/* Back to the font's own thin line for the current page and the one under
   the pointer or focus */
.menu__link:hover,
.menu__link:focus-visible,
.menu__link[aria-current] {
  -webkit-text-stroke: 0;
}