/*
 * The links every page shows to the others, in one order: Lab, Workshop, Gallery, and GitHub set apart at the end.
 * A page gives its nav the `site-nav` class and its GitHub link `site-nav__github`, and marks the link to the page
 * it is with aria-current="page". Each page keeps its own link size and colours; this only adds what they share.
 */
.site-nav a[aria-current="page"] {
  border-color: var(--lab-workshop-accent, #d47b72);
  color: var(--lab-workshop-accent, #d47b72);
  background: rgb(212 123 114 / 10%);
}

.site-nav .site-nav__github { margin-left: 10px; }

.site-nav__github svg { width: 16px; height: 16px; margin-right: 6px; fill: currentColor; vertical-align: -3px; }