/* --- Mobile fix (classic syntax; works on iOS Safari) --- */
@media (max-width: 768px) {
  html,
  body {
    margin: 0;
    overflow-x: hidden;
    padding: 0; /* no needless gutters on phone */
  }

  body {
    max-width: 100%; /* full width on phone */
    padding: 0.75rem; /* small comfortable inset */
  }

  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 1.4rem;
  }
  h3 {
    margin-top: 1.5rem;
  }

  .bible-verse {
    margin-bottom: 2rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2rem;
    padding: 0.5rem;
  }
}