/* Additional responsive tweaks */
@media (max-width: 700px) {
  .site-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  .site-header nav ul {
    flex-wrap: wrap;
  }
}