/* news-content.css — kiểu hiển thị cho thân bài viết (bảng, hộp lưu ý, khối Ordersys).
 *
 * 15/10/2026: trước đây mỗi bài phải tự nhúng <style> vào content_vn. 92/329 bài đang
 * bán dùng các class dưới đây mà thiếu khối style đó nên bảng hiện trơn, không viền.
 * Gom về một chỗ: bài mới không cần nhúng gì nữa. 77 bài còn <style> riêng vẫn chạy
 * bình thường vì giá trị y hệt — dọn sau cũng được.
 *
 * Mọi rule đặt phạm vi trong .sg article (thân bài ở news-detail.blade.php) để không
 * chạm tới phần khác của trang.
 */

.sg article .bng{width:100%;border-collapse:collapse;margin:18px 0;font-size:.95rem}
.sg article .bng th,
.sg article .bng td{border:1px solid #e2e8f0;padding:10px 12px;text-align:left;vertical-align:top}
.sg article .bng th{background:#f1f5f9;color:#12243F;font-weight:700}

.sg article .luuy{border-left:4px solid #F5A524;background:#FFF8EC;padding:12px 16px;
  border-radius:0 10px 10px 0;margin:18px 0}
.sg article .canh{border-left:4px solid #EF4444;background:#FFF1F0;padding:12px 16px;
  border-radius:0 10px 10px 0;margin:18px 0}

.sg article .ords{border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin:26px 0;
  background:#F7FAFF}
.sg article .ords>b{color:#12243F;font-size:1.05rem}
.sg article .ords p{margin:8px 0 0}
.sg article .ords-a{display:inline-block;margin-top:6px;background:#F5A524;color:#12243F;
  font-weight:700;padding:9px 16px;border-radius:9px;text-decoration:none}

.sg article h3{color:#12243F;margin-top:20px}

/* Điện thoại: bảng nhiều cột cho cuộn ngang trong khung bảng, không làm tràn cả trang. */
@media (max-width:640px){
  .sg article .bng{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .sg article .bng th,
  .sg article .bng td{padding:8px 10px}
}