/* XGQN P11 — NEWS READING LAYOUT, scoped to /tin-tuc/{slug} only.
   Real H2/H3/body comes from Admin / DB; no synthetic chapter or fake data. */
.trn74.trn11-news {--trn11-blue:#347fbd;--trn11-ink:#113454;--trn11-line:#dce9f1;--trn11-gold:#ffd15a;background:#f5f8fb;color:#314e68}
.trn74.trn11-news .tr-shell{width:min(1280px,calc(100% - 40px));max-width:1280px;margin-inline:auto;min-width:0}
.trn11-tabs-home{position:relative;min-height:64px;margin:22px 0 30px;width:100%;z-index:60}
.trn11-tabs{width:100%;max-width:none;background:#347fbd!important;background-image:none!important;color:#fff;border:0;box-shadow:0 7px 20px rgba(20,65,99,.09)}
.trn11-tabs-inner{width:min(1280px,calc(100% - 40px));margin:auto;display:flex;align-items:stretch;gap:18px;min-height:64px;min-width:0}
.trn11-tabs-brand{display:flex;flex:0 0 270px;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:700;color:#fff;line-height:1.35}
.trn11-tabs-links{display:flex;align-items:stretch;flex:1 1 auto;gap:5px;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.trn11-tabs-links::-webkit-scrollbar{display:none}
.trn11-tabs-links a{color:#fff!important;flex:0 0 auto;display:flex;align-items:center;max-width:225px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:650;padding:12px 13px;border-bottom:3px solid transparent!important;text-decoration:none!important;background:transparent!important;background-image:none!important;box-shadow:none!important;transition:color .15s ease}
.trn11-tabs-links a.is-active{border-bottom-color:#ffd15a!important;background:transparent!important;box-shadow:none!important}
.trn11-tabs-links a:hover,.trn11-tabs-links a:focus-visible{background:transparent!important;color:#fff!important;outline-offset:-3px}
.trn11-tabs.is-fixed,.trn11-tabs.is-fixed-portal{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;max-width:none!important;z-index:2147482000!important;visibility:visible!important;opacity:1!important;transform:none!important}
.trn11-news .trn74-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(280px,1fr);gap:24px;align-items:start;padding-bottom:38px}
.trn11-news .trn74-article{background:#fff;border:1px solid #e2ebf2;border-radius:15px;padding:28px 32px 34px;box-shadow:0 8px 24px rgba(25,65,95,.035)}
.trn11-news .trn74-sidebar{min-width:0}
.trn11-news .trn74-sticky{position:sticky;top:87px;gap:12px}
.trn11-news .trn74-side-card{padding:18px 20px;background:#fff;box-shadow:none;border:1px solid #e0eaf2;border-radius:12px}
.trn11-news .trn74-toc .trn74-side-title span{color:#146eaa;font-size:12px;letter-spacing:.04em}
.trn11-news .trn74-toc ol{max-height:min(62vh,540px)}
.trn11-news .trn74-toc a{font-size:13px;line-height:1.48;padding:10px 0;transition:color .15s}
.trn11-news .trn74-toc a.is-current{color:#0878bd;font-weight:700}
.trn11-news .trn74-side-card.owner,.trn11-news .trn74-side-card.latest{background:#fff}
.trn11-news .trn74-prose{font-size:17px;line-height:1.84;color:#35536b;overflow-wrap:anywhere}
.trn11-news .trn74-prose .tmwf-public-chapters{width:100%;max-width:100%}
.trn11-news .trn74-prose .tmwf-public-chapter{padding:0;min-width:0;overflow:visible;overflow-wrap:anywhere}
.trn11-news .trn74-prose .tmwf-public-chapter+.tmwf-public-chapter{margin-top:32px;padding-top:28px;border-top:1px solid #e1ecf3}
.trn11-news .trn74-prose h2{font-size:clamp(24px,2.05vw,29px);line-height:1.34;letter-spacing:-.012em;color:var(--trn11-ink);margin:0 0 19px;padding:0 0 15px;position:relative;scroll-margin-top:92px}
.trn11-news .trn74-prose h2:after{content:"";position:absolute;left:0;bottom:0;width:42px;height:3px;border-radius:9px;background:#148fd1}
.trn11-news .trn74-prose h3{font-size:19px;line-height:1.42;color:#173e61;margin:22px 0 10px;scroll-margin-top:92px}
.trn11-news .trn74-prose p{margin:0 0 17px}
.trn11-news .trn74-prose :is(ul,ol){margin:8px 0 20px;padding-left:26px}
.trn11-news .trn74-prose :is(li){margin:5px 0}
.trn11-news .trn74-prose img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:10px}
.trn11-news .trn74-prose figure{max-width:100%;margin:25px 0}
.trn11-news .trn74-prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #dae9f2;border-radius:8px;margin:20px 0}
.trn11-news .trn74-prose :is(td,th){padding:11px 14px;border-color:#dce8f0;min-width:120px}
.trn11-news .trn74-prose th{background:#eaf5fc}
.trn11-news .trn74-prose blockquote{border-left:3px solid #148bd1;background:#f1f9fe;border-radius:0 9px 9px 0;padding:16px 19px}
.trn11-news .trn74-cover,.trn11-news .trn74-header{background:transparent}
.trn11-news .trn74-header{display:block}
.trn11-news .trn74-head-main{max-width:100%}
.trn11-news .trn74-service-bridge{margin-top:30px;padding:22px 24px;border-radius:12px}
.trn11-news .trn74-links{background:#f5f8fb;padding:28px 0}
.trn11-news .trn74-related{background:#f5f8fb;padding:36px 0 50px}
.trn11-news .trn74-related-grid{gap:16px}
.trn11-news #noi-dung-bai-viet{scroll-margin-top:92px}
@media(max-width:1100px){
 .trn11-tabs-inner{gap:11px}
 .trn11-tabs-brand{flex-basis:230px;font-size:14px}
 .trn11-tabs-links a{padding:12px 11px}
 .trn11-news .trn74-layout{grid-template-columns:minmax(0,1fr) 280px}
 .trn11-news .trn74-article{padding:24px}
}
@media(max-width:860px){
 .trn11-news .trn74-layout{grid-template-columns:minmax(0,1fr)}
 .trn11-news .trn74-sticky{position:static}
 .trn11-news .trn74-toc{display:none}
}
@media(max-width:680px){
 .trn74.trn11-news .tr-shell{width:calc(100% - 28px)}
 .trn11-tabs-home{margin:14px 0 20px;min-height:93px}
 .trn11-tabs-inner{width:calc(100% - 28px);display:flex;flex-direction:column;gap:0;min-height:93px}
 .trn11-tabs-brand{flex:0 0 auto;display:block;width:100%;font-size:14px;line-height:1.35;padding:11px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .trn11-tabs-links{width:100%;min-height:44px}
 .trn11-tabs-links a{padding:10px 12px;font-size:12px}
 .trn11-news .trn74-article{padding:21px 17px;border-radius:12px}
 .trn11-news .trn74-prose{font-size:16px;line-height:1.78}
 .trn11-news .trn74-prose h2{font-size:23px}
 .trn11-news .trn74-prose h3{font-size:18px}
 .trn11-news .trn74-prose .tmwf-public-chapter+.tmwf-public-chapter{margin-top:23px;padding-top:21px}
 .trn11-news .trn74-service-bridge{display:block}
 .trn11-news .trn74-bridge-actions{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.trn11-tabs-links a{transition:none}}
