@media (max-width: 760px) {
  .site-header { display: block; }
  .site-header nav { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem 1rem; margin-top: 1rem; }
  .site-header nav a { min-width: 0; }
  .hero { gap: 2.5rem; }
  .article { overflow: hidden; }
  .article h1 { overflow-wrap: anywhere; }
  .prose table { display: block; overflow-x: auto; }
}