/* TTUX 1.0.68 — Standalone magazine layouts: served independently and inlined as a fallback. */
/* V1.0.66 — Four optional editorial layouts for the "Bài viết" builder block.
   Scoped to .ttux-news-widget; old .ttux-post-grid and .ttux-card are unchanged. */
.ttux-news-widget{--ttux-news-accent:#db9e00;width:100%;min-width:0;color:#1d1d1d;font-family:inherit}
.ttux-news-widget *{box-sizing:border-box}
.ttux-news-widget a{color:inherit;text-decoration:none}
.ttux-news-widget a:hover{color:var(--ttux-news-accent);text-decoration:none}
.ttux-news-topbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 23px;border-bottom:2px solid var(--ttux-news-accent)}
.ttux-news-section-title{min-width:0;flex:0 1 auto;margin:0!important;padding:0!important;font-size:14px!important;line-height:1.2!important;font-weight:700!important;letter-spacing:0!important;color:#fff!important}
.ttux-news-section-title>span{display:inline-block;padding:8px 13px 7px;background:var(--ttux-news-accent);color:#fff;white-space:normal}
.ttux-news-tabs{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.ttux-news-tabs :is(a,button){cursor:pointer;flex-shrink:0;display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:0;background:transparent;box-shadow:none;color:#777;padding:8px 11px;font-weight:400;font-family:inherit;font-size:12px;line-height:1.3;text-transform:none;letter-spacing:0;white-space:nowrap}
.ttux-news-tabs :is(a,button):hover,.ttux-news-tabs :is(a,button).is-active{color:var(--ttux-news-accent);background:transparent}
.ttux-news-tabs :is(a,button):focus-visible{outline:2px solid var(--ttux-news-accent);outline-offset:-2px}
.ttux-news-content{min-width:0}
.ttux-news-item{min-width:0;margin:0;position:relative;display:block}
.ttux-news-thumb{display:block;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#edf1f4}
.ttux-news-thumb img{display:block;width:100%;height:100%!important;object-fit:cover;aspect-ratio:inherit;max-width:100%;border-radius:0!important;transition:transform .25s ease}
.ttux-news-thumb:hover img{transform:scale(1.025)}
.ttux-news-image-empty{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e2e7ec,#f3f5f7)}
.ttux-news-category{position:absolute;bottom:0;left:0;z-index:1;max-width:94%;display:inline-block;padding:3px 5px;background:#202020;color:#fff;font-size:10px;line-height:1.2;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ttux-news-headline{font-size:19px!important;line-height:1.32!important;font-weight:400!important;color:#171717!important;margin:0 0 6px!important;padding:0!important;text-transform:none!important;letter-spacing:0!important}
.ttux-news-headline a{color:inherit}
.ttux-news-copy{position:relative;min-width:0;padding:0}
.ttux-news-meta{font-size:11px;line-height:1.5;color:#898989;display:flex;flex-wrap:wrap;column-gap:5px;align-items:center;margin:0 0 10px}
.ttux-news-author{color:#242424;font-weight:600}
.ttux-news-excerpt{color:#888;font-size:13px;line-height:1.62;max-width:100%;margin:0!important;overflow-wrap:anywhere}
.ttux-news-comments{position:absolute;right:0;top:100%;transform:translateY(-18px);display:inline-block;min-width:18px;padding:1px 4px;background:#141414;color:#fff;font-size:10px;line-height:1.5;text-align:center}
.ttux-news-comments:after{content:'';position:absolute;left:4px;bottom:-4px;border-top:4px solid #141414;border-right:4px solid transparent}
.ttux-news-noresults{padding:25px 10px;color:#777;text-align:center}
.ttux-news-noresults[hidden]{display:none!important}
/* Style 1 — lead story on left, compact headlines on right */
.ttux-news-featured-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:46px;align-items:start}
.ttux-news-featured-grid .ttux-news-featured{min-width:0}
.ttux-news-featured .ttux-news-thumb{aspect-ratio:1.4}
.ttux-news-featured .ttux-news-copy{padding-top:13px}
.ttux-news-featured .ttux-news-headline{font-size:23px!important;line-height:1.17!important;color:var(--ttux-news-accent)!important}
.ttux-news-featured .ttux-news-excerpt{margin-top:12px!important}
.ttux-news-side{display:flex;flex-direction:column;gap:20px;min-width:0}
.ttux-news-side .ttux-news-item{display:grid;grid-template-columns:97px minmax(0,1fr);gap:15px;align-items:start}
.ttux-news-side .ttux-news-thumb{aspect-ratio:1.4}
.ttux-news-side .ttux-news-headline{font-size:14px!important;line-height:1.38!important;margin:0 0 7px!important}
.ttux-news-side .ttux-news-meta{font-size:11px;margin:4px 0 0}
.ttux-news-side .ttux-news-author,.ttux-news-side .ttux-news-meta-divider,.ttux-news-side .ttux-news-excerpt,.ttux-news-side .ttux-news-comments{display:none}
/* Style 2 — two independent editorial columns, each lead + supporting posts */
.ttux-news-double-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;align-items:start}
.ttux-news-column{min-width:0;display:flex;flex-direction:column;gap:23px}
.ttux-news-column>.ttux-news-item:first-child .ttux-news-thumb{aspect-ratio:1.72}
.ttux-news-column>.ttux-news-item:first-child .ttux-news-copy{padding-top:13px}
.ttux-news-column>.ttux-news-item:first-child .ttux-news-headline{font-size:21px!important}
.ttux-news-column>.ttux-news-item:first-child .ttux-news-excerpt{margin-top:12px!important}
.ttux-news-column>.ttux-news-item:not(:first-child){display:grid;grid-template-columns:96px minmax(0,1fr);gap:15px;align-items:start}
.ttux-news-column>.ttux-news-item:not(:first-child) .ttux-news-thumb{aspect-ratio:1.4}
.ttux-news-column>.ttux-news-item:not(:first-child) .ttux-news-headline{font-size:14px!important;line-height:1.4!important}
.ttux-news-column>.ttux-news-item:not(:first-child) .ttux-news-excerpt,.ttux-news-column>.ttux-news-item:not(:first-child) .ttux-news-author,.ttux-news-column>.ttux-news-item:not(:first-child) .ttux-news-meta-divider,.ttux-news-column>.ttux-news-item:not(:first-child) .ttux-news-comments{display:none}
/* Style 3 — magazine thumbnail cards, 3 balanced columns */
.ttux-news-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 22px}
.ttux-news-three-grid .ttux-news-thumb{aspect-ratio:1.65}
.ttux-news-three-grid .ttux-news-copy{padding-top:12px}
.ttux-news-three-grid .ttux-news-headline{font-size:16px!important;line-height:1.25!important;margin:0!important}
.ttux-news-three-grid .ttux-news-meta,.ttux-news-three-grid .ttux-news-excerpt{display:none}
/* Style 4 — horizontal news rows, image on left and full text on right */
.ttux-news-vertical-list{display:flex;flex-direction:column;gap:35px}
.ttux-news-vertical-list .ttux-news-item{display:grid;grid-template-columns:minmax(150px,31%) minmax(0,1fr);column-gap:26px;align-items:start}
.ttux-news-vertical-list .ttux-news-thumb{aspect-ratio:1.42}
.ttux-news-vertical-list .ttux-news-headline{font-size:21px!important;line-height:1.3!important;margin:0 0 7px!important}
.ttux-news-vertical-list .ttux-news-meta{margin:0 0 12px}
.ttux-news-vertical-list .ttux-news-excerpt{font-size:13px;line-height:1.7}
@media(max-width:850px){.ttux-news-featured-grid{gap:20px}.ttux-news-double-grid{gap:20px}.ttux-news-side .ttux-news-item,.ttux-news-column>.ttux-news-item:not(:first-child){grid-template-columns:78px minmax(0,1fr);gap:10px}.ttux-news-tabs{max-width:63%}}
@media(max-width:650px){.ttux-news-topbar{flex-wrap:wrap;row-gap:2px}.ttux-news-tabs{max-width:100%;width:100%;justify-content:flex-start}.ttux-news-featured-grid,.ttux-news-double-grid{grid-template-columns:minmax(0,1fr);gap:24px}.ttux-news-side{gap:16px}.ttux-news-side .ttux-news-item,.ttux-news-column>.ttux-news-item:not(:first-child){grid-template-columns:105px minmax(0,1fr)}.ttux-news-column{gap:18px}.ttux-news-three-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.ttux-news-three-grid .ttux-news-headline{font-size:14px!important}.ttux-news-vertical-list{gap:22px}.ttux-news-vertical-list .ttux-news-item{grid-template-columns:minmax(98px,38%) minmax(0,1fr);gap:12px}.ttux-news-vertical-list .ttux-news-headline{font-size:16px!important}.ttux-news-vertical-list .ttux-news-excerpt{font-size:12px;line-height:1.4}.ttux-news-vertical-list .ttux-news-meta{font-size:10px;margin-bottom:6px}}
@media(max-width:380px){.ttux-news-three-grid{grid-template-columns:1fr}.ttux-news-vertical-list .ttux-news-item{grid-template-columns:1fr}.ttux-news-vertical-list .ttux-news-thumb{aspect-ratio:16/9}}

/* 1.0.68: Category tabs are genuine archive links; ensure nothing intercepts clicks. */
.ttux-news-widget .ttux-news-tabs{position:relative;z-index:2}
.ttux-news-widget .ttux-news-tabs a{position:relative;pointer-events:auto!important;text-decoration:none!important;color:#777!important}
.ttux-news-widget .ttux-news-tabs a:hover,.ttux-news-widget .ttux-news-tabs a.is-active{color:var(--ttux-news-accent)!important}

/* V1.0.73: Magazine headlines are card labels, not long-form H2/H3 headings.
   Override stale per-page heading presets only inside magazine blocks.  The
   actual category bar/normal page headings elsewhere keep their own styling. */
body.home .ttux-builder-content .ttux-news-widget h3.ttux-news-headline,
.ttux-news-widget .ttux-news-headline,
.ttux-news-widget .ttux-news-headline:is(h1,h2,h3,h4,h5,h6) {
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  padding:0!important;
  text-indent:0!important;
  text-shadow:none!important;
  position:relative!important;
  clear:none!important;
  overflow-wrap:break-word!important;
}
.ttux-news-widget .ttux-news-headline::before,
.ttux-news-widget .ttux-news-headline::after { content:none!important;display:none!important; }
.ttux-news-widget .ttux-news-headline a {
  display:inline!important;
  background:none!important;
  border:0!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  padding:0!important;
  color:inherit!important;
  font:inherit!important;
  text-decoration:none!important;
}
.ttux-news-widget .ttux-news-headline a:hover { color:var(--ttux-news-accent)!important; }
/* No reset to .ttux-news-section-title, the "TIN NỔI BẬT" bar keeps its own badge. */