/* Mobile: bảng tin cộng đồng = lưới 2 hàng x N cột kéo ngang (kiểu sàn TMĐT). Mỗi cột .v3-fcol chứa 2 thẻ xếp chồng,
   cao theo nội dung, không để trống thừa; cột so le tự nhiên theo chiều cao. Ẩn thanh cuộn (h-scroll.js gắn .hs, mép mờ). */
@media (max-width: 760px) {
  body.home-v2 .v3-feed { display: flex; flex-direction: row; columns: auto; gap: 8px; align-items: flex-start; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-padding-left: 0; scrollbar-width: none; overscroll-behavior-x: contain; padding-bottom: 2px; }
  body.home-v2 .v3-feed::-webkit-scrollbar { display: none; }
  body.home-v2 .v3-feed .v3-fcol { display: flex; flex-direction: column; gap: 8px; flex: 0 0 47%; min-width: 0; scroll-snap-align: start; }
  body.home-v2 .v3-feed .v3-fcol:nth-child(even) { margin-top: 14px; } /* cột chẵn lệch xuống: nhìn so le như masonry */
  body.home-v2 .v3-feed .v3-fcol:not(:has(.v3-post:not([hidden]))) { display: none; }
  body.home-v2 .v3-feed .v3-fcol > .v3-post { flex: none; width: auto; margin: 0; padding: 9px; gap: 6px; border-radius: 8px; border: 1px solid var(--ds-line); box-shadow: none; align-content: start; }
  body.home-v2 .v3-feed .v3-fcol > .v3-post:hover { transform: none; }
  body.home-v2 .v3-feed .v3-fcol > .v3-post[hidden] { display: none; }
  /* thang chữ thu nhỏ một bậc: tên 13/700, thân 12/400, meta 11 */
  body.home-v2 .v3-feed .v3-us { gap: 6px; }
  body.home-v2 .v3-feed .v3-us .av { width: 28px; height: 28px; font-size: 11px; }
  body.home-v2 .v3-feed .v3-us > div { min-width: 0; }
  body.home-v2 .v3-feed .v3-us b { display: block; font-size: 13px; font-weight: var(--ds-fw-700); line-height: 1.25; overflow-wrap: anywhere; }
  body.home-v2 .v3-feed .v3-us b i { display: inline; font-size: 12px; vertical-align: -1px; }
  body.home-v2 .v3-feed .v3-us b .v3-lv { display: inline-flex; vertical-align: 1px; height: 16px; font-size: 10px; margin-left: 2px; }
  body.home-v2 .v3-feed .v3-us small { font-size: 11px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  body.home-v2 .v3-feed .v3-post p { font-size: 12px; line-height: 1.5; font-weight: var(--ds-fw-400); -webkit-line-clamp: 4; }
  body.home-v2 .v3-feed .v3-post h3 { font-size: 13px; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  body.home-v2 .v3-feed .v3-rate { font-size: 12px; gap: 3px; }
  body.home-v2 .v3-feed .v3-cover { border-radius: 6px; aspect-ratio: 3 / 2; }
  body.home-v2 .v3-feed .v3-at { padding: 4px 6px; font-size: 11px; gap: 4px; min-width: 0; }
  body.home-v2 .v3-feed .v3-at b { min-width: 0; }
  body.home-v2 .v3-feed .v3-react { gap: 8px; padding-top: 6px; font-size: 11px; }
  body.home-v2 .v3-feed .v3-react button i, body.home-v2 .v3-feed .v3-react a i { font-size: 14px; }
  body.home-v2 .v3-feed .v3-react .sv span { display: none; }
  body.home-v2 .v3-feed .v3-react .r { font-size: 0; gap: 0; }
  body.home-v2 .v3-feed .v3-react .r i { font-size: 14px; }
  body.home-v2 .v3-feed .v3-spon { position: static; justify-self: start; height: 18px; font-size: 11px; padding: 0 6px; }
  body.home-v2 .v3-feed .v3-board .rw { grid-template-columns: 14px 24px minmax(0, 1fr) auto; gap: 6px; padding: 5px 0; }
  body.home-v2 .v3-feed .v3-board .av { width: 24px; height: 24px; font-size: 10px; }
  body.home-v2 .v3-feed .v3-board .rw b { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.home-v2 .v3-feed .v3-board .rw small { display: block; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  body.home-v2 .v3-feed .v3-board .rw .pt { font-size: 11px; }
  body.home-v2 .v3-feed .v3-board .v3-hd { gap: 6px; }
  body.home-v2 .v3-feed .v3-board .ds-btn { min-height: 32px; height: auto; padding: 6px 8px; font-size: 12px; white-space: normal; text-align: center; justify-content: center; }
  body.home-v2 .v3-feed .v3-board .v3-hd h2 { font-size: 13px; }
  body.home-v2 .v3-feed > .v3-empty { flex: 0 0 100%; }
  body.home-v2 .v3-moreb { margin-top: 10px; display: flex; justify-content: center; }
}
