.site-nav .brand {
  color: inherit;
  text-decoration: none;
  flex-shrink: 0;
}

.site-nav .brand:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

.site-nav {
  gap: 12px;
  flex-wrap: wrap;
}

.hero-inner,
.prose,
article {
  min-width: 0;
  overflow-wrap: anywhere;
}

.display {
  font-size: 52px;
  letter-spacing: 0;
}

.prose .mono {
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .display {
    font-size: 32px;
  }
}

@media (max-width: 380px) {
  .metric-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}