/* XGQN P12 — News chapter reading adopts the Money/Listing full-width content frame.
 * No changes to news source, Admin content distribution, Money/Listing templates.
 * Load after news P11 + transport-news P74.
 */
.trn74.trn11-news {--trn12-blue:#347fbd;--trn12-ink:#12325b;--trn12-accent:#1b9ddd;--trn12-rule:#e2edf5;background:#f6f9fc}

/* Full-bleed blue tab, one-row desktop; the P11 sentinel+portal sticky controller remains untouched. */
.trn11-tabs-home{margin-bottom:28px}
.trn11-tabs-inner{gap:12px}
.trn11-tabs-brand{flex:0 0 auto;max-width:clamp(170px,24vw,310px);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.trn11-tabs-links a{max-width:190px}
.trn11-tabs-links a.is-active,
.trn11-tabs-links a:hover,
.trn11-tabs-links a:focus-visible{background:transparent!important;background-image:none!important;box-shadow:none!important}
.trn11-tabs-links a.is-active{border-bottom-color:#ffd15a!important}

/* Unlike the previous 820px/side-column P11 layout, this now matches the Money/Listing 1280px canvas. */
.trn74.trn11-news .trn74-layout.trn12-reading-layout{display:block!important;grid-template-columns:none!important;gap:0!important;width:min(1280px,calc(100% - 40px));max-width:1280px;margin:0 auto 22px;padding:0!important;background:#fff;border:1px solid #e0eaf3;border-radius:16px;box-shadow:0 7px 20px rgba(20,63,93,.035);overflow:visible}
.trn74.trn11-news .trn12-reading-layout>.trn12-reading-article{width:100%;max-width:none;min-width:0;box-sizing:border-box;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:24px 36px 34px!important}

/* TOC is still complete (including 22-H2 articles), but does not occupy a permanent right column. */
.trn11-news .trn12-inline-toc{margin:0 0 26px;border:1px solid #d8e6f1;border-radius:10px;background:linear-gradient(115deg,#eff7fe,#fff);overflow:hidden;color:#173f67}
.trn11-news .trn12-inline-toc>summary{display:flex;align-items:center;gap:10px;min-height:52px;box-sizing:border-box;padding:12px 18px;cursor:pointer;list-style:none;font-size:15px;line-height:1.4;color:#153b62;font-weight:750}
.trn11-news .trn12-inline-toc>summary::-webkit-details-marker{display:none}
.trn11-news .trn12-toc-name{flex:1}
.trn11-news .trn12-toc-meta{font-size:12px;font-weight:500;color:#64849b}
.trn11-news .trn12-toc-chevron{flex:0 0 16px;color:#267fbc;transition:transform .15s ease}
.trn11-news .trn12-inline-toc[open] .trn12-toc-chevron{transform:rotate(180deg)}
.trn11-news .trn12-inline-toc nav{padding:0 18px 16px;border-top:1px solid #e1edf6}
.trn11-news .trn12-inline-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;list-style:none;margin:0;padding:10px 0 0}
.trn11-news .trn12-inline-toc li{min-width:0;margin:0;padding:0;border-bottom:1px solid #edf2f6}
.trn11-news .trn12-inline-toc li.level-3{padding-left:12px}
.trn11-news .trn12-inline-toc a{display:block;padding:10px 0;color:#24577e;font-size:14px;line-height:1.45;text-decoration:none;overflow-wrap:anywhere}
.trn11-news .trn12-inline-toc li.level-3 a{font-size:13px;color:#607d93}
.trn11-news .trn12-inline-toc a:hover,.trn11-news .trn12-inline-toc a:focus-visible{color:#006fb3;text-decoration:underline;text-underline-offset:3px}

/* Chapter rhythm copied from the approved Money & Listing typography, not a magazine sidebar. */
.trn11-news .trn12-reading-article .trn74-prose{width:100%;max-width:none;font-size:16px!important;line-height:1.85!important;color:#315371!important;overflow-wrap:anywhere}
.trn11-news .trn12-reading-article .tmwf-public-chapters{max-width:none;width:100%}
.trn11-news .trn12-reading-article .tmwf-public-chapter{box-sizing:border-box;display:block;min-width:0;padding:0 0 24px!important;margin:0 0 26px!important;border:0!important;border-bottom:1px solid var(--trn12-rule)!important;background:#fff!important;border-radius:0!important;box-shadow:none!important;overflow:visible}
.trn11-news .trn12-reading-article .tmwf-public-chapter:last-child{border-bottom:0!important;padding-bottom:0!important;margin-bottom:0!important}
.trn11-news .trn12-reading-article .tmwf-public-chapter+.tmwf-public-chapter{padding-top:0!important;margin-top:0!important}
.trn11-news .trn12-reading-article .trn74-prose h2{position:relative;margin:4px 0 15px!important;padding:0 0 12px!important;font-size:clamp(20px,1.75vw,25px)!important;line-height:1.4!important;font-weight:800!important;color:var(--trn12-ink)!important;letter-spacing:-.015em!important;text-align:left!important;scroll-margin-top:105px}
.trn11-news .trn12-reading-article .trn74-prose h2:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:4px;background:var(--trn12-accent)}
.trn11-news .trn12-reading-article .trn74-prose h3{font-size:17px!important;line-height:1.48!important;font-weight:800!important;color:#164b73!important;margin:20px 0 9px!important;text-align:left!important;scroll-margin-top:105px}
.trn11-news .trn12-reading-article .trn74-prose p{font-size:inherit!important;line-height:1.85!important;margin:0 0 16px!important;text-align:left!important}
.trn11-news .trn12-reading-article .trn74-prose :is(ul,ol){margin:8px 0 18px;padding-left:24px}
.trn11-news .trn12-reading-article .trn74-prose img{max-width:100%;height:auto;border-radius:9px;margin:18px auto}
.trn11-news .trn12-reading-article .trn74-prose :is(table){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:18px 0;border:1px solid #d8e6f2;border-radius:8px}
.trn11-news .trn12-reading-article .trn74-prose :is(td,th){padding:9px 12px;border:1px solid #dce8f2}
.trn11-news .trn12-reading-article .trn74-prose th{background:#eaf6ff;color:#153f69}
.trn11-news .trn12-reading-article .trn74-prose blockquote{margin:22px 0;border-left:3px solid #209dde;background:#f2f9fe;padding:16px 18px}
.trn11-news .trn12-reading-article .trn74-prose a{color:#0c78b7;text-decoration:underline;text-underline-offset:3px}
.trn11-news .trn12-reading-article .trn74-prose :is(h2,h3,h4)[id]{scroll-margin-top:110px}
.trn11-news #noi-dung-bai-viet{scroll-margin-top:110px}
.trn11-news .trn12-reading-article .trn74-service-bridge{margin-top:24px;box-shadow:none}

/* Related reading flows beneath the 1280px article, as with other Master11 pages. */
.trn11-news .trn74-related,.trn11-news .trn74-links{background:transparent}
.trn11-news .trn74-related{padding:20px 0 45px}
.trn11-news .trn74-related-grid article{box-shadow:none}

@media(max-width:860px){
 .trn74.trn11-news .trn12-reading-layout>.trn12-reading-article{padding:20px 24px 26px!important}
 .trn11-news .trn12-inline-toc ol{grid-template-columns:1fr}
}
@media(max-width:680px){
 .trn74.trn11-news .trn74-layout.trn12-reading-layout{width:calc(100% - 28px);border-radius:12px}
 .trn74.trn11-news .trn12-reading-layout>.trn12-reading-article{padding:18px 16px 24px!important}
 .trn11-tabs-brand{max-width:none;width:100%;font-size:14px}
 .trn11-news .trn12-reading-article .trn74-prose{font-size:15px!important;line-height:1.8!important}
 .trn11-news .trn12-reading-article .trn74-prose h2{font-size:20px!important}
 .trn11-news .trn12-reading-article .trn74-prose h3{font-size:16px!important}
 .trn11-news .trn12-reading-article .tmwf-public-chapter{margin-bottom:22px!important;padding-bottom:19px!important}
 .trn11-news .trn12-inline-toc>summary{font-size:14px;padding:12px 13px}
 .trn11-news .trn12-inline-toc nav{padding:0 13px 12px}
}
@media(prefers-reduced-motion:reduce){.trn11-news .trn12-toc-chevron{transition:none}}

/* The former 'BÀI MỚI' sidebar links are kept, now a compact related row at the bottom. */
.trn11-news .trn12-latest-bottom{padding:12px 0 20px;background:transparent}
.trn11-news .trn12-latest-bottom h2{position:relative;margin:0 0 17px;padding:0 0 11px;font-size:22px;line-height:1.4;color:#12325b}
.trn11-news .trn12-latest-bottom h2:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;border-radius:4px;background:#1b9ddd}
.trn11-news .trn12-latest-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.trn11-news .trn12-latest-links a{display:flex;flex-direction:column;gap:7px;min-width:0;border:1px solid #dae8f2;border-radius:10px;padding:16px 18px;background:#fff;color:#16446a;text-decoration:none}
.trn11-news .trn12-latest-links a:hover,.trn11-news .trn12-latest-links a:focus-visible{border-color:#6cbae5;color:#0877bb}
.trn11-news .trn12-latest-links small{color:#728b9d;font-size:12px}
.trn11-news .trn12-latest-links strong{font-size:14px;font-weight:700;line-height:1.55}
@media(max-width:680px){.trn11-news .trn12-latest-links{grid-template-columns:1fr}.trn11-news .trn12-latest-links a{padding:12px 14px}}

/* News' provider card must not stretch to the full gallery + H1 column height.
 * CT5 is shared with Money/Listing; scope this fix to News only. */
.trn11-news .tct6-wrap .tct5-layout{align-items:start!important}
.trn11-news .tct6-wrap .tct5-provider{align-self:start!important;align-items:flex-start!important;display:block!important}
.trn11-news .tct6-wrap .tct5-provider-sticky{height:auto!important;min-height:0!important}