/* Trang chuyên mục (Gaming / Anime / Manga / Tin tức): ảnh sạch phía trên, chữ nằm dưới ảnh trên nền đặc
   (kiểu IGN / GamesRadar). Chỉ nạp ở trang chuyên mục, không nạp ở trang chủ. */
.sec-h{padding:44px 0 18px}
.sec-t{font-size:20px!important;letter-spacing:.02em!important;text-transform:none!important;font-weight:800!important}
.sec-more{font-size:12px!important}
.tag{font-size:11px!important;letter-spacing:.08em!important;padding:4px 10px!important;border-radius:4px}

/* Tiêu điểm: 1 thẻ lớn + 4 thẻ nhỏ */
.f-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:18px;margin-top:18px}
.f-grid .fc{grid-column:1/3;grid-row:1;border-radius:14px;min-height:460px;padding:32px;overflow:hidden}
.f-grid .fc .tag{background:rgba(8,2,24,.82);backdrop-filter:blur(6px)}
.f-grid .fc-ov{background:linear-gradient(to top,rgba(8,2,24,.96) 0%,rgba(8,2,24,.55) 38%,rgba(8,2,24,0) 70%)}
.f-grid .fc-title{font-size:clamp(24px,2.6vw,36px);line-height:1.2;text-shadow:0 2px 16px rgba(0,0,0,.7);-webkit-line-clamp:4}
.f-grid .fc-sub{font-size:16px;line-height:1.55;max-width:560px;color:rgba(240,238,255,.9)}
.f-grid .fc-meta{font-size:12px}

.f-grid .sc{background:var(--surf,#150a33);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;text-decoration:none;transition:border-color .2s,transform .2s}
.f-grid .sc:hover{border-color:rgba(0,242,255,.35);transform:translateY(-2px)}
.f-grid .sc::before{display:none}
.f-grid .sc-img{position:relative;inset:auto;flex:none;aspect-ratio:16/9;width:100%;overflow:hidden}
.f-grid .sc-img img{width:100%;height:100%;object-fit:cover;opacity:1}
.f-grid .sc-body{position:static;padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.f-grid .sc-title{font-size:17px;line-height:1.35;font-weight:700;color:#fff;margin:0;-webkit-line-clamp:3}
.f-grid .sc-meta{font-size:12px;color:var(--muted)}

/* Danh sách bài */
.ac{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.07)!important;margin-bottom:14px;grid-template-columns:260px 1fr!important}
.ac-thumb{aspect-ratio:16/9;height:auto!important}
.ac-thumb img{opacity:1!important}
.ac-info{padding:16px 20px!important}
.ac-title{font-size:19px!important;line-height:1.35!important;font-weight:700!important;color:#fff!important;-webkit-line-clamp:3}
.ac-meta{font-size:12px!important}

@media(max-width:1100px){
  .f-grid{grid-template-columns:1fr 1fr}
  .f-grid .fc{grid-row:auto;grid-column:1/3;min-height:380px}
}
@media(max-width:768px){
  .f-grid{grid-template-columns:1fr;gap:14px}
  .f-grid .fc{grid-column:auto;min-height:340px;padding:22px}
  .f-grid .sc-title{font-size:16px}
  .ac{grid-template-columns:120px 1fr!important}
  .ac-info{padding:10px 12px!important}
  .ac-title{font-size:15px!important}
  .sec-t{font-size:18px!important}
}

/* Thanh lọc: chữ to, chip bo tròn, dễ bấm */
.filter-bar .ftab{font-size:14px!important;padding:16px 22px!important;letter-spacing:.06em!important}
.filter-bar .ftab .cnt,.filter-bar .ftab span{font-size:12px}
.filter-sub{gap:10px}
.ffacet{font-size:14px!important;padding:8px 16px!important;border-radius:999px!important}
@media(max-width:768px){
  .filter-bar .ftab{font-size:14px!important;padding:14px 16px!important}
  .ffacet{font-size:14px!important;padding:8px 14px!important}
}

/* Canh lề: chữ tab đầu tiên thẳng hàng với nội dung bên dưới */
.filter-bar .filter-in>.ftab:first-child{margin-left:0!important;padding-left:0!important}
.filter-bar .filter-sub>.ffacet:first-child{margin-left:0}


/* Điện thoại: cột danh sách không được giãn theo nội dung (tránh tràn ngang) */
@media(max-width:900px){
  .content-layout{grid-template-columns:minmax(0,1fr)!important}
  .ac-list,.ac,.ac-info{min-width:0;max-width:100%}
  .ac-title{overflow-wrap:anywhere}
}
/* Khối danh sách cũ trên trang Tin tức: gọn lại, có nút xem thêm */
.otahub-new30>h2{font-size:24px!important;font-weight:800;margin-bottom:18px}
.new30-more{display:block;margin:22px auto 6px;padding:14px 34px;border-radius:999px;border:1px solid rgba(0,242,255,.45);background:rgba(0,242,255,.08);color:var(--cyan);font:600 15px var(--fd);cursor:pointer}
.new30-more:hover{background:rgba(0,242,255,.18)}

/* Trang Tin tức: khối liệt kê cũ trùng với danh sách "Tin mới nhất" nên ẩn đi */
.otahub-new30{display:none!important}

/* Sapo thẻ lớn kéo dài hết chiều ngang */
.f-grid .fc-sub{max-width:none!important}