/* Mobile-first extras. Base is 375px. */

@media (min-width: 768px) {
  .hero { padding-block: 96px; }
}

@media (min-width: 1280px) {
  .container { max-width: 1200px; }
}

/* Prevent horizontal scroll on small screens */
img, table, pre { max-width: 100%; }
html, body { overflow-x: hidden; }

@media (max-width: 767px) {
  .hero-actions .btn-primary,
  .hero-actions .btn-secondary,
  .hero-actions .btn-ghost {
    width: 100%;
    justify-content: center;
  }
}