/* Lưới bố cục khối trang chủ. Nạp cho mọi khách (không chỉ admin) nên tách khỏi
   editable.css. Không dùng class Tailwind vì mỗi mẫu theme build CSS khác nhau. */
.mtc-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 1rem; }
.mtc-col { min-width: 0; }          /* không có dòng này thì ảnh dài làm vỡ cột */
.mtc-col-12 { grid-column: span 12; }
.mtc-col-6  { grid-column: span 6; }
.mtc-col-4  { grid-column: span 4; }
@media (max-width: 767px) {
    .mtc-col-6, .mtc-col-4 { grid-column: span 12; }
}