/* Remove the narrow dark gutters around the two end tiles on phones. */
nav#nav > a:nth-child(n) {
  box-sizing: border-box !important;
}
@media (max-width: 650px) {
  body:has(.reference-home) nav#nav {
    width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-size: 100% auto !important;
  }
}
/* Keep the diamond centered on each tile after accounting for its divider. */
nav#nav > a.active::before {
  left: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
}