/* XGQN P13 — News hero/gallery/booking visual parity and accessible popup TOC.
 * Deliberately scoped to .trn11-news: Money, Listing, Admin remain untouched. */
.trn11-news{--trn13-blue:#347fbd;--trn13-accent:#119cdb;--trn13-ink:#123456;--trn13-line:#d6e7f4}
.trn11-news .tct6-wrap{background:transparent!important;padding:10px 0 8px!important}
.trn11-news .tct6-wrap .tct5-inner{width:min(1280px,calc(100% - 40px));max-width:1280px;margin-inline:auto}
.trn11-news .tct6-wrap .tct5-breadcrumb{margin:0 0 18px!important;line-height:1.6}
/* A factual article heading in the same premium light-blue top band as Money. */
.trn11-news .trn13-hero{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;display:flex;align-items:center;min-height:186px;margin-bottom:16px;padding:22px 25px;border:1px solid #d4e6f4;border-radius:18px;background:linear-gradient(106deg,#eff8ff 0%,#e6f4ff 72%,#d7ebfa 100%);box-shadow:0 7px 23px rgba(14,70,116,.04)}
.trn11-news .trn13-hero-copy{position:relative;z-index:2;width:min(850px,81%);min-width:0}
.trn11-news .trn13-hero-kicker{display:inline-flex;align-items:center;min-height:26px;padding:5px 10px;border-radius:7px;background:#116eac;color:#fff;font-size:11px;font-weight:850;letter-spacing:.025em;line-height:1.3}
.trn11-news .trn13-hero h1{margin:9px 0 8px!important;color:#0b345a;font-size:clamp(23px,2.4vw,32px)!important;line-height:1.25!important;font-weight:850;letter-spacing:-.02em;overflow-wrap:anywhere}
.trn11-news .trn13-hero-accent{display:block;width:56px;height:3px;background:#f4b932;border-radius:9px;margin:0 0 10px}
.trn11-news .trn13-hero p{max-width:940px;margin:0 0 12px;color:#456e8b;font-size:13px;line-height:1.65}
/* P14: compact single-source article metadata; no font-dependent icon glyphs. */
.trn11-news .trn13-hero-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;color:#315d82;font-size:12px;font-weight:650;line-height:1.5}
.trn11-news .trn13-hero-meta>span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.trn11-news .trn13-hero-meta svg{display:block;flex:0 0 16px;width:16px;height:16px;fill:none;stroke:#277eb6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trn11-news .trn13-hero-meta time{white-space:nowrap}
.trn11-news .trn13-hero-art{position:absolute;z-index:1;inset:0 0 0 auto;width:43%;background-size:cover;background-position:center;opacity:.24;mask-image:linear-gradient(to right,transparent,#000 65%)}
/* Top gallery + real 3-tab lead form: align to Money P78 exact 820/340 proportions. */
.trn11-news .tct6-wrap .trn13-top-frame{border:0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.trn11-news .tct6-wrap .trn13-top-frame>.tct5-layout{display:grid!important;grid-template-columns:minmax(0,820px) minmax(340px,1fr)!important;gap:14px!important;align-items:stretch!important;min-width:0}
.trn11-news .tct6-wrap .trn13-top-frame :is(.tct5-primary,.tct5-provider){display:block!important;box-sizing:border-box!important;min-width:0;padding:12px!important;border:1px solid #d2e5f6!important;border-radius:19px!important;background:#fff!important;box-shadow:0 9px 26px rgba(26,87,135,.075)!important}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-gallery{position:relative;box-sizing:border-box;display:flex!important;align-items:stretch!important;justify-content:center;width:100%;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;margin:0!important;padding:0!important;border:0!important;border-radius:13px!important;background:#edf6fb!important;overflow:hidden!important;box-shadow:none!important;gap:5px}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-photo-link{position:relative;z-index:2;display:block!important;flex:1 1 0;min-width:0;width:100%!important;height:100%!important;aspect-ratio:auto!important;border:0!important;border-radius:10px!important;background:#edf6fb!important;overflow:hidden!important}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-photo-link img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-gallery.tm84-has-peeks .tct5-photo-link{width:auto!important;order:0}
.trn11-news .tct6-wrap .trn13-top-frame .tm84-gallery-peek{position:relative;display:block;flex:0 0 11.5%;width:11.5%;height:100%;margin:0;padding:0;border:0;border-radius:9px;overflow:hidden;cursor:pointer;opacity:.56;background:#edf5fc}
.trn11-news .tct6-wrap .trn13-top-frame .tm84-gallery-peek img{width:100%;height:100%;object-fit:cover;filter:saturate(.8)}
.trn11-news .tct6-wrap .trn13-top-frame .tm84-gallery-peek-prev{order:-1}
.trn11-news .tct6-wrap .trn13-top-frame .tm84-gallery-peek-next{order:1}
.trn11-news .tct6-wrap .trn13-top-frame .tm84-gallery-peek:hover{opacity:.9}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-prev{left:calc(11.5% + 9px);z-index:4;width:38px;height:38px}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-next{right:calc(11.5% + 9px);z-index:4;width:38px;height:38px}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-count{left:calc(11.5% + 10px);z-index:4}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-thumbs{display:flex!important;gap:9px!important;overflow-x:auto!important;padding:11px 1px 3px!important;margin:0!important;scrollbar-width:thin}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-thumb{flex:0 0 90px!important;width:90px!important;height:64px!important;padding:2px;border:2px solid transparent;border-radius:9px!important;background:#fff!important;overflow:hidden}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-thumb.is-active{border-color:#438dd4;box-shadow:0 0 0 2px rgba(67,141,212,.12)}
.trn11-news .tct6-wrap .trn13-top-frame .tct5-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
/* Editorial version of Money's journey facts. Every field is backed by the News model. */
.trn11-news .trn13-news-facts{margin-top:13px;border:1px solid #bbdcf3;border-radius:12px;overflow:hidden;background:#fff}
.trn11-news .trn13-facts-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 15px;background:#e5f3ff;color:#103b65}
.trn11-news .trn13-facts-head>span{flex:0 0 auto;font-size:10.5px;letter-spacing:.06em;font-weight:800;color:#497a9d}
.trn11-news .trn13-facts-head>strong{max-width:78%;font-size:14px;line-height:1.4;font-weight:800;text-align:right}
.trn11-news .trn13-news-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:11px 0}
.trn11-news .trn13-news-facts dl>div{min-width:0;padding:5px 12px;border-right:1px solid #e0ebf3}
.trn11-news .trn13-news-facts dl>div:last-child{border-right:0}
.trn11-news .trn13-news-facts dt{margin-bottom:5px;color:#567b9b;font-size:10.5px;line-height:1.3}
.trn11-news .trn13-news-facts dd{margin:0;color:#12395e;font-size:12px;font-weight:750;line-height:1.4;overflow-wrap:anywhere}
/* Exact booking form component from Money: preserve its real POST /api/user/contact. */
.trn11-news .trn13-top-frame .tct5-provider{align-self:stretch!important;align-items:stretch!important}
.trn11-news .tct78-book-card{box-sizing:border-box;width:100%;border:1px solid #d4e7f8;border-radius:13px;background:#f5faff;overflow:hidden}
.trn11-news .tct78-book-card .vinfast-lead-tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;background:#dcecff;border-bottom:1px solid #c0d9ed}
.trn11-news .tct78-book-card .vinfast-lead-tab{display:flex!important;justify-content:center;align-items:center;min-width:0;min-height:45px;height:45px!important;box-sizing:border-box;padding:5px 4px!important;margin:0!important;border:0!important;border-radius:0!important;background:#dcecff!important;color:#183e64!important;font-size:12px!important;font-weight:800!important;line-height:1.3!important;white-space:nowrap;cursor:pointer}
.trn11-news .tct78-book-card .vinfast-lead-tab.is-active{background:#1178bb!important;color:#fff!important}
.trn11-news .tct78-book-card .vinfast-lead-tab:focus-visible{outline:2px solid #ffd15a;outline-offset:-3px}
.trn11-news .tct78-book-card .vinfast-lead-form-body{display:block!important;width:100%!important;box-sizing:border-box!important;margin:0!important;padding:13px 14px 15px!important;border:0!important;border-radius:0!important;background:#e8f5ff!important;box-shadow:none!important}
.trn11-news .tct78-book-card .vinfast-lead-heading{margin:0 0 12px!important;padding:0!important}
.trn11-news .tct78-book-card .vinfast-lead-heading h2{margin:0 0 5px!important;color:#2173ae!important;font-size:18px!important;line-height:1.25!important;font-weight:850!important;text-transform:uppercase}
.trn11-news .tct78-book-card .vinfast-lead-heading span{display:block;color:#607c94;font-size:12px;line-height:1.45}
.trn11-news .tct78-book-card .vinfast-lead-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;min-width:0!important;max-width:100%!important}
.trn11-news .tct78-book-card .vinfast-lead-field{box-sizing:border-box;display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important}
.trn11-news .tct78-book-card .vinfast-lead-field--full{grid-column:1/-1!important}
.trn11-news .tct78-book-card .vinfast-lead-field>label{display:block;margin:0!important;font-size:11.5px!important;font-weight:800!important;color:#20384f!important;line-height:1.35}
.trn11-news .tct78-book-card .vinfast-lead-field em{font-style:normal;color:#c73a27}
.trn11-news .tct78-book-card .vinfast-lead-field :is(input,select,textarea){display:block!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:41px!important;min-height:41px!important;margin:0!important;padding:8px 10px!important;border:1px solid #bbcede!important;border-radius:6px!important;background:#fff!important;color:#223b50!important;font:inherit!important;font-size:12.5px!important;line-height:1.4!important;box-shadow:none!important}
.trn11-news .tct78-book-card .vinfast-lead-field :is(input,select,textarea):focus{border-color:#328bd0!important;outline:2px solid rgba(51,139,208,.15)!important}
.trn11-news .tct78-book-card .vinfast-lead-field textarea{height:60px!important;min-height:60px!important;resize:vertical!important}
.trn11-news .tct78-book-card .xgg-p62-date-display{display:none!important}
.trn11-news .tct78-book-card .xg-p04-consent{display:flex!important;align-items:flex-start!important;gap:7px!important;margin:11px 0 10px!important;color:#5d778f!important;font-size:10.5px!important;line-height:1.45!important;cursor:pointer}
.trn11-news .tct78-book-card .xg-p04-consent input[type=checkbox]{appearance:auto!important;flex:0 0 15px!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;margin:2px 0 0!important;accent-color:#1178bb}
.trn11-news .tct78-book-card .xg-p04-consent span{font-size:10.5px!important;line-height:1.4!important;color:#5d778f!important}
.trn11-news .tct78-book-card .xgg-p61-consent-mobile{display:none!important}
.trn11-news .tct78-book-card .vinfast-lead-submit{display:flex!important;justify-content:center;align-items:center;gap:9px;width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-radius:7px!important;background:#147dbc!important;color:#fff!important;font-size:13px!important;font-weight:850!important;cursor:pointer}
.trn11-news .tct78-book-card .vinfast-lead-submit:disabled{opacity:.6;cursor:wait}
.trn11-news .tct78-book-card .tm78-form-status{margin-top:9px;font-size:12px;line-height:1.45;font-weight:700}
.trn11-news .tct78-book-card .tm78-form-status:empty{display:none}
.trn11-news .tct78-book-card .tm78-form-status.is-error{color:#ad2930}
.trn11-news .tct78-book-card .tm78-form-status.is-success{padding:9px;border-radius:6px;background:#e9f9ef;color:#1d7545}
.trn11-news .trn13-contacts{margin-top:16px}
.trn11-news .trn13-contacts-heading{margin:0 0 11px;display:flex;gap:10px;align-items:center;text-align:center;color:#183f69;font-size:13px;font-weight:750}
.trn11-news .trn13-contacts-heading:before,.trn11-news .trn13-contacts-heading:after{content:"";flex:1;height:1px;background:#cbe0f1}
.trn11-news .trn13-contacts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.trn11-news .trn13-contacts-grid a{display:flex;align-items:center;gap:8px;min-width:0;min-height:50px;padding:7px 9px;border-radius:8px;color:#fff!important;text-decoration:none!important;box-sizing:border-box}
.trn11-news .trn13-contact-phone{background:#009c40}
.trn11-news .trn13-contact-zalo{background:#056ccf}
.trn11-news .trn13-contact-icon{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;border:2px solid #fff;font-size:18px;font-weight:900;color:#fff}
.trn11-news .trn13-contacts-grid a span:last-child{min-width:0}
.trn11-news .trn13-contacts-grid small{display:block;color:#fff;font-size:10px;font-weight:600;line-height:1.4}
.trn11-news .trn13-contacts-grid strong{display:block;color:#fff;font-size:12px;line-height:1.3;overflow-wrap:anywhere}
/* TOC: one column, in an accessible floating native dialog, not a permanently visible sidebar. */
.trn11-news .trn13-toc-inline{display:flex;justify-content:flex-end;margin:0 0 20px}
.trn11-news .trn13-toc-open{display:inline-flex;align-items:center;gap:10px;min-height:43px;border:1px solid #bed9eb;border-radius:8px;background:#eef7fe;color:#0b659e;padding:9px 14px;font-size:13px;font-weight:800;cursor:pointer}
.trn11-news .trn13-toc-open>span{font-size:11px;color:#668ba5;font-weight:500}
.trn11-news .trn13-toc-open svg:last-child{margin-left:8px}
.trn11-news .trn13-toc-fab{position:fixed;z-index:400;right:89px;bottom:22px;display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #c6def0;border-radius:999px;background:#fff;box-shadow:0 7px 25px rgba(12,61,103,.16);color:#145f95;font-size:12px;font-weight:800;cursor:pointer}
.trn13-toc-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(520px,calc(100vw - 30px));max-width:none;max-height:min(78vh,720px);padding:0;border:1px solid #cee2f2;border-radius:14px;background:#fff;color:#173a5e;box-shadow:0 20px 70px rgba(2,28,59,.25);overflow:hidden}
.trn13-toc-dialog:not([open]){display:none!important}
.trn13-toc-dialog::backdrop{background:rgba(11,37,67,.54)}
.trn13-toc-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;border-bottom:1px solid #d9e8f4;background:linear-gradient(110deg,#e7f4fe,#fff)}
.trn13-toc-dialog>header strong{display:block;font-size:17px;font-weight:850;line-height:1.4}
.trn13-toc-dialog>header small{display:block;font-size:12px;color:#6686a0;margin-top:3px}
.trn13-toc-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid #cfe0ed;border-radius:9px;background:#fff;color:#235c8e;cursor:pointer}
.trn13-toc-dialog .trn13-toc-list{overflow-y:auto;overscroll-behavior:contain;max-height:calc(min(78vh,720px) - 79px);padding:8px 20px 20px}
.trn13-toc-dialog .trn13-toc-list ol{display:block;list-style:none;margin:0;padding:0}
.trn13-toc-dialog .trn13-toc-list li{border-bottom:1px solid #edf2f7;margin:0;padding:0}
.trn13-toc-dialog .trn13-toc-list li:last-child{border-bottom:0}
.trn13-toc-dialog .trn13-toc-list a{display:block;padding:11px 3px;color:#215479;text-decoration:none;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.trn13-toc-dialog .trn13-toc-list .is-h3 a{padding-left:17px;color:#5b748a;font-size:13px}
.trn13-toc-dialog .trn13-toc-list a:hover,.trn13-toc-dialog .trn13-toc-list a:focus-visible{color:#0878bd;background:#eef7fe;text-decoration:none;outline-offset:-2px}
@media(max-width:1050px){
 .trn11-news .tct6-wrap .trn13-top-frame>.tct5-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important}
 .trn11-news .trn13-hero-copy{width:88%}
}
@media(max-width:850px){
 .trn11-news .tct6-wrap .trn13-top-frame>.tct5-layout{grid-template-columns:minmax(0,1fr)!important}
 .trn11-news .trn13-hero-art{opacity:.15}
 .trn11-news .trn13-hero-copy{width:100%}
}
@media(max-width:640px){
 .trn11-news .tct6-wrap .tct5-inner{width:calc(100% - 28px)}
 .trn11-news .trn13-hero{padding:15px 14px;min-height:0;border-radius:13px;margin-bottom:12px}
 .trn11-news .trn13-hero h1{font-size:clamp(22px,6vw,29px)!important}
 .trn11-news .trn13-hero p{font-size:12.5px}
 .trn11-news .tct6-wrap .trn13-top-frame :is(.tct5-primary,.tct5-provider){padding:9px!important;border-radius:13px!important}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-gallery.tm84-has-peeks{display:block!important}
 .trn11-news .tct6-wrap .trn13-top-frame .tm84-gallery-peek{display:none!important}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-gallery .tct5-photo-link{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-prev{left:8px}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-next{right:8px}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-count{left:9px}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-thumbs{gap:7px!important}
 .trn11-news .tct6-wrap .trn13-top-frame .tct5-thumb{flex:0 0 76px!important;width:76px!important;height:54px!important}
 .trn11-news .trn13-facts-head{display:block}
 .trn11-news .trn13-facts-head>strong{display:block;max-width:100%;margin-top:3px;text-align:left;font-size:13px}
 .trn11-news .trn13-news-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
 .trn11-news .trn13-news-facts dl>div:nth-child(even){border-right:0}
 .trn11-news .trn13-news-facts dl>div:nth-child(n+3){border-top:1px solid #e0ebf3;padding-top:10px}
 .trn11-news .tct78-book-card .vinfast-lead-form-body{padding:12px!important}
 .trn11-news .tct78-book-card .vinfast-lead-grid{gap:9px!important}
 .trn11-news .tct78-book-card .vinfast-lead-tab{font-size:11.5px!important}
 .trn11-news .tct78-book-card .xgg-p61-consent-desktop{display:none!important}
 .trn11-news .tct78-book-card .xgg-p61-consent-mobile{display:block!important}
 .trn11-news .trn13-toc-fab{right:86px;bottom:85px}
 .trn13-toc-dialog>header{padding:15px}
 .trn13-toc-dialog .trn13-toc-list{padding:8px 15px 18px}
}
@media(max-width:360px){.trn11-news .trn13-contacts-grid{grid-template-columns:1fr}.trn11-news .tct78-book-card .vinfast-lead-tab{font-size:10.5px!important}}
