﻿/* ============================================================================
   Trang Cộng đồng — luật của TRANG, không phải của cấu kiện.
   Nạp cùng chỗ với Cqv2/components/community.css ở 7 trang khu cộng đồng.

   [2026-08-20] Tách khỏi community.css. Một file cấu kiện đi đặt cách cuộn cho
   cả trang là sai vai; nhưng hai luật này KHÔNG PHẢI RÁC, chúng đang chống một
   thứ có thật:

     Content/Styles/Reponsive.css ở khổ hẹp đặt
         body  { overflow: hidden }
         .body { position: fixed; height: 100%; overflow: auto }
     tức cả trang cuộn BÊN TRONG .Window.body chứ không cuộn ở cấp tài liệu.
     Khu cộng đồng cần cuộn ở cấp tài liệu (trang dài, có thanh dính trên),
     nên phải kéo ngược lại — và phải dùng !important vì luật kia cũng nằm
     trong @media với sức mạnh tương đương.

   Gỡ hai luật này thì trang cộng đồng mất cuộn ở điện thoại. Muốn bỏ !important
   thì phải sửa từ gốc: dọn .body { position: fixed } trong Reponsive.css —
   việc đó đụng MỌI trang nên để riêng một lượt.
   ============================================================================ */

html, body { height: auto !important; overflow-y: auto !important; background: var(--cq-light) !important; }
.body { position: relative !important; height: auto !important; min-height: 100vh; overflow: visible !important; background: var(--cq-light) !important; }

/* ---------------------------------------------------------------------------
   ...VA NGAY SAU DO, html phai tra ve overflow-y: visible.

   [2026-08-20] Hai cap luat nay VON nam trong community.css, cap tren o dong 62
   va cap duoi o dong 191 — cap duoi dung sau nen thang. Khi doi sang day toi
   chi mang cap tren, thanh ra "auto" thang, va CA TRANG MAT position:sticky:
   cuon 900px thi thanh dau trang lan thanh loc troi theo, do duoc dinh o -900.
   Thu tu hai cap luat nay LA CO Y, phai giu nguyen.
   --------------------------------------------------------------------------- */
html { height: auto !important; overflow-y: visible !important; background: var(--cq-light) !important; }
body { height: auto !important; overflow-y: auto !important; background: var(--cq-light) !important; }
