/* ============================================================
   Society Automation — GLOBAL MOBILE RULES (linked on every landing page)
   - Title (h1/h2) gọn, cân, hạn chế xuống dòng thứ 3 trên mobile
   - Safe-zone: chừa lề an toàn cho màn hình tai thỏ / bo góc
   ============================================================ */
@media (max-width: 640px) {
  h1 { font-size: clamp(1.5rem, 6vw, 2.35rem) !important; line-height: 1.16 !important; text-wrap: balance; overflow-wrap: break-word; }
  h2 { font-size: clamp(1.3rem, 5.2vw, 1.95rem) !important; line-height: 1.2 !important; text-wrap: balance; overflow-wrap: break-word; }
  h3 { text-wrap: balance; overflow-wrap: break-word; }
  p, li { overflow-wrap: break-word; }
  /* không để chữ chạm sát mép trên màn nhỏ */
  body { -webkit-text-size-adjust: 100%; }
}
/* Safe-area cho thiết bị có notch (env = 0 trên máy thường → vô hại) */
@supports (padding: max(0px)) {
  body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
}