/* utilities.css — أدوات عامة (.hidden/.muted/scroll-lock) + تقليل الحركة + الاستجابة للشاشات الصغيرة */

  .hidden { display:none !important; }
  body.scroll-lock { overflow:hidden; }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important;
      transition-duration:.01ms !important; scroll-behavior:auto !important; }
  }
  .muted { color:var(--muted); }

  @media (max-width:420px) {
    h1 { font-size:22px; }
    .card { padding:20px 16px; border-radius:18px; }
  }