/* QHTN V42.60 — LỚP GIAO DIỆN BÁO ĐIỆN TỬ
 * Không thay HTML nội dung, JS, Worker, ảnh, dữ liệu hay phân trang V42.59.
 * Các quy tắc này chỉ được gắn vào HTML website công khai; /admin giữ nguyên.
 * Giữ logo/avatar tròn vì đó là nhận diện, chỉ làm vuông các khung nội dung.
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;600;700;800;900&family=Roboto:wght@400;500;600;700;800;900&display=swap');
:root{
  --radius:0px;
  --shadow:none;
  --bg:#fff;
  --navy:#252f3b;
  --muted:#737f8c;
  --line:#dce3e9;
  --blue:#1464b4;
  --blue-dark:#124b8a;
}
html {scroll-padding-top:12px}
body {font-family:'Roboto',Arial,sans-serif!important;font-size:14px;line-height:1.58;color:#29333f;background:#fff!important;-webkit-font-smoothing:antialiased}
body h1,body h2,body h3,body h4,body :is(.news-page-item h3,.home-latest-item strong,.qhtn-editorial-list-item strong,.qhtn-discover-card strong,.card strong){
  font-family:'Roboto Condensed','Roboto',Arial,sans-serif!important;
  font-weight:800;
  letter-spacing:-.012em;
}
body :is(p,.muted,small,.panel-blurb,.qhtn-feature-head p,.qhtn-editorial-list-item small,.qhtn-discover-card p,.qhtn-discover-card-tag,.page-title p){font-family:'Roboto',Arial,sans-serif;letter-spacing:0;font-weight:400}
body .brand-name,body .qhtn-discovery-brandname{font-family:'Roboto Condensed',Arial,sans-serif!important;font-weight:800!important}
/* Trang không bị kẹt trong khung 1280/1376px: chừa viền mỏng 2 bên. */
body .container,body .container.qhtn-home-v4238,body .qhtn-home-v4238,
body .shell,body .wrap,body .top>div,body .qhtn-discovery-mast{
  width:calc(100% - 36px)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body .qhtn-home-v4238{margin-top:16px!important;margin-bottom:28px!important;gap:15px!important}
body .layout.container{margin-top:16px;margin-bottom:28px}
body .shell{margin-top:18px!important;margin-bottom:32px!important;padding:0!important}
body .wrap{max-width:none!important}
/* Giữ banner gốc Tây Ninh – Long An và các hành vi nút mobile. */
body .header.qhtn-banner-header .brand{border-radius:0!important;box-shadow:none!important}
body .mainnav{box-shadow:none!important;background:#1265ad}
body .nav-link,body .mainnav .nav-link,body .mainnav.open .nav-link{border-radius:0!important;font-weight:700}
body .nav-icon-box{border-radius:0!important}
body .header-search input,body .btn,body .btn-small,body .header-actions .btn,
body .mobile-menu-btn,body .mobile-search-toggle,
body .mobile-drawer-actions a,body .mobile-drawer-actions button,
body :is(input.field,textarea.field,select.field,.select),
body .pill,body .filterbar button,body .search,
body .page-actions button,body .q42-page-button,
body .qhtn-home-v4238 .qhtn-home-page-btn{
  border-radius:0!important;
  box-shadow:none!important;
}
/* Ô nội dung hình chữ nhật, nền trắng, đường kẻ báo chí thay cho shadow/bo tròn. */
body .panel,body .qhtn-home-v4238 .panel,body .home-layout .panel,
body .forum-layout .panel,body .qhtn-home-v4238 .hero,
body .hero,body .hero-v11,
body :is(.home-forum-item,.home-news-item,.home-area-list a,.home-photo,.home-event,.home-event-placeholder,.home-side .facebook-card,.mountain-promo,.ad-slot,.home-ad,.widget-photo-chips a,.widget-category-shortcuts a),
body :is(.qhtn-editorial-lead,.qhtn-editorial-list-item,.qhtn-editorial-list-empty,.qhtn-forum-feature-card,.qhtn-video-main,.qhtn-video-playlist-card,.qhtn-video-thumb,.qhtn-home-essentials a),
body :is(.qhtn-discover-card,.qhtn-home-v4238 .qhtn-discover-card,.qhtn-discover-lead span,.qhtn-discover-actions a,.qhtn-home-v4238 .qhtn-discover-actions a),
body :is(.card,.intro,.article,.page,.tile-nav a,.cover,.back,.chip,.q40-gallery-card,.q40-gallery-box,.qhtn-history-outer){
  border-radius:0!important;
  box-shadow:none!important;
}
body .panel,body .qhtn-home-v4238 .panel{border-color:#dce3ea!important}
body .qhtn-home-v4238 .qhtn-feature-head{
  padding:19px 22px 15px!important;
  background:#fff!important;
  border-bottom:2px solid #2875c5!important;
  align-items:center;
}
body .qhtn-home-v4238 .qhtn-feature-head h2{
  font-size:clamp(23px,2.15vw,31px)!important;
  font-weight:800!important;
  line-height:1.18!important;
  color:#263441!important;
  letter-spacing:-.01em;
}
body .qhtn-home-v4238 .qhtn-feature-head p{font-size:13px!important;color:#74818f!important;line-height:1.5}
body .qhtn-home-v4238 .qhtn-feature-head a{font-size:13px!important;font-weight:700!important;color:#1765a5!important}
body .qhtn-home-v4238 .qhtn-eyebrow{color:#1766ad!important;font-family:'Roboto',Arial,sans-serif;font-size:11px!important;font-weight:700!important;letter-spacing:.055em!important}
/* Danh sách tin: ảnh trái — tiêu đề tin đậm — thông tin nhẹ, gần mẫu báo. */
body .qhtn-editorial-grid{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:17px;padding:18px!important}
body .qhtn-editorial-lead{border:1px solid #dfe5eb;background:#fff}
body .qhtn-editorial-photo{height:clamp(250px,28vw,405px)}
body .qhtn-editorial-lead-copy{padding:15px 18px 19px}
body .qhtn-editorial-lead h3{font-size:clamp(23px,2.15vw,33px)!important;line-height:1.27!important;color:#29333f!important;font-weight:800!important}
body .qhtn-editorial-lead p{font-size:14px!important;color:#6d7884!important;font-weight:400;line-height:1.65}
body .qhtn-editorial-list{gap:12px}
body .qhtn-editorial-list-item{
  grid-template-columns:minmax(135px,34%) minmax(0,1fr)!important;
  gap:15px!important;
  min-height:130px!important;
  padding:11px!important;
  border:1px solid #dfe4e9!important;
  background:#fff!important;
  align-items:center!important;
}
body .qhtn-editorial-list-item img{height:120px!important;min-height:0!important;border-radius:0!important;object-fit:cover}
body .qhtn-editorial-list-item small{font-size:12px!important;color:#7a858d!important;line-height:1.4}
body .qhtn-editorial-list-item strong{
  font-size:clamp(18px,1.55vw,23px)!important;
  line-height:1.32!important;
  color:#26323d!important;
  font-weight:800!important;
  -webkit-line-clamp:4;
}
body .qhtn-editorial-list-item em{font-size:12px!important;color:#126a9d!important;font-weight:600!important}
/* Các thẻ Khám phá: rõ hệ phân cấp chữ, vuông góc, giữ ảnh & liên kết cũ. */
body .qhtn-home-v4238 .qhtn-discover-grid{gap:12px!important;padding:15px 16px 17px!important}
body .qhtn-home-v4238 .qhtn-discover-card{border:1px solid #dce2e8!important;transition:border-color .15s!important;transform:none!important}
body .qhtn-home-v4238 .qhtn-discover-card:hover{border-color:#4b88c4!important}
body .qhtn-home-v4238 .qhtn-discover-card img{border-radius:0!important;object-fit:cover}
body .qhtn-home-v4238 .qhtn-discover-card-body{padding:12px 14px 15px!important;gap:7px!important}
body .qhtn-home-v4238 .qhtn-discover-card-tag{font-size:11px!important;color:#6b7985!important;font-weight:500!important}
body .qhtn-home-v4238 .qhtn-discover-card strong{font-size:19px!important;line-height:1.33!important;font-weight:800!important;color:#2b3540!important}
body .qhtn-home-v4238 .qhtn-discover-card p{font-size:12px!important;line-height:1.6!important;color:#7c8792!important}
body .qhtn-home-v4238 .qhtn-discover-card-foot{font-size:12px!important;font-weight:600!important;color:#10649c!important}
body .qhtn-home-v4238 .qhtn-home-page-btn{font-family:'Roboto Condensed',Arial,sans-serif!important;font-size:14px;font-weight:700}
body .qhtn-home-v4238 .qhtn-home-page-btn.is-current{background:#2069c1;color:#fff}
body .qhtn-home-v4238 .qhtn-home-pager-caption{font-size:12px;color:#7b8693}
/* Chuyên mục cộng đồng / diễn đàn / tin tức: cùng diện mạo báo. */
body .qhtn-home-v4238 .home-panel-title{background:#fff!important;border-bottom:2px solid #2875c5!important}
body .qhtn-home-v4238 .home-title-group h2,body .panel-head h2{font-family:'Roboto Condensed',Arial,sans-serif!important;font-size:23px!important;font-weight:800!important;color:#26323e}
body .qhtn-home-v4238 .home-title-group p{font-size:13px!important;color:#77838e!important}
body .qhtn-home-v4238 .home-forum-item,body .forum-layout .home-forum-item{border-radius:0!important;background:#fff!important;border:1px solid #e0e7ec!important}
body .qhtn-home-v4238 .home-forum-item strong,body .forum-layout .home-forum-item strong{font-family:'Roboto Condensed',Arial,sans-serif!important;font-weight:800!important;font-size:18px!important;color:#2c3843}
body .home-news-item strong,body .home-latest-item strong,body .qhtn-forum-feature-copy strong{font-family:'Roboto Condensed',Arial,sans-serif!important;font-weight:800!important;color:#2b3741}
body .qhtn-home-v4238 .qhtn-video-playlist-card strong{font-family:'Roboto Condensed',Arial,sans-serif!important;font-size:17px!important;font-weight:800!important;color:#283843}
body .news-page-item{padding:15px 17px!important;grid-template-columns:clamp(145px,19vw,230px) minmax(0,1fr);gap:19px;border-bottom:1px solid #e1e7eb}
body .news-page-item img{width:100%;height:144px;object-fit:cover;border-radius:0!important}
body .news-page-item h3{font-size:clamp(20px,1.9vw,25px)!important;font-weight:800!important;line-height:1.32!important;color:#25313a;margin:0 0 8px}
body .news-page-item p{font-size:13px;color:#77838d}
body .page-title h1{font-size:clamp(26px,2.5vw,34px)!important;font-weight:800!important}
/* Trang xem tất cả 50 bài, thư viện và bài viết biên tập. */
body .top>div,body .qhtn-discovery-mast{padding-left:0!important;padding-right:0!important}
body .intro{padding:23px 25px!important;border:1px solid #dce3ea!important}
body .intro h1,body .article h1{font-weight:800!important;color:#253440!important;line-height:1.18!important}
body .intro p,body .article .lead{color:#667888!important;font-weight:400!important}
body .shell .cards{gap:13px}
body .shell .cards .card{border:1px solid #dde4e9!important}
body .shell .cards .card strong{font-size:19px!important;font-weight:800!important;color:#263844!important;line-height:1.32!important}
body .shell .cards .card small{font-size:12px!important;font-weight:500!important;color:#657a85!important}
body .shell .cards .card p{font-size:13px!important;font-weight:400!important;color:#74828d!important}
body .article{max-width:1080px!important;border:1px solid #dbe2e8!important}
body .article .maincopy{max-width:960px;margin-inline:auto}
body .article .maincopy>p:not(.lead){color:#354450;font-size:17px;line-height:1.8}
body .article figure img{border-radius:0!important}
body .page{border:1px solid #dfe4e9!important}
body .page .lead{font-weight:400!important}
body .tile-nav a{background:#fff;border-color:#d9e1e6!important}
body .qhtn-video-head{background:#0d558d!important}
/* Đảm bảo responsive không bị tràn ngang và không ép ảnh quá nhỏ. */
@media (max-width:980px){
 body .qhtn-editorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body .qhtn-editorial-list-item{grid-template-columns:minmax(100px,32%) minmax(0,1fr)!important;gap:10px!important}
 body .qhtn-editorial-list-item strong{font-size:18px!important}
}
@media (max-width:820px){
 body .container,body .container.qhtn-home-v4238,body .qhtn-home-v4238,body .shell,body .wrap,body .top>div,body .qhtn-discovery-mast{width:calc(100% - 24px)!important}
 body .qhtn-editorial-grid{grid-template-columns:1fr!important;gap:12px!important}
 body .qhtn-editorial-list-item{grid-template-columns:minmax(120px,34%) minmax(0,1fr)!important}
 body .qhtn-editorial-list-item img{height:112px!important}
 body .qhtn-editorial-lead h3{font-size:27px!important}
 body .qhtn-home-v4238 .qhtn-feature-head{padding:16px 17px!important}
}
@media (max-width:620px){
 body .container,body .container.qhtn-home-v4238,body .qhtn-home-v4238,body .shell,body .wrap,body .top>div,body .qhtn-discovery-mast{width:calc(100% - 16px)!important}
 body .qhtn-home-v4238{margin-top:8px!important;gap:10px!important}
 body .qhtn-home-v4238 .qhtn-feature-head{padding:14px 12px!important}
 body .qhtn-home-v4238 .qhtn-feature-head h2{font-size:23px!important}
 body .qhtn-home-v4238 .qhtn-feature-head p{font-size:12px!important}
 body .qhtn-editorial-grid{padding:10px!important}
 body .qhtn-editorial-lead-copy{padding:12px}
 body .qhtn-editorial-lead h3{font-size:24px!important}
 body .qhtn-editorial-list-item{grid-template-columns:minmax(105px,35%) minmax(0,1fr)!important;gap:10px!important;padding:8px!important;min-height:94px!important}
 body .qhtn-editorial-list-item img{height:100px!important}
 body .qhtn-editorial-list-item small{font-size:10.5px!important}
 body .qhtn-editorial-list-item strong{font-size:16px!important;line-height:1.3!important}
 body .qhtn-editorial-list-item em{font-size:11px!important}
 body .qhtn-home-v4238 .qhtn-discover-grid{padding:10px!important;gap:10px!important}
 body .qhtn-home-v4238 .qhtn-discover-card strong{font-size:17px!important}
 body .qhtn-home-v4238 .qhtn-discover-card p{font-size:12px!important}
 body .qhtn-home-v4238 .qhtn-discover-card-body{padding:11px!important}
 body .qhtn-home-v4238 .qhtn-home-page-btn{font-size:12px!important}
 body .news-page-item{grid-template-columns:34% minmax(0,1fr);gap:11px;padding:12px!important}
 body .news-page-item img{height:105px}
 body .news-page-item h3{font-size:17px!important}
 body .qhtn-home-v4238 .home-title-group h2,body .panel-head h2{font-size:21px!important}
 body .qhtn-home-v4238 .home-forum-item strong{font-size:16px!important}
 body .intro{padding:15px!important}
 body .article{max-width:none!important}
}
/* Khóa bố cục ngang cho 6 thẻ khám phá trên điện thoại, không để ảnh co thành dải nhỏ. */
@media(max-width:620px){
 body .qhtn-home-v4238 .qhtn-discover-card{display:grid!important;grid-template-columns:36% minmax(0,1fr)!important;align-items:stretch!important;min-height:142px!important}
 body .qhtn-home-v4238 .qhtn-discover-card img{width:100%!important;height:100%!important;min-height:142px!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important}
 body .shell #cards .card strong{font-size:15px!important;line-height:1.34!important}
 body .shell #cards .card .body{min-width:0}
}

/* --------------------------------------------------------------------------
   QHTN V42.61 — CHỈ TINH CHỈNH ĐỘ BO GÓC THEO ẢNH MẪU TINHTE
   Bản gốc 42.60 không thay đổi nội dung/font/bố cục rộng/hình ảnh/JS/API.
   Panel 10px, ảnh 7–9px, nút 7–8px; avatar/logo tròn & nút play giữ nguyên.
   -------------------------------------------------------------------------- */
:root { --radius:10px; }
/* Nội dung: cạnh vẫn thẳng gọn, chỉ tròn nhẹ ở bốn góc. */
body .panel,body .qhtn-home-v4238 .panel,body .home-layout .panel,
body .forum-layout .panel,body .qhtn-home-v4238 .hero,
body .hero,body .hero-v11,
body :is(.home-forum-item,.home-news-item,.home-area-list a,.home-photo,.home-event,.home-event-placeholder,.home-side .facebook-card,.mountain-promo,.ad-slot,.home-ad,.widget-photo-chips a,.widget-category-shortcuts a),
body :is(.qhtn-editorial-lead,.qhtn-editorial-list-item,.qhtn-editorial-list-empty,.qhtn-forum-feature-card,.qhtn-video-main,.qhtn-video-playlist-card,.qhtn-video-thumb,.qhtn-home-essentials a),
body :is(.qhtn-discover-card,.qhtn-home-v4238 .qhtn-discover-card,.qhtn-discover-lead span,.qhtn-discover-actions a,.qhtn-home-v4238 .qhtn-discover-actions a),
body :is(.card,.intro,.article,.page,.tile-nav a,.cover,.back,.q40-gallery-card,.q40-gallery-box,.qhtn-history-outer),
body :is(.q40-video-stage,.q40-playbox,.q40-video-item,.q40-video-thumb,.q40-empty,.q40-gallery-card,.q40-gallery-box){
  border-radius:10px!important;
}
/* Bài đọc & ảnh lớn hơi mềm hơn, đúng phong cách góc bo nhẹ. */
body :is(.article,.intro,.page,.qhtn-editorial-lead,.qhtn-video-main){border-radius:12px!important}
/* Ưu tiên nhẹ hơn các selector :is() cũ có phần tử con trong V42.60. */
body :is(.article.article,.intro.intro,.page.page,.qhtn-editorial-lead.qhtn-editorial-lead,.qhtn-video-main.qhtn-video-main){border-radius:12px!important}
body .qhtn-home-v4238 .home-forum-item,body .forum-layout .home-forum-item{border-radius:9px!important}
body :is(.qhtn-editorial-list-item img,.news-page-item img,.article figure img,.mini-photo img,.card-news img,.ad-visual img,.qhtn-editorial-photo img,.qhtn-video-playlist-card img,.q40-video-item img),
body .qhtn-home-v4238 .qhtn-discover-card img,
body .qhtn-home-v4238 .home-news-item img{
  border-radius:8px!important;
}
/* Nút & điều khiển: không quay về kiểu viên thuốc bo tròn quá lớn. */
body .btn,body .btn-small,body .header-actions .btn,
body .mobile-menu-btn,body .mobile-search-toggle,
body .mobile-drawer-actions a,body .mobile-drawer-actions button,
body .page-actions button,body .q42-page-button,
body .qhtn-home-v4238 .qhtn-home-page-btn,
body :is(.q40-pager button,.q40-actions button){
  border-radius:8px!important;
}
body .nav-link,body .mainnav .nav-link,body .mainnav.open .nav-link{border-radius:7px!important}
body .nav-icon-box{border-radius:8px!important}
body :is(input.field,textarea.field,select.field,.select,.filterbar button,.search){border-radius:10px!important}
body .header-search input{border-radius:20px!important}
body .pill,body .chip{border-radius:12px!important}
body .chip.chip{border-radius:12px!important}
body .filterbar button{border-radius:10px!important}
/* Không chỉnh avatar, biểu tượng nhận diện, nút play tròn hoặc banner ảnh gốc. */
