/* ============================================================
   THE PATH TO WATER — Responsive
   Mobile breakpoints and adaptive styles
   ============================================================ */

@media (max-width: 600px) {
  html { font-size: 16px; }
  .content { padding: 2rem 1.2rem 4rem; }
  .ayah-block, .hadith-block, .barakah-box, .reflect-box { padding: 1rem 1.2rem; }
  .section { margin-bottom: 3rem; }
}
