@media (max-width: 820px) {
  .site-header nav {
    flex-wrap: wrap;
    overflow: visible;
    gap: 0 6px;
  }

  .site-header nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: 0 8px;
  }
}

@media (max-width: 600px) {
  .progress-page .metric-picker {
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }

  .progress-page .metric-picker select {
    width: 100%;
    max-width: 100%;
  }
}