/* V43.01 — Khám phá dùng cùng nhịp header, menu và cỡ chữ với các mục công khai. */
.qhtn-unified-banner-root .qhtn-unified-header-actions{display:none}
.qhtn-unified-banner-root .qhtn-unified-nav-iconbox{display:none}
.qhtn-unified-banner-root .qhtn-unified-search-btn{display:inline-flex;align-items:center;justify-content:center;color:#17567e;background:#f3f8fb;border:1px solid #d8e6ee;text-decoration:none}
.qhtn-unified-banner-root .qhtn-unified-search-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.shell{max-width:1160px;margin:22px auto 42px}
.shell>.intro{padding:clamp(21px,3vw,32px)}
.shell>.intro h1{font-size:clamp(26px,3vw,36px);line-height:1.24}
.article{max-width:900px}
.article .maincopy{padding:clamp(22px,3.5vw,40px) clamp(19px,4vw,45px) 34px}
.article h1{font-size:clamp(26px,2.6vw,34px);line-height:1.28}
.article .lead{font-size:17px;line-height:1.72}
.article .maincopy>p:not(.lead){font-size:16px;line-height:1.78;margin:18px 0}
@media(max-width:760px){
 .qhtn-unified-banner-root .qhtn-unified-header-actions{display:flex;position:absolute;top:10px;right:11px;z-index:7;align-items:center;gap:5px;padding:4px;background:#fff;border:1px solid #dce8ee;border-radius:13px;box-shadow:0 3px 12px rgba(10,53,84,.10)}
 .qhtn-unified-banner-root .qhtn-unified-search-btn,.qhtn-unified-banner-root .qhtn-unified-menu-btn{position:static;display:inline-grid;place-items:center;width:43px;height:43px;flex:none;border-radius:10px;box-shadow:none}
 .qhtn-unified-banner-root .qhtn-unified-search-btn{background:#f1f7fa;border-color:#d8e6ee}
 .qhtn-unified-banner-root .qhtn-unified-menu-btn{font-size:24px}
 .qhtn-unified-banner-root .qhtn-unified-brand{max-width:none;padding-right:116px}
 .qhtn-unified-banner-root .qhtn-unified-brand img{width:52px;height:52px;flex:0 0 52px;border-radius:14px}
 .qhtn-unified-banner-root .qhtn-unified-brand strong{font-size:clamp(18px,5vw,22px);letter-spacing:-.3px}
 .shell{padding:0 13px;margin:16px auto 28px}
 .crumb{font-size:13px;margin-bottom:13px}
 .shell>.intro{padding:20px 17px;border-radius:16px}
 .shell>.intro h1{font-size:clamp(25px,6.7vw,30px);margin:8px 0 12px}
 .shell>.intro>p{font-size:15px;line-height:1.65}
 .article{border-radius:15px}
 .article h1{font-size:clamp(24px,6.3vw,28px);line-height:1.3}
 .article .maincopy{padding:20px 17px 27px}
 .article .lead{font-size:16px;line-height:1.68}
 .article .maincopy>p:not(.lead){font-size:15px;line-height:1.72;margin:16px 0}
 .article figcaption{font-size:12px;padding:8px 13px}
 .filterbar{gap:7px}
 .filterbar button{padding:8px 12px;font-size:12px}
 .search{font-size:15px;padding:12px 13px;scroll-margin-top:18px}
}

/* V43.02 — đồng bộ ngăn menu với drawer icon của trang SPA. */
@media(max-width:760px){
 .qhtn-unified-banner-root .qhtn-unified-nav,.qhtn-unified-banner-root .qhtn-unified-nav.is-open{width:min(350px,86vw);max-width:100vw;box-sizing:border-box}
 .qhtn-unified-banner-root .qhtn-unified-mobile-title{display:flex;align-items:center;gap:10px;min-height:92px;padding:17px 15px;flex:0 0 auto;background:linear-gradient(110deg,#0a4d82,#073758);color:#fff}
 .qhtn-unified-banner-root .qhtn-unified-mobile-title>img{display:block;width:49px;height:47px;flex:0 0 49px;object-fit:contain;background:#fff;border-radius:11px;padding:3px;box-sizing:border-box}
 .qhtn-unified-banner-root .qhtn-unified-mobile-title>span{min-width:0;flex:1;line-height:1.3}
 .qhtn-unified-banner-root .qhtn-unified-mobile-title strong{display:block;font-size:14px;line-height:1.3}
 .qhtn-unified-banner-root .qhtn-unified-mobile-title small{display:block;margin-top:4px;color:#c7e6f5;font-size:10px}
 .qhtn-unified-banner-root .qhtn-unified-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #ffffff66;background:#ffffff20;color:#fff;border-radius:10px}
 .qhtn-unified-banner-root .qhtn-unified-close .qhtn-unified-icon{width:19px;height:19px}
 .qhtn-unified-banner-root .qhtn-unified-nav-inner{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:5px!important;min-height:0!important;height:auto!important;margin:0!important;padding:14px 13px!important;overflow-x:hidden!important;overflow-y:auto!important;white-space:normal!important}
 .qhtn-unified-banner-root .qhtn-unified-navlink{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;height:47px!important;min-height:47px!important;gap:11px!important;padding:0 13px!important;border:0!important;border-radius:12px!important;background:transparent!important;color:#24445f!important;font-size:13px!important;font-weight:700!important;line-height:1.2!important;white-space:nowrap!important}
 .qhtn-unified-banner-root .qhtn-unified-navlink.is-current,.qhtn-unified-banner-root .qhtn-unified-navlink:hover{background:#e8f4fd!important;color:#045b91!important}
 .qhtn-unified-banner-root .qhtn-unified-nav-iconbox{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border-radius:8px;background:#eaf4fb;color:#11689d}
 .qhtn-unified-banner-root .qhtn-unified-navlink.is-current .qhtn-unified-nav-iconbox{background:#cde9f9}
 .qhtn-unified-banner-root .qhtn-unified-icon{width:18px;height:18px}
 .qhtn-unified-banner-root .qhtn-unified-drawer-actions{display:flex;flex:0 0 auto;flex-direction:column;gap:9px;padding:13px;border-top:1px solid #e2edf5;background:#fbfdff}
 .qhtn-unified-banner-root .qhtn-unified-drawer-actions>a,.qhtn-unified-banner-root .qhtn-unified-drawer-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;padding:9px 12px;border:1px solid #cee0ed;border-radius:10px;background:#fff;color:#0a5184;font-size:12px;font-weight:800;text-decoration:none}
 .qhtn-unified-banner-root .qhtn-unified-drawer-actions .qhtn-unified-profile{background:#0a69a3;border-color:#0a69a3;color:#fff}
 .qhtn-unified-banner-root .qhtn-unified-drawer-actions .qhtn-unified-profile strong{padding:3px 8px;border-radius:20px;background:#ffffff28;color:#fff}
 .qhtn-unified-banner-root .qhtn-unified-drawer-actions .qhtn-unified-icon{width:18px;height:18px}
 .qhtn-unified-banner-root .qhtn-unified-drawer-actions p{margin:0;color:#8496a6;font-size:9px;text-align:center}
}


/* V43.03 — Khớp header và logo với header SPA đang dùng ở Diễn đàn/Video. */
body,.qhtn-unified-banner-root{font-family:'Be Vietnam Pro',Inter,Arial,sans-serif!important}
.qhtn-unified-banner-root .qhtn-unified-topbar{height:35px;padding:0 max(12px,calc((100% - 1500px)/2));font-family:'Be Vietnam Pro',Inter,Arial,sans-serif;font-size:11px;line-height:35px}
@media(max-width:760px){
 .qhtn-unified-banner-root .qhtn-unified-topbar{height:30px;min-height:30px;padding:0 12px;font-size:10px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .qhtn-unified-banner-root .qhtn-unified-banner{height:181px;min-height:181px;max-height:none;background:#fff url('/assets/banner-tay-ninh-long-an-mobile-scenic-v21.webp') center bottom/100% auto no-repeat}
 .qhtn-unified-banner-root .qhtn-unified-brand{height:auto;min-height:70px;max-width:calc(100% - 70px);gap:9px;padding:11px 0 7px 2px;background:#fff;align-items:flex-start}
 .qhtn-unified-banner-root .qhtn-unified-brand img{display:block;width:57px;height:52px;flex:0 0 57px;object-fit:cover;border:1px solid #cfe1ed;border-radius:16px;box-shadow:0 5px 16px rgba(6,54,91,.10);background:#fff}
 .qhtn-unified-banner-root .qhtn-unified-brand span{display:block;min-width:0;padding-top:1px}
 .qhtn-unified-banner-root .qhtn-unified-brand strong{font-family:Georgia,serif;font-size:clamp(19px,5.5vw,25px);font-weight:800;line-height:1.21;letter-spacing:-.5px;color:#084a83;white-space:normal}
 .qhtn-unified-banner-root .qhtn-unified-brand small{font-family:'Be Vietnam Pro',Inter,Arial,sans-serif;font-size:9px;font-weight:600;line-height:1.35;letter-spacing:0;color:#8194a2;white-space:normal;margin-top:4px}
 .qhtn-unified-banner-root .qhtn-unified-header-actions{top:13px;right:12px;gap:4px;padding:4px;border-radius:12px;box-shadow:0 3px 12px #0d4c7019}
 .qhtn-unified-banner-root .qhtn-unified-search-btn,.qhtn-unified-banner-root .qhtn-unified-menu-btn{width:42px;height:42px;border-radius:12px}
 .qhtn-unified-banner-root .qhtn-unified-menu-btn{background:#0b629e;border-color:#0b629e}
 .qhtn-unified-banner-root .qhtn-unified-mobile-title>img{width:49px;height:45px;flex-basis:49px;object-fit:cover;padding:0;border:1px solid #cfe1ed;border-radius:16px;box-shadow:0 5px 16px rgba(6,54,91,.10);background:#fff}
}


/* V43.04 — logo và hai nút chia cùng một hàng; giới hạn chữ theo đúng cột logo. */
@media(max-width:760px){
 .qhtn-unified-banner-root .qhtn-unified-banner{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:'brand controls'!important;align-items:center!important;
  align-content:start!important;gap:0 8px!important;
  height:181px!important;min-height:181px!important;max-height:none!important;
  padding:10px 12px 0!important;box-sizing:border-box!important;
  background:#fff url('/assets/banner-tay-ninh-long-an-mobile-scenic-v21.webp') center bottom/100% auto no-repeat!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand{
  grid-area:brand!important;position:relative!important;inset:auto!important;
  display:flex!important;width:100%!important;min-width:0!important;max-width:100%!important;
  height:60px!important;min-height:0!important;padding:0!important;margin:0!important;
  align-items:center!important;gap:9px!important;overflow:hidden!important;background:#fff!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand img{
  width:57px!important;height:52px!important;flex:0 0 57px!important;
  object-fit:cover!important;border:1px solid #cfe1ed!important;border-radius:16px!important;
  box-shadow:0 5px 16px rgba(6,54,91,.10)!important;background:#fff!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand>span{
  display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:100%!important;
  padding:0!important;overflow:hidden!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand strong{
  display:block!important;width:100%!important;max-width:100%!important;
  font-family:Georgia,serif!important;font-size:clamp(18px,5vw,22px)!important;
  font-weight:800!important;line-height:1.15!important;letter-spacing:-.4px!important;
  color:#084a83!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:clip!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand small{
  display:block!important;font-family:'Be Vietnam Pro',Inter,Arial,sans-serif!important;
  font-size:9px!important;line-height:1.35!important;font-weight:600!important;
  letter-spacing:0!important;color:#8194a2!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;margin-top:4px!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-header-actions{
  grid-area:controls!important;position:relative!important;inset:auto!important;
  justify-self:end!important;align-self:center!important;z-index:7!important;
  display:flex!important;flex:none!important;gap:4px!important;padding:4px!important;
  margin:0!important;background:#fff!important;border:1px solid #d9e7f0!important;
  border-radius:12px!important;box-shadow:0 3px 12px #0d4c7019!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-search-btn,
 .qhtn-unified-banner-root .qhtn-unified-menu-btn{
  position:static!important;inset:auto!important;display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;
  padding:0!important;margin:0!important;border-radius:12px!important;box-shadow:none!important;
 }
}
@media(max-width:370px){
 .qhtn-unified-banner-root .qhtn-unified-banner{gap:0 5px!important;padding-right:8px!important;padding-left:8px!important}
 .qhtn-unified-banner-root .qhtn-unified-brand{gap:7px!important}
 .qhtn-unified-banner-root .qhtn-unified-brand img{width:49px!important;height:45px!important;flex-basis:49px!important;border-radius:14px!important}
 .qhtn-unified-banner-root .qhtn-unified-brand strong{font-size:18px!important}
 .qhtn-unified-banner-root .qhtn-unified-header-actions{gap:3px!important;padding:3px!important}
 .qhtn-unified-banner-root .qhtn-unified-search-btn,.qhtn-unified-banner-root .qhtn-unified-menu-btn{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important}
}


/* V43.05 — dùng đúng font, cỡ chữ và ảnh banner của các trang SPA. */
body,.qhtn-unified-banner-root{
 font-family:Roboto,Arial,sans-serif!important;font-size:14px!important;line-height:1.58!important;
 -webkit-font-smoothing:antialiased;
}
body :is(h1,h2,h3,h4),.qhtn-unified-banner-root .qhtn-unified-mobile-title strong{
 font-family:'Roboto Condensed',Roboto,Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.012em;
}
.qhtn-unified-banner-root .qhtn-unified-topbar{font-family:Roboto,Arial,sans-serif!important;font-size:11px!important}
@media(max-width:760px){
 .qhtn-unified-banner-root .qhtn-unified-banner{
  height:calc(46vw + 72px)!important;min-height:calc(46vw + 72px)!important;max-height:none!important;
  background-color:#fff!important;
  background-image:linear-gradient(#fff 0 72px,transparent 72px),url('/assets/v41-banner-photograph-mobile.webp')!important;
  background-position:top left,center bottom!important;
  background-size:100% 100%,100% auto!important;
  background-repeat:no-repeat,no-repeat!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand{height:72px!important;min-height:72px!important}
 .qhtn-unified-banner-root .qhtn-unified-brand strong{
  font-family:'Roboto Condensed',Roboto,Arial,sans-serif!important;
  font-size:clamp(18px,5vw,24px)!important;font-weight:800!important;
  line-height:1.17!important;letter-spacing:-.5px!important;color:#084a83!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-brand small{
  font-family:Roboto,Arial,sans-serif!important;font-size:10px!important;
  font-weight:600!important;line-height:1.35!important;letter-spacing:0!important;
 }
 .qhtn-unified-banner-root .qhtn-unified-navlink{font-family:Roboto,Arial,sans-serif!important}
 .shell>.intro h1,.article h1{font-family:'Roboto Condensed',Roboto,Arial,sans-serif!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.012em!important}
 .shell>.intro>p,.article .lead,.article .maincopy>p:not(.lead){font-family:Roboto,Arial,sans-serif!important}
 .shell>.intro>p,.article .lead{font-size:16px!important;line-height:1.58!important}
 .article .maincopy>p:not(.lead){font-size:15px!important;line-height:1.65!important}
}