/* Shared narrow-screen behavior for download and installation resources. */
main, .hero > *, .grid > *, .brand > *, .btn > span { min-width: 0; }
.nav, .top, .panel-top { flex-wrap: wrap; }
.logo { flex-shrink: 0; }
.brand, .btn, .metric { max-width: 100%; }
p, li, .lead, .brand, .btn, .badge, code { overflow-wrap: anywhere; }
pre { max-width: 100%; min-width: 0; }
.hero, .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 860px) {
  .hero, .grid { grid-template-columns: minmax(0, 1fr); }
  .nav, .top { gap: 12px; }
  .panel-top { row-gap: 10px; }
}