.container {
  width: 100%;
  max-width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  text-align: center;
  overflow-x: hidden; /* prevents accidental scroll, but doesn't truncate text */
}

/* Headings */
h1, h2, h3 {
  margin: 0.5rem 0;
  white-space: normal;        /* allow normal wrapping if needed */
  word-wrap: break-word;      /* break only at words, not in middle */
  overflow-wrap: break-word;
}

/* Mobile tweaks */
@media (max-width: 480px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.2rem; }
  h3 { font-size: 1rem; }
}