/* ==========================================================================
   RESPONSIVE — media query DÙNG CHUNG cho cả 3 trang
   Sinh ra từ đợt refactor: chỉ di chuyển code, không đổi luật CSS nào.
   ========================================================================== */
/* Breakpoint của dự án:
     1240px  thu hẹp cột phải trang bài học
     1180px  admin: biểu đồ xuống 1 cột
     1080px  trang bài học bỏ cột phải · login thu hẹp cột form
      900px  admin: bảng chuyển thành thẻ · login bỏ cột thương hiệu
      860px  trang học: sidebar thành drawer
      560px  admin: 1 cột
      520px  trang học: lưới khoá 1 cột

   Media query RIÊNG của từng trang nằm ở cuối file trang tương ứng
   (layout.css, pages/home.css, pages/admin.css, pages/login.css).
   Lý do: 23 tên class trùng nhau giữa trang chủ và trang admin nhưng luật khác nhau
   (.topbar, .icon-btn, .theme-seg, .mini, .fbtn, .ccbtn, .eyebrow, .stage...).
   Gom chung vào đây thì luật của trang này sẽ đè lên trang kia và vỡ bố cục. */

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important;}
}