.hero-grid, .hero-copy, .hero-copy p, .hero-actions { max-width: 100%; min-width: 0; }
.hero-grid { width: calc(100% - 32px); margin-left: auto; margin-right: auto; }
.hero-copy, .hero-copy p, .hero-actions { width: 100%; }
.hero-grid > * { min-width: 0; }
.dashboard-content { min-width: 0; }
html, body { max-width: 100%; overflow-x: hidden; }
@media (max-width: 740px) {
  .hero-grid { width: calc(100vw - 32px); max-width: calc(100vw - 32px); }
  .hero-copy { width: 100%; max-width: calc(100vw - 32px); }
  .hero-copy h1, .hero-copy p { max-width: calc(100vw - 32px); overflow-wrap: anywhere; }
  .hero-copy p { font-size: 14px; }
  .hero-actions { width: calc(100vw - 32px); max-width: calc(100vw - 32px); flex-wrap: wrap; gap: 8px; }
  .hero-actions .btn { flex: 1 1 100%; min-width: 0; padding-left: 8px; padding-right: 8px; font-size: 11px; }
}