/* Layouts are completely controlled by the layout compositions, flow and cluster.
  All we do in this component is configure their spacing and the visual appearance
  of links. */
.nav {
  --flow-space: var(--space-m);
  --gutter: var(--space-m) var(--space-l);

  line-height: var(--line-height-s);
}

/* The default behaviour for links is to have an underline. We remove that only if
  the item isn't being hovered or is the current active page */
.nav a:not(:hover):not([aria-current='page']) {
  text-decoration: none;
}

/* List items within a nav don't need margin since the disc is removed */
.nav li {
  margin: 0;
}