/* Layout: website globalx.edu.vn nhiều trang theo GX guideline 2027 v2 "Cất cánh" (chốt 26/10/2026). Một cột, dải màu tràn viền, nội dung tối đa 1200px, mobile trước. Giao diện sáng có chủ đích: guideline chỉ có theme sáng. */
:root{
  --sky:#1a8fe3; --sky-deep:#0b5fa3; --cloud:#e8f4fd;
  --dawn:#ff9466; --dawn-pale:#ffede4; --dawn-deep:#a8471c;
  --paper:#ffffff; --white:#ffffff; --night:#0b2545; --ink-muted:#4a5a73;
  --line:#e3ded4; --control:#7d879a; --danger:#c0362c;
  --grad-dawn-sky:linear-gradient(180deg,#ffd9c2 0%,#cfe6fa 45%,#8cc7f2 100%);
  --grad-night:linear-gradient(170deg,#0b2545 0%,#123a6b 100%);
  --grad-photo:linear-gradient(180deg,rgba(11,37,69,0) 30%,rgba(11,37,69,.6) 62%,rgba(11,37,69,.92) 100%);
  --display:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Lexend",Arial,system-ui,sans-serif;
  --r-sm:6px; --r-md:8px; --r-lg:14px;
  --shadow:0 1px 2px rgba(11,37,69,.06),0 10px 28px rgba(11,37,69,.08);
  --window:44% 44% 40% 40%/30% 30% 26% 26%;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
body{background:var(--paper);color:var(--night);font-family:var(--sans);font-size:17px;line-height:1.65;font-weight:400}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--paper)}
a{color:var(--sky-deep)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--sky-deep);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0;text-wrap:balance;font-optical-sizing:auto}

p{margin:0}
.in{max-width:1200px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band{padding-block:88px}
@media (max-width:760px){.band{padding-block:52px}}
.stack{display:flex;flex-direction:column;gap:28px}
.route{font-size:12px;line-height:16px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-deep);font-variant-numeric:tabular-nums}
/* Tên chặng 4X giữ đúng cách viết eXplore, eXperience, eXcite, eXcel */
.x4{text-transform:none;letter-spacing:.04em}
.lead{font-size:19px;line-height:30px;font-weight:300;max-width:620px}
.muted{color:var(--ink-muted)}
.small{font-size:14px;line-height:22px}
.h1{font-size:clamp(36px,5.4vw,60px);line-height:1.04;letter-spacing:-.02em}
.h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;letter-spacing:-.015em}
.h3{font-size:22px;line-height:28px}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px}
.sec-head>div{display:flex;flex-direction:column;gap:10px;max-width:700px;min-width:0}
.sec-head>div.chips{flex-direction:row}
[hidden]{display:none!important}
.t-hero .h1{max-width:900px}
.glance{margin:10px 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:rgba(255,255,255,.88);border-radius:var(--r-lg);overflow:hidden}
.glance div{padding:14px 18px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px;min-width:0}
.glance div:first-child{border-left:0}
.glance dt{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--sky-deep)}
.glance dd{margin:0;font-weight:500;font-size:15px;line-height:21px}
@media (max-width:860px){.glance{grid-template-columns:1fr 1fr}.glance div{border-left:0;border-top:1px solid var(--line)}}
.hl4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.hl4{grid-template-columns:1fr 1fr}}
.hcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}
.hcard .photo{height:170px;border-radius:0}
.hcard.big{grid-column:1/-1;flex-direction:row}
.hcard.big .photo{height:auto;min-height:240px;flex:1.2}
.hcard .bd{padding:20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}
.hcard h3{font-size:24px;line-height:1.2}
.hcard p{margin:0;color:var(--ink-muted);font-size:15px;line-height:23px}
@media (max-width:620px){.hl4{grid-template-columns:1fr}.hcard.big{flex-direction:column}.hcard.big .photo{min-height:170px}}
.ribbon{display:flex;align-items:stretch;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 22px;overflow-x:auto}
.stop{flex:1;min-width:120px;position:relative;padding-top:22px;display:flex;flex-direction:column;gap:2px}
.stop::before{content:"";position:absolute;top:6px;left:0;width:14px;height:14px;border-radius:50%;background:var(--sky);z-index:1}
.stop::after{content:"";position:absolute;top:12px;left:14px;right:0;border-top:2px dotted var(--dawn)}
.stop:last-child::after{display:none}
.stop.home::before{background:var(--night)}
.stop b{font-family:var(--display);font-size:20px;font-weight:600}
.stop span{font-size:13px;color:var(--ink-muted)}
.dayc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.day{display:grid;grid-template-columns:150px minmax(0,1fr);background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.day.more{display:none}
.dh{background:var(--cloud);padding:20px;display:flex;flex-direction:column;gap:6px}
.dn{font-family:var(--display);font-size:24px;font-weight:600;line-height:1.1}
.ph{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sky-deep)}
.db{padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.db h3{font-size:24px;line-height:1.2}
.dq{margin:0;font-family:var(--display);font-style:italic;font-size:18px;color:var(--sky-deep)}
.da{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.da li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:10px;font-size:15px;line-height:23px}
.da b{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);padding-top:2px}
.df{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px;border-top:1px solid var(--line)}
.pill{font-size:12px;font-weight:600;background:var(--dawn-pale);color:var(--dawn-deep);border-radius:999px;padding:4px 10px}
.stay{font-size:13px;color:var(--ink-muted);margin-left:auto}
@media (max-width:620px){.day{grid-template-columns:1fr}.dh{flex-direction:row;align-items:baseline;justify-content:space-between}.stay{margin-left:0}}
.bring{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:760px){.bring{grid-template-columns:1fr}}
.bring div{background:var(--night);color:var(--white);border-radius:var(--r-lg);padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.bring b{font-family:var(--display);font-size:22px;font-weight:600}
.bring span{color:rgba(255,255,255,.85);font-size:15px;line-height:23px}
.safe{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--night)}
.safe div{padding:16px 16px 16px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.safe b{font-weight:600;font-size:16px}
.safe span{color:var(--ink-muted);font-size:15px;line-height:22px}
@media (max-width:620px){.bring,.safe{grid-template-columns:1fr}}

.map4{background:var(--white);border-bottom:1px solid var(--line)}
.map4 .in{padding-block:28px}
.map4-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.map4-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.m4{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--line);border-top:6px solid var(--c);text-decoration:none;color:var(--night);background:var(--paper)}
.m4 b{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted)}
.m4 strong{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.2}
.m4 span{font-size:14px;color:var(--ink-muted)}
@media (max-width:760px){.map4-g{grid-template-columns:1fr 1fr}}
.chap-h{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 28px;align-items:start}
.chap-h .num{font-family:var(--display);font-weight:600;font-size:clamp(64px,9vw,120px);line-height:.85;letter-spacing:-.04em}
.chap-h>div{display:flex;flex-direction:column;gap:12px}
@media (max-width:620px){.chap-h{grid-template-columns:1fr}}
.feat4,.feat3{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.feat3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){.feat4{grid-template-columns:1fr 1fr}.feat3{grid-template-columns:1fr}}
@media (max-width:520px){.feat4{grid-template-columns:1fr}}
.fc{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--night)}
.fc b{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.2}
.fc span:last-child{font-size:15px;line-height:23px;color:var(--ink-muted)}
.fc.hl{background:var(--night);border-color:var(--night);color:var(--white)}
.fc.hl .route{color:var(--cloud)}.fc.hl span:last-child{color:rgba(255,255,255,.85)}
.exp5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto auto 1fr;column-gap:12px;row-gap:0}
.exp5 div{background:var(--white);border-radius:var(--r-md);padding:20px 18px;display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:10px;align-items:start;margin-bottom:12px}
.exp5 i{font-style:normal;font-family:var(--display);font-size:34px;line-height:1;color:var(--dawn-deep);font-weight:600}
.exp5 b{font-family:var(--display);font-size:20px;line-height:1.2;font-weight:600}
.exp5 .exp-top{display:flex;align-items:center;gap:10px;margin:0;min-width:0}
.exp5 small{white-space:nowrap;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--sky-deep);background:var(--cloud);border:1px solid #CFE6FA;border-radius:999px;padding:3px 8px;line-height:1.3}
.exp5 span{font-size:14px;line-height:21px;color:var(--ink-muted)}
@media (max-width:1180px){.exp5{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}
@media (max-width:520px){.exp5{grid-template-columns:1fr}}
.trip .hl{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:20px}
.trip .hl li{padding-left:18px;position:relative}
.trip .hl li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--dawn)}
.trip .q{font-family:var(--display);font-style:italic;font-size:17px;color:var(--sky-deep)}
.after{background:var(--white);border-radius:var(--r-lg);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap}
.after div{display:flex;flex-direction:column;gap:6px;max-width:720px}
.after b{font-family:var(--display);font-size:26px;font-weight:600}
.after span:last-child{color:var(--ink-muted)}
.path5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:p}
.path5 li{counter-increment:p;position:relative;padding:18px 18px 18px 0;border-top:3px solid var(--sky);display:flex;flex-direction:column;gap:4px}
.path5 li::before{content:"0" counter(p);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--sky-deep)}
.path5 b{font-family:var(--display);font-size:21px;font-weight:600}
.path5 span{font-size:14px;color:var(--ink-muted)}
@media (max-width:860px){.path5{grid-template-columns:1fr 1fr}}

@media (max-width:760px){.top{display:none}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 24px;border-radius:var(--r-md);font-family:var(--sans);font-size:16px;font-weight:600;text-decoration:none;border:0;cursor:pointer}
.btn-dawn{background:var(--dawn);color:var(--night);box-shadow:0 4px 0 var(--dawn-deep)}
.btn-dawn:active{transform:translateY(4px);box-shadow:none}
.btn-sky{background:var(--sky-deep);color:var(--white)}
.btn-line{background:transparent;color:var(--night);border:1.5px solid var(--night)}
.link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:600;color:var(--sky-deep);text-decoration:none;background:none;border:0;padding:0;font-family:var(--sans);font-size:16px;cursor:pointer}
.link:hover{text-decoration:underline;text-underline-offset:4px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--control);background:var(--white);color:var(--night);font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer}
.chip[aria-pressed="true"],.chip[aria-selected="true"],.chip[aria-current="page"]{background:var(--night);border-color:var(--night);color:var(--white);font-weight:600}
.photo{position:relative;background:var(--grad-dawn-sky);display:flex;align-items:flex-end;padding:12px;border-radius:var(--r-md);overflow:hidden}
.photo span{font-size:12px;line-height:17px;color:var(--night);background:rgba(255,255,255,.82);padding:5px 8px;border-radius:var(--r-sm)}
.window{position:relative;justify-self:center;width:min(100%,380px);aspect-ratio:3/4;border-radius:var(--window);padding:14px;background:var(--white);box-shadow:var(--shadow)}
.window .pane{position:absolute;inset:14px;border-radius:var(--window);background:radial-gradient(110% 80% at 70% 18%,#ffe1cc 0%,#ffb894 18%,#a9d4f5 50%,#4ea6e9 78%,#1a8fe3 100%);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:28px 22px}
.window .pane span{font-size:12px;line-height:18px;font-weight:500;color:var(--night);background:rgba(255,255,255,.82);padding:6px 10px;border-radius:var(--r-sm);text-align:center}
.sticker{position:absolute;width:118px;height:118px;border-radius:50%;background:var(--sky-deep);color:var(--white);display:grid;place-items:center;text-align:center;font-size:14px;line-height:18px;font-weight:600;padding:14px;transform:rotate(-10deg);box-shadow:var(--shadow)}
.price{font-weight:600;color:var(--dawn-deep);font-variant-numeric:tabular-nums}
table{border-collapse:collapse;width:100%}
.tbl-wrap{overflow-x:auto;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md)}
.tbl-wrap table{min-width:620px;font-size:15px}
.tbl-wrap th,.tbl-wrap td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl-wrap thead th{font-size:11px;letter-spacing:.14em;color:var(--sky-deep);font-weight:600}
.tbl-wrap tbody tr:last-child td,.tbl-wrap tbody tr:last-child th{border-bottom:0}
.notice{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px;display:flex;flex-direction:column;gap:12px}
.notice .hd{display:flex;gap:12px;align-items:center;font-weight:600}
.notice svg{width:26px;height:26px;stroke:var(--sky-deep);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.notice ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.hot{background:var(--night);color:var(--white);border-radius:var(--r-md);padding:18px 22px;display:flex;flex-direction:column;gap:2px}
.hot .route{color:var(--cloud)}
.hot b{font-family:var(--display);font-size:26px;font-weight:600}
.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;font-weight:600;font-size:17px;list-style:none;padding-block:12px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--display);font-size:26px;color:var(--sky-deep);flex:none}
.faq details[open] summary::after{content:"–"}
.faq p{padding:0 0 18px;color:var(--ink-muted);max-width:760px}

/* chrome */
.preview{background:var(--night);color:var(--cloud);font-size:13px}
.preview .in{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:space-between;padding-block:8px}
.preview b{color:var(--white);font-weight:600}
.top{border-bottom:1px solid var(--line);font-size:14px}
.top .in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 20px;padding-block:8px}
.top nav{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center}
.top a{color:var(--night);text-decoration:none;font-weight:500}
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--paper);border-bottom:1px solid var(--line)}
header.site .in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:12px}
.logo img{width:150px;height:auto;display:block}
.mainnav{display:flex;gap:24px;font-size:15px;font-weight:500}
.mainnav a{color:var(--night);text-decoration:none;padding-block:8px;border-bottom:2px solid transparent}
.mainnav a:hover{color:var(--sky-deep)}
.mainnav a[aria-current="page"]{color:var(--sky-deep);border-bottom-color:var(--dawn)}
.hdr-r{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);color:var(--night);align-items:center;justify-content:center;cursor:pointer}
.mnav{display:none;border-top:1px solid var(--line);background:var(--paper)}
.mnav a{display:flex;align-items:center;min-height:52px;color:var(--night);text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}
@media (max-width:1060px){.mainnav{display:none}.menu-btn{display:inline-flex}.mnav.open{display:block}}
@media (max-width:520px){.hdr-r .btn-line{display:none}.logo img{width:136px}.hdr-cta{padding:0 12px!important;font-size:14px!important}}
.mnav .in{display:flex;flex-direction:column}
footer.site{background:var(--grad-night);color:var(--white);padding-block:64px calc(110px + env(safe-area-inset-bottom,0px))}
footer.site .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.3fr;gap:28px}
footer.site .col{display:flex;flex-direction:column;gap:10px;font-size:15px;min-width:0}
footer.site .col a{color:var(--white);text-decoration:none}
footer.site .route{color:var(--cloud)}
footer.site .legal{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.18);font-size:13px;color:rgba(255,255,255,.78);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}
@media (max-width:1060px){footer.site .cols{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:860px){footer.site .cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){footer.site .cols{grid-template-columns:1fr}}
.fab{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.fab a,.fab span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 8px 24px rgba(11,37,69,.18)}
.fab .z{background:var(--sky-deep);color:var(--white);min-height:52px}
.fab .w{background:var(--white);color:var(--night);border:1px solid var(--line)}
.mbar{display:none}
@media (max-width:760px){
  .fab{display:none}
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:8px;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(11,37,69,.08);padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
  .mbar a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--r-md);font-weight:600;text-decoration:none;font-size:15px}
  .mbar .z{background:var(--sky-deep);color:var(--white);flex:1.3}
  .mbar .w{border:1px solid var(--control);color:var(--night)}
  .mbar .d{background:var(--dawn);color:var(--night);flex:1.3}
}

/* home */
.hero{background:var(--grad-dawn-sky);overflow:hidden}
.hero .in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center;padding-block:60px 72px}
.hero-txt{display:flex;flex-direction:column;gap:20px;min-width:0}
.aud{align-self:flex-start;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.72)}
.aud button{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--night);font-family:var(--sans);font-size:14px;font-weight:500;cursor:pointer}
.aud button[aria-pressed="true"]{background:var(--night);color:var(--white);font-weight:600}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.03em;font-weight:700}

.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.hero-art{position:relative;display:grid;place-items:center;padding:20px 0}
.hero-plane{position:absolute;left:-70px;bottom:40px;width:min(62%,250px);height:auto}
.hero-xiu{position:absolute;right:-6px;top:6px;width:120px;height:auto}
.hero .sticker{left:-6px;top:20px}
@media (max-width:860px){.hero .in{grid-template-columns:1fr;padding-block:36px 48px}.window{width:min(74%,300px)}.hero-plane{left:-10px;width:150px}.hero-xiu{width:96px}}
.stats dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stats dl>div{padding:28px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column-reverse;gap:4px}
.stats dl>div:first-child{border-left:0;padding-left:0}
.stats dd{margin:0;font-family:var(--display);font-weight:600;font-size:clamp(40px,5vw,60px);line-height:1;letter-spacing:-.03em;color:var(--sky);font-variant-numeric:tabular-nums}
.stats dt{font-size:15px;line-height:22px;font-weight:500}
.stats dt small{display:block;font-size:13px;font-weight:400;color:var(--ink-muted);margin-top:2px}
@media (max-width:760px){.stats dl{grid-template-columns:1fr 1fr}.stats dl>div{padding:18px 12px;border-left:0;border-top:1px solid var(--line)}.stats dl>div:nth-child(-n+2){border-top:0}.stats dl>div:nth-child(odd){padding-left:0}}
#tripGrid{grid-auto-rows:auto auto auto 1fr auto;row-gap:0}
.trip{padding:0 0 20px;overflow:hidden;display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:10px;margin-bottom:20px}
.trip>*:not(.photo){margin:0 20px}
.trip h3{margin-top:10px}
.trip .days{font-size:14px;font-weight:600;color:var(--sky-deep)}
.trip .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.trip .tag{z-index:1}
.trip[hidden]{display:none}
.trip .photo{height:160px;border-radius:0}
.trip .tag{position:absolute;top:12px;left:12px;background:var(--night);color:var(--white);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:var(--r-sm)}
.trip .bd{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1}
.trip ul{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px;font-size:14px}
.trip .ft{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.exp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:2px solid var(--night)}
.exp div{padding:20px 18px 0 0;display:flex;flex-direction:column;gap:6px}
.exp b{font-family:var(--display);font-size:21px;line-height:1.2;font-weight:600}
.exp span{font-size:14px;line-height:22px;color:var(--ink-muted)}
@media (max-width:960px){.exp{grid-template-columns:1fr 1fr;row-gap:20px}}
@media (max-width:520px){.exp{grid-template-columns:1fr}}
.journey{background:var(--grad-night);color:var(--white)}
.journey .route{color:var(--cloud)}
.journey h2 i{color:#8cc7f2}
.legs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.leg{position:relative;border-top:2px dashed rgba(255,255,255,.35);padding-top:22px}
.leg::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--dawn)}
.leg button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding-right:20px;width:100%;box-sizing:border-box}
.leg button:focus-visible{outline:2px solid var(--cloud);outline-offset:4px}
.leg b{font-size:12px;letter-spacing:.14em;color:var(--cloud);font-weight:600}
.leg strong{font-family:var(--display);font-weight:600;font-size:24px;line-height:1.2}
.leg span{font-size:14px;line-height:22px;color:rgba(255,255,255,.82)}
.leg[aria-current="step"] strong{color:var(--sky-deep)}
.leg-detail{margin-top:36px;border:1px solid rgba(255,255,255,.22);border-radius:var(--r-md);padding:24px 28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px 40px}
.leg-detail ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.leg-detail li{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 14px;font-size:14px}
.leg-detail a{color:var(--white)}
@media (max-width:860px){.legs{grid-template-columns:1fr 1fr;row-gap:28px}.leg-detail{grid-template-columns:1fr}}
.stories{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px}
@media (max-width:860px){.stories{grid-template-columns:1fr}}
.story{border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line)}
.story .ph{min-height:220px;background:var(--grad-dawn-sky);position:relative;display:flex;align-items:flex-end}
.story .ph .ov{position:absolute;inset:0;background:var(--grad-photo)}
.story .ph .cap{position:relative;padding:20px 22px;color:var(--white);display:flex;flex-direction:column;gap:6px}
.story .ph .cap .route{color:var(--cloud)}
.story .ph .lbl{position:absolute;top:14px;right:14px;font-size:12px;color:var(--night);background:rgba(255,255,255,.82);padding:5px 8px;border-radius:var(--r-sm);max-width:60%}
.story blockquote{margin:0;padding:22px;font-family:var(--display);font-style:italic;font-weight:400;font-size:22px;line-height:1.4}
.story .who{padding:0 22px 22px;display:flex;align-items:center;gap:12px;font-size:14px}
.story .av{width:44px;height:44px;border-radius:50%;background:var(--cloud);display:grid;place-items:center;font-weight:600;font-size:13px;flex:none}
.bp-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center}
.bp-wrap img{width:150px;height:auto}
@media (max-width:760px){.bp-wrap{grid-template-columns:1fr}.bp-wrap img{width:110px;justify-self:end}}
.bp{display:grid;grid-template-columns:minmax(0,1fr) 230px;background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden}
.bp .main{padding:28px;display:flex;flex-direction:column;gap:18px;min-width:0}
.bp .codes{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bp .code{display:flex;flex-direction:column}
.bp .code b{font-family:var(--display);font-size:clamp(30px,4.4vw,50px);line-height:1;font-weight:600;letter-spacing:-.03em}
.bp .code span{font-size:13px;color:var(--ink-muted)}
.bp .arrow{flex:1;min-width:60px;height:2px;background:repeating-linear-gradient(90deg,var(--dawn) 0 3px,transparent 3px 10px);position:relative}
.bp .arrow::after{content:"";position:absolute;right:-2px;top:-5px;border-left:10px solid var(--dawn);border-top:6px solid transparent;border-bottom:6px solid transparent}
.bp dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bp dt{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--sky-deep)}
.bp dd{margin:0;font-weight:500;font-size:15px}
.bp .stub{border-left:2px dashed var(--line);padding:28px 22px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;background:var(--dawn-pale)}
@media (max-width:760px){.bp{grid-template-columns:1fr}.bp .stub{border-left:0;border-top:2px dashed var(--line)}.bp dl{grid-template-columns:1fr 1fr}}
.form-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px 56px;align-items:start}
@media (max-width:860px){.form-wrap{grid-template-columns:1fr}}
form.lead-form{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:520px){form.lead-form{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
.field label{font-size:14px;font-weight:500}
.field input,.field select{height:52px;border:1px solid var(--control);border-radius:var(--r-sm);padding:0 14px;font-family:var(--sans);font-size:16px;color:var(--night);background:var(--white);width:100%}
.field .err{font-size:13px;color:var(--danger)}
.full{grid-column:1/-1}
.thanks{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px 28px;align-items:center}
.thanks img{width:120px;height:auto}
@media (max-width:520px){.thanks{grid-template-columns:1fr}}

/* adventure + tour */
.pg-hero{background:var(--grad-dawn-sky)}
.pg-hero .in{padding-block:56px 64px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.pg-hero img{width:150px;height:auto}
@media (max-width:760px){.pg-hero .in{grid-template-columns:1fr}.pg-hero img{width:104px;justify-self:end;margin-top:-20px}}
.facts{margin:0;background:var(--cloud);border-radius:var(--r-md);padding:20px 24px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.facts div{display:flex;flex-direction:column;gap:2px;min-width:0}
.facts dt{font-size:11px;font-weight:600;letter-spacing:.14em;color:var(--sky-deep)}
.facts dd{margin:0;font-weight:500}
@media (max-width:860px){.facts{grid-template-columns:1fr 1fr}}
.tour-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
@media (max-width:960px){.tour-layout{grid-template-columns:minmax(0,1fr)}}
.days{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.days li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.days li:last-child{border-bottom:1px solid var(--line)}
.days .n{font-family:var(--display);font-size:28px;line-height:1;font-weight:600;color:var(--sky);font-variant-numeric:tabular-nums}
.days strong{display:block;font-family:var(--display);font-weight:600;font-size:20px;line-height:1.25}
.days span{font-size:14px;color:var(--ink-muted)}
.book{position:sticky;top:96px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow)}
.book .field select{height:52px}
.incl{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:620px){.incl{grid-template-columns:1fr}}
.incl ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.steps3 li{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:6px}
.steps3 b{font-family:var(--display);font-size:40px;line-height:1;font-weight:600;color:var(--sky);font-variant-numeric:tabular-nums}
@media (max-width:760px){.steps3{grid-template-columns:1fr}}
.toc{position:sticky;top:calc(73px + env(safe-area-inset-top,0px));z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}
.toc .in{display:flex;gap:8px;overflow-x:auto;padding-block:10px}
.toc a{flex:none;min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--night);font-size:14px;font-weight:500;text-decoration:none}
.check{display:flex;gap:12px;align-items:flex-start;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white);cursor:pointer}
.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--sky-deep);flex:none}
.check:has(input:checked){background:var(--cloud);border-color:var(--cloud)}

/* quiz */
.qwrap{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:28px}
.qbar{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}
.qbar span{height:8px;border-radius:999px;background:var(--line)}
.qbar span.on{background:var(--sky-deep)}
.qbar span.cur{background:var(--dawn)}
.qopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:12px}
.qopt{min-height:72px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--white);font-family:var(--sans);font-size:17px;line-height:25px;font-weight:500;text-align:left;color:var(--night);cursor:pointer}
.qopt:hover{border-color:var(--sky-deep)}
.qopt b{flex:none;width:34px;height:34px;border-radius:50%;background:var(--cloud);display:grid;place-items:center;font-size:14px}
.bars{display:flex;flex-direction:column;gap:10px}
.bars div{display:grid;grid-template-columns:170px minmax(0,1fr) 44px;gap:12px;align-items:center;font-size:15px}
.bars i{display:block;height:10px;border-radius:999px;background:var(--cloud);overflow:hidden}
.bars i span{display:block;height:100%;background:var(--sky-deep);border-radius:999px}

/* ---- them khi tach trang 27/10/2026 ---- */
.skip{position:absolute;left:-9999px;top:0;background:var(--night);color:var(--white);padding:10px 16px;z-index:100}
.skip:focus{left:16px;top:16px}
.consent{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.consent input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:#0B5FA3}
.err.full{font-size:13px;color:var(--danger)}
a.chip{display:inline-flex;align-items:center;text-decoration:none}
footer.site .legal a{color:inherit}

/* ---- menu so xuong (28/10/2026) ---- */
.mainnav{align-items:center}
.mainnav .dd{position:relative;display:flex;align-items:center;padding-block:14px}
.mainnav .dd>a{display:inline-flex;align-items:center;gap:6px}
.mainnav .dd>a .caret{transition:transform .15s}
.mainnav .dd:hover>a .caret,.mainnav .dd:focus-within>a .caret{transform:rotate(180deg)}
.mainnav .ddm{display:none;position:absolute;top:100%;left:-24px;min-width:320px;margin-top:0;padding:12px 0;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 48px rgba(11,37,69,.16);flex-direction:column;z-index:60}
.mainnav .ddm::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.mainnav .dd:hover .ddm,.mainnav .dd:focus-within .ddm{display:flex}
.mainnav .ddm a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border:0;font-size:16px;font-weight:500;color:var(--night);white-space:nowrap}
.mainnav .ddm a svg{color:var(--sky-deep);flex:none}
.mainnav .ddm a:hover,.mainnav .ddm a:focus-visible{background:var(--cloud);color:var(--sky-deep)}
.mnav a.sub{min-height:44px;padding-left:20px;font-weight:400;font-size:15px;color:var(--ink-muted)}
footer.site .tagline{display:flex;flex-direction:column;gap:4px;margin:0}
footer.site .tagline b{font-family:var(--display);font-size:24px;font-weight:600;color:var(--white)}
footer.site .tagline span{color:rgba(255,255,255,.82)}
footer.site .col span b{color:var(--white);font-weight:600}

/* ---- diem den, hoc bong, hang doi (29/10/2026) ---- */
.dest5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.dest{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--night);min-width:0}
.dest b{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.2}
.dest span:not(.route){font-size:14px;line-height:21px;color:var(--ink-muted);flex:1}
.dest em{font-style:normal;font-size:14px;font-weight:600;color:var(--sky-deep)}
.dest:hover{border-color:var(--sky);box-shadow:0 10px 24px rgba(11,37,69,.08)}
@media (max-width:1060px){.dest5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.dest5{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.dest5{grid-template-columns:1fr}}
.sch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 24px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 24px;text-decoration:none;color:var(--night)}
.sch b{font-family:var(--display);font-size:22px;font-weight:600}
.sch span:not(.route){grid-column:1/-1;font-size:15px;color:var(--ink-muted)}
.sch em{font-style:normal;font-weight:600;color:var(--sky-deep);grid-row:1;grid-column:3}
@media (max-width:640px){.sch{grid-template-columns:1fr}.sch em{grid-row:auto;grid-column:auto}}
.path5 a{color:var(--sky-deep)}
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 56px;align-items:start}
.duo-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:960px){.duo{grid-template-columns:1fr}}
.bp.bp-compact{grid-template-columns:1fr}
.bp.bp-compact .stub{border-left:0;border-top:2px dashed var(--line);flex-direction:row;align-items:center;flex-wrap:wrap}
.bp.bp-compact dl{grid-template-columns:1fr 1fr}
.duo .lead-form{padding:22px}

.dest5.dest4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1060px){.dest5.dest4{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.dest5.dest4{grid-template-columns:1fr}}

/* ---- nhan manh tieu de (29/10/2026): chu nhan manh dam, khong nghieng, gach chan net co mau dawn ---- */
/* Quy tắc 31 Oct 2026: tiêu đề in đậm, không gạch chân, không nhấn từ khoá. Chỉ nhấn khi Giám đốc yêu cầu. */
h1 i,h2 i,h3 i,h4 i,.h1 i,.h2 i,.h3 i{font-style:normal;font-weight:inherit;color:inherit}

/* ---- diem den: hinh bieu tuong o dau o, sang mau khi re chuot (29/10/2026) ---- */
.dest{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.dest-art{order:-1;display:block;width:112px;height:77px;margin:-4px 0 6px -4px;opacity:.4;filter:grayscale(1);transform:translateY(6px) scale(.94);transform-origin:left bottom;transition:opacity .3s ease,filter .3s ease,transform .4s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.dest:hover,.dest:focus-visible{transform:translateY(-4px);border-color:var(--sky);box-shadow:0 16px 36px rgba(11,37,69,.12);background-color:var(--cloud)}
.dest:hover .dest-art,.dest:focus-visible .dest-art{opacity:1;filter:none;transform:translateY(-2px) scale(1.06)}
@media (hover:none){.dest-art{opacity:1;filter:none;transform:none}}
@media (prefers-reduced-motion:reduce){.dest,.dest-art{transition:none}.dest:hover{transform:none}}

.h2-2line span{display:block}
.c3-intro{display:flex;align-items:center;gap:20px 40px;flex-wrap:wrap}
.c3-intro .lead{flex:1 1 520px;margin:0}
.c3-intro .btn{flex:none}
@media (max-width:620px){.h2-2line span{display:inline}}

/* 29/10: dest tiles - nhan, hinh, tieu de, mo ta, link thang hang */
.dest5{row-gap:0}
.dest{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:8px;margin-bottom:14px;align-content:start}
.dest5.dest4 .dest{grid-row:span 4}
.dest-art{order:0;opacity:1;filter:none;transform:none;margin:2px 0 4px -4px}
.dest:hover .dest-art,.dest:focus-visible .dest-art{transform:translateY(-3px) scale(1.06)}
@media (max-width:520px){.bp.bp-compact .codes{flex-wrap:nowrap;gap:10px}.bp.bp-compact .code b{font-size:30px}.bp.bp-compact .arrow{min-width:24px}}

/* 29/10 footer: cau dinh vi noi bat */
footer.site .ft-hero{display:flex;flex-direction:column;gap:10px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid rgba(255,255,255,.18)}
footer.site .ft-hero .route{color:var(--dawn)}
footer.site .ft-hero p{margin:0;font-family:var(--display);font-weight:700;font-size:56px;line-height:1.15;color:var(--white);letter-spacing:-.01em}
footer.site .ft-hero i{font-style:normal;font-weight:inherit;color:var(--white)}
@media (max-width:760px){footer.site .ft-hero p{font-size:36px}}

footer.site .ft-brand{display:flex;flex-direction:column;gap:8px;margin-top:8px}
footer.site .ft-brand b{font-family:var(--display);font-weight:700;font-size:30px;line-height:1.15;color:var(--white)}
footer.site .ft-brand span{font-size:17px;line-height:1.5;color:var(--dawn)}
footer.site .ft-brand i{white-space:nowrap;font-style:normal;font-weight:600;color:var(--white)}
/* 29/10: chan trang gon hon */
footer.site .col{gap:8px;font-size:14px;line-height:1.45}
footer.site .col .route{color:#8CC7F2;margin-bottom:6px}
footer.site .col a{color:rgba(255,255,255,.88)}
footer.site .col a:hover{color:var(--white);text-decoration:underline;text-underline-offset:3px}
footer.site .col span{color:rgba(255,255,255,.88)}
footer.site .col span b{font-size:12px;font-weight:500;color:rgba(255,255,255,.6)}
footer.site .col .ft-brand span{color:var(--dawn);font-size:17px}
footer.site .col span + span{margin-top:4px}

/* 29/10: trang IKIGAI */
.ik-hero{align-items:center}
.ik-venn{width:100%;max-width:440px;height:auto;display:block}
.ik-ai{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ik-ai div{background:var(--white);border-radius:var(--r-md);padding:22px;display:flex;flex-direction:column;gap:8px}
.ik-ai b{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.25}
.ik-ai span{font-size:15px;line-height:1.6;color:var(--ink-muted)}
.ik-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto auto auto 1fr;column-gap:14px;row-gap:0}
.ik-steps li{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:8px;align-content:start;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:var(--r-md);padding:18px;margin-bottom:14px}
.ik-steps i{font-style:normal;font-family:var(--display);font-size:32px;line-height:1;font-weight:600;color:var(--c)}
.ik-steps b{font-family:var(--display);font-size:20px;font-weight:600;line-height:1.2}
.ik-steps q{quotes:none;font-family:var(--display);font-size:17px;line-height:1.35;color:var(--sky-deep)}
.ik-steps span{font-size:14px;line-height:1.55;color:var(--ink-muted)}
@media (max-width:1060px){.ik-steps{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.ik-ai{grid-template-columns:1fr}}
@media (max-width:560px){.ik-steps{grid-template-columns:1fr}.ik-venn{max-width:340px;margin-inline:auto}}
.pg-hero .in.ik-hero{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
@media (max-width:760px){.pg-hero .in.ik-hero{grid-template-columns:1fr}}

/* 29/10: Holland chi tiet */
.hl-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.hl-card:hover,.hl-card:focus-visible{transform:translateY(-3px);border-color:var(--sky);box-shadow:0 12px 28px rgba(11,37,69,.1)}
.hl-card em{font-style:normal;font-size:14px;font-weight:600;color:var(--sky-deep);margin-top:auto}
.hl-dlg{border:0;padding:0;border-radius:14px;width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 48px);background:var(--paper);color:var(--night);box-shadow:0 24px 60px rgba(11,37,69,.3)}
.hl-dlg::backdrop{background:rgba(11,37,69,.55)}
.hl-in{padding:32px;display:flex;flex-direction:column;gap:18px;position:relative}
.hl-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:24px;line-height:1;color:var(--night);cursor:pointer}
.hl-dlg h3{font-family:var(--body,inherit);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sky-deep);margin:0 0 6px}
.hl-dlg p,.hl-dlg li{font-size:15px;line-height:1.6;margin:0}
.hl-dlg ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px}
.hl-g{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.hl-g section,.hl-m{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:16px}
.hl-m .chips{margin-top:10px}
.hl-in .btn{align-self:flex-start}
@media (max-width:620px){.hl-g{grid-template-columns:1fr}.hl-in{padding:24px 18px}}

/* 29/10: trac nghiem Holland 60 cau */
.qprog{height:8px;border-radius:99px;background:rgba(11,37,69,.12);overflow:hidden}
.qprog span{display:block;height:100%;width:0;background:var(--sky-deep);transition:width .25s ease}
.qopts.qopts5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.qopt.qscale{justify-content:center;text-align:center;min-height:56px;font-weight:500}
.qopt.qscale.on{border-color:var(--sky-deep);background:var(--cloud)}
#rCode{font-weight:700;letter-spacing:.2em}
@media (max-width:640px){.qopts.qopts5{grid-template-columns:1fr}}

.qopt.on{border-color:var(--sky-deep);background:var(--cloud)}

.hexwrap{margin:0;display:flex;flex-direction:column;gap:10px;align-items:center;background:rgba(255,255,255,.75);border-radius:14px;padding:20px;justify-self:stretch}
.hexwrap svg{width:100%;max-width:400px;height:auto;overflow:visible}
.hexwrap figcaption{text-align:center;max-width:340px}
.rjobs{display:flex;flex-direction:column;gap:8px}
.rjobs .chips{display:flex;flex-wrap:wrap;gap:8px}
.rjobs .chip{display:inline-flex;align-items:center;min-height:0;height:auto;padding:8px 14px;line-height:1.3;background:var(--white);border:0;border-left:3px solid var(--dawn);border-radius:6px;font-size:14px}
@media (max-width:520px){.bars div{grid-template-columns:120px minmax(0,1fr) 40px;font-size:13px}}
@media (max-width:760px){#qResult .hexwrap{order:-1}}

.rjobs .chip small{margin-left:8px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--sky-deep)}

/* 29/10: trang Tien tram */
.dep2{display:flex;flex-direction:column;gap:4px}
.dep-tbl td,.dep-tbl th{vertical-align:top}
.feat3.duo2{grid-template-columns:repeat(2,minmax(0,1fr))}
.feat3.duo2 .fc{text-decoration:none;color:inherit}
.feat3.duo2 .fc em{font-style:normal;font-weight:600;font-size:14px;color:var(--sky-deep);margin-top:auto}
@media (max-width:760px){.feat3.duo2{grid-template-columns:1fr}}

.feat3.feat4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1060px){.feat3.feat4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.feat3.feat4{grid-template-columns:1fr}}
.lead-form textarea{width:100%;font:inherit;padding:12px 14px;border:1.5px solid #7D879A;border-radius:var(--r-md);background:var(--white);resize:vertical}

/* 29/10: nhan hai y dong cap noi bang "va": y thu hai gach chan net co mau sky */


.amp{font-family:var(--display);font-style:italic;font-weight:700;color:var(--dawn-deep)}
.h2-2line span.amp{display:inline}

/* 29/10: trang Du hoc */
.jump4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:8px}
.jump4 a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--night);font-weight:600;font-size:15px}
.jump4 a:hover{border-color:var(--sky)}
@media (max-width:760px){.jump4{grid-template-columns:1fr 1fr}}
.tv6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto auto 1fr auto;column-gap:14px;row-gap:0}
.tv6 li{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;margin-bottom:14px}
.tv6 i{font-style:normal;font-family:var(--display);font-size:30px;line-height:1;font-weight:600;color:var(--sky-deep)}
.tv6 b{font-family:var(--display);font-size:20px;font-weight:600;line-height:1.25}
.tv6 span{font-size:14px;line-height:1.6;color:var(--ink-muted)}
.tv6 dl{margin:0;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}
.tv6 dt{font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:11px;color:var(--sky-deep);padding-top:2px}
.tv6 dd{margin:0;color:var(--night)}
@media (max-width:960px){.tv6{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}
@media (max-width:560px){.tv6{grid-template-columns:1fr}}
.story-mini{background:var(--paper);border-left:4px solid var(--dawn);border-radius:var(--r-md);padding:20px 24px;display:flex;flex-direction:column;gap:8px}
.story-mini blockquote{margin:0;font-family:var(--display);font-size:20px;line-height:1.4}
.soon{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding:28px 32px;border:1.5px dashed var(--control-border,#7D879A);border-radius:14px;background:var(--white)}
.soon>div{max-width:640px;display:flex;flex-direction:column;gap:10px}
.soon p{margin:0}

.mainnav .dd2{position:relative}
.mainnav .ddm2{display:none;position:absolute;left:100%;top:-12px;min-width:240px;padding:12px 0;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 48px rgba(11,37,69,.16);flex-direction:column;z-index:60}
.mainnav .ddm2::before{content:"";position:absolute;top:0;bottom:0;left:-14px;width:14px}
.mainnav .dd2:hover>.ddm2,.mainnav .dd2:focus-within>.ddm2{display:flex}
.mainnav .dd2:hover>a{background:var(--cloud);color:var(--sky-deep)}
.mnav a.sub2{padding-left:44px;font-size:14px}

.tv-dlg{width:min(620px,calc(100vw - 32px))}
.tv-dlg .lead-form{margin-top:6px}
.tv-dlg .thanks{display:flex;gap:16px;align-items:center}
.tv-dlg .thanks[hidden]{display:none}
.tv-dlg .thanks img{width:90px;height:auto}

/* 29/10: trang du hoc tung quoc gia */
.pg-hero .in.ct-hero{grid-template-columns:minmax(0,1fr) minmax(0,480px);align-items:center}
.ct-art{margin:0;border-radius:44% 44% 40% 40% / 30% 30% 26% 26%;background:var(--grad-dawn-sky);border:8px solid var(--white);box-shadow:0 18px 40px rgba(11,37,69,.14);overflow:hidden;aspect-ratio:3/2.4;display:flex;align-items:flex-end}
.ct-art svg{width:100%;height:auto;display:block;filter:grayscale(1);opacity:.35;transform:scale(.96) translateY(8px);transform-origin:center bottom;transition:filter .5s ease,opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.ct-hero:hover .ct-art svg,.ct-art:focus-within svg{filter:none;opacity:1;transform:none}
.ct-art .trail{stroke-dashoffset:200;opacity:0;transition:opacity .4s ease .2s}
.ct-hero:hover .ct-art .trail{opacity:1}
.ct-art .plane{offset-path:path('M-40 120 C 80 60, 200 150, 330 70');offset-distance:0%;offset-rotate:auto;opacity:0}
.ct-hero:hover .ct-art .plane{animation:ctfly 1.6s cubic-bezier(.3,.6,.3,1) .1s forwards}
@keyframes ctfly{0%{offset-distance:0%;opacity:0}15%{opacity:1}100%{offset-distance:100%;opacity:1}}
.ct-hint{font-size:12px;color:var(--ink-muted);text-align:center;margin-top:8px}
@media (hover:none){.ct-art svg{filter:none;opacity:1;transform:none}.ct-art .trail{opacity:1}.ct-hint{display:none}}
@media (max-width:860px){.pg-hero .in.ct-hero{grid-template-columns:1fr}.ct-art{max-width:420px}}
@media (prefers-reduced-motion:reduce){.ct-art svg{transition:none}.ct-hero:hover .ct-art .plane{animation:none;opacity:1;offset-distance:100%}}
.ct6{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto auto 1fr auto;column-gap:16px;row-gap:0}
.ct6 li{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:8px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:22px;margin-bottom:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ct6 li:hover,.ct6 li:focus-visible{transform:translateY(-3px);border-color:var(--sky);box-shadow:0 12px 28px rgba(11,37,69,.1)}
.ct6 b{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.25}
.ct6 span.s{font-size:15px;line-height:1.6;color:var(--ink-muted)}
.ct6 em{font-style:normal;font-size:14px;font-weight:600;color:var(--sky-deep)}
@media (max-width:960px){.ct6{grid-template-columns:1fr 1fr;grid-auto-rows:auto}}
@media (max-width:560px){.ct6{grid-template-columns:1fr}}
.ct-dlg .grp{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:16px}
.ct-dlg .src{font-size:13px;color:var(--ink-muted);margin:0}
.ct-dlg .src a{color:var(--sky-deep)}

/* 29/10: hieu ung noi len cho moi thanh phan bam duoc (toan he thong) */
.btn,.chip,.fab a,.mbar a,a.card,a.fc,.trip,.jump4 a,.ik-steps li,.tv6 li,.hcard,.leg,.qopt,.story-mini{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
@media (hover:hover){
  .btn:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(11,37,69,.16)}
  .btn-dawn:hover{box-shadow:0 7px 0 var(--dawn-deep),0 14px 26px rgba(168,71,28,.22)}
  .btn-line:hover{background:var(--white);border-color:var(--sky-deep);color:var(--sky-deep)}
  .btn-sky:hover{background:#0A5594}
  .chip:not([aria-pressed="true"]):not([aria-current="page"]):hover{transform:translateY(-2px);border-color:var(--sky-deep);color:var(--sky-deep);box-shadow:0 6px 16px rgba(11,37,69,.1)}
  .fab a:hover,.mbar a:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,37,69,.24)}
  a.card:hover,a.fc:hover,.trip:hover,.jump4 a:hover,.hcard:hover{transform:translateY(-5px);border-color:var(--sky);box-shadow:0 18px 38px rgba(11,37,69,.13)}
  .qopt:hover{transform:translateY(-2px);border-color:var(--sky-deep);box-shadow:0 8px 20px rgba(11,37,69,.1)}
  .trip:hover .ft a{text-decoration:underline;text-underline-offset:3px}
}
.btn:active,.chip:active,a.card:active,a.fc:active,.trip:active{transform:translateY(1px);box-shadow:none}
.btn-dawn:active{box-shadow:0 1px 0 var(--dawn-deep)}
.btn:focus-visible,.chip:focus-visible,a.card:focus-visible,a.fc:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
/* the chuong trinh: ca the bam duoc */
.trip{position:relative;cursor:pointer}
.trip .ft a.link::after{content:"";position:absolute;inset:0;border-radius:inherit}
@media (prefers-reduced-motion:reduce){.btn,.chip,a.card,a.fc,.trip,.jump4 a,.hcard,.qopt{transition:none}.btn:hover,.chip:hover,a.card:hover,a.fc:hover,.trip:hover,.jump4 a:hover,.hcard:hover,.qopt:hover{transform:none}}

/* 29/10: nut myCOMPASS noi bat nhu tinh nang dac sac */
.btn-compass{position:relative;overflow:hidden;isolation:isolate;flex-wrap:wrap;column-gap:10px;row-gap:0;min-height:58px;padding:8px 22px 8px 16px;background:var(--grad-night);color:var(--white);box-shadow:0 0 0 2px rgba(26,143,227,.45),0 10px 24px rgba(11,37,69,.22);text-align:left}
.btn-compass span{font-weight:500}
.btn-compass b{font-weight:700;color:#FFD9C2;letter-spacing:.01em}
.btn-compass small{flex-basis:100%;padding-left:32px;margin-top:-2px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8CC7F2}
.btn-compass .cmp{flex:none;color:var(--white)}
.btn-compass .ndl{transform-origin:12px 12px;transition:transform .8s cubic-bezier(.3,1.6,.5,1)}
.btn-compass::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,217,194,.28) 48%,transparent 66%);transform:translateX(-120%);transition:transform .9s ease}
.btn-compass::before{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 0 rgba(26,143,227,.55);animation:cmpPulse 3.2s ease-out infinite;pointer-events:none}
@keyframes cmpPulse{0%{box-shadow:0 0 0 0 rgba(26,143,227,.5)}70%{box-shadow:0 0 0 12px rgba(26,143,227,0)}100%{box-shadow:0 0 0 0 rgba(26,143,227,0)}}
@media (hover:hover){.btn-compass:hover{transform:translateY(-3px);box-shadow:0 0 0 2px var(--sky),0 16px 34px rgba(11,37,69,.32)}
  .btn-compass:hover .ndl{transform:rotate(315deg)}
  .btn-compass:hover::after{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){.btn-compass::before{animation:none}.btn-compass .ndl,.btn-compass::after{transition:none}}
.btn.btn-compass{display:inline-grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:start;align-items:center;column-gap:12px;row-gap:1px;width:max-content;max-width:100%}
.btn-compass .cmp{grid-row:1 / span 2;width:30px;height:30px}
.btn-compass span{line-height:1.2}
.btn-compass small{flex-basis:auto;padding-left:0;margin:0;line-height:1.2}
/* Nút công cụ (Holland, IKIGAI, X-Career): biểu tượng + dòng phụ + mũi tên */
.btn.btn-tool{display:inline-grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;justify-content:start;align-items:center;column-gap:12px;row-gap:1px;width:max-content;max-width:100%;min-height:58px;padding:8px 18px 8px 14px;text-align:left}
.btn-tool .ti{grid-row:1 / span 2;flex:none}
.btn-tool span{line-height:1.2;font-weight:600}
.btn-tool small{grid-column:2;font-size:12px;font-weight:400;line-height:1.25;opacity:.85}
.btn-tool .ta{grid-column:3;grid-row:1 / span 2;flex:none;transition:transform .25s ease}
.btn-line.btn-tool .ti{color:var(--sky-deep)}
.btn-dawn.btn-tool small{opacity:1;color:var(--night)}
@media (hover:hover){.btn-tool:hover .ta{transform:translateX(4px)}.btn-tool:hover .ti{transform:rotate(-8deg)}.btn-tool .ti{transition:transform .3s ease}}
@media (max-width:480px){.btn.btn-tool,.btn.btn-compass{width:100%}.btn.btn-tool{grid-template-columns:auto 1fr auto}}
/* Ảnh minh hoạ tạm: phủ kín khung chờ, nhãn nhỏ góc dưới */
.has-img{position:relative;overflow:hidden}
.has-img > .tmp-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.window .pane.has-img{padding:0}
.tmp-tag{position:absolute;right:8px;bottom:8px;z-index:2;max-width:calc(100% - 16px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:10px;font-weight:500;letter-spacing:.04em;color:var(--white);background:rgba(11,37,69,.55);padding:2px 7px;border-radius:4px;pointer-events:none}
a.tmp-tag{pointer-events:auto}a.tmp-tag:hover{text-decoration:underline}
.window .pane .tmp-tag{right:50%;transform:translateX(50%);bottom:14px;font-size:10px;line-height:1.4;color:var(--white);background:rgba(11,37,69,.55);padding:2px 7px}
/* Mục con có dòng mô tả nhỏ (flyout Sự kiện) */
.mainnav .ddm2 a span{display:flex;flex-direction:column;gap:2px}
.mainnav .ddm2 a small{font-size:13px;font-weight:400;color:var(--ink-muted);white-space:normal}
.mainnav .ddm2 a:hover small{color:var(--sky-deep)}
/* Trang Sự kiện */
.ev-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.ev-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ev-grid{grid-template-columns:1fr}}
.ev{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);color:var(--night);text-decoration:none;transition:transform .2s,box-shadow .2s}
.ev b{font-family:var(--display);font-size:22px;font-weight:600;line-height:1.2}
.ev span:last-child{font-size:15px;line-height:23px;color:var(--ink-muted)}
@media (hover:hover){.ev:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(11,37,69,.12)}}
.past{display:flex;flex-direction:column;gap:10px}
.past ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;border-top:1px solid var(--line)}
.past li{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-muted)}
.past li b{color:var(--night);font-weight:600}
/* ===== Cẩm nang du học (magazine) ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cn-mast{background:var(--paper);border-bottom:1px solid var(--line);padding:40px 0 0}
.cn-mast .in{display:flex;flex-direction:column;gap:18px}
.cn-mast-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:end;padding-bottom:8px}
.cn-mast-row .lead{margin:0;color:var(--ink-muted)}
.cn-bar{position:sticky;top:0;z-index:20;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:14px 0;background:var(--paper);border-top:1px solid var(--line)}
.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--night);font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.chip span{font-size:12px;color:var(--ink-muted)}
.chip:hover{border-color:var(--sky-deep);color:var(--sky-deep)}
.chip.on{background:var(--night);border-color:var(--night);color:var(--white)}
.chip.on span{color:rgba(255,255,255,.75)}
.cn-sel select{min-height:40px;border:1px solid var(--control-border);border-radius:999px;padding:0 14px;background:var(--white);font:500 14px var(--sans);color:var(--night)}
@media (max-width:760px){.cn-mast-row{grid-template-columns:1fr;gap:10px}.cn-bar{flex-direction:column;align-items:stretch;gap:10px}.cn-sel select{width:100%}}
/* bìa chữ */
.cv{position:relative;aspect-ratio:16/10;border-radius:var(--r-md);overflow:hidden;display:flex;align-items:flex-end;padding:18px;background:var(--cloud);color:var(--sky-deep)}
.cv-trail{position:absolute;inset:0;width:100%;height:100%;color:var(--dawn);opacity:.9}
.cv-lab{position:relative;font-family:var(--display);font-size:30px;line-height:1.05;font-weight:400;letter-spacing:-.01em;color:var(--night);max-width:85%}
.cv-big .cv-lab{font-size:48px}
.cv-chuan-bi{background:var(--cloud)}
.cv-cuoc-song{background:var(--dawn-pale)}
.cv-hoc-tap{background:var(--paper);background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 26px;border:1px solid var(--line)}
.cv-nganh-nghe{background:var(--grad-night)}.cv-nganh-nghe .cv-lab{color:var(--white)}
.cv-visa{background:var(--sky-deep)}.cv-visa .cv-lab{color:var(--white)}.cv-visa .cv-trail{color:#FFD9C2}
.cv-diem-den{background:var(--grad-dawn-sky)}
.cv-ba-me{background:var(--white);border:1px solid var(--line)}
/* bài nổi bật */
.cn-top{padding-bottom:24px}
.cn-lead{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;align-items:start}
.cn-lead-main a{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;color:var(--night);text-decoration:none}
.cn-lead-main a>div:last-child{display:flex;flex-direction:column;gap:12px}
.cn-lead-t{font-family:var(--display);font-weight:700;font-size:36px;line-height:1.15;margin:0}
.cn-lead-main a:hover .cn-lead-t{color:var(--sky-deep)}
.cn-lead-side{border-left:1px solid var(--line);padding-left:28px;display:flex;flex-direction:column;gap:6px}
.cn-lead-side ol{list-style:none;margin:0;padding:0}
.cn-lead-side li a{display:grid;grid-template-columns:auto 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);color:var(--night);text-decoration:none}
.cn-lead-side li:last-child a{border-bottom:0}
.cn-lead-side .n{font-family:var(--display);font-size:28px;line-height:1;color:var(--dawn-deep)}
.cn-lead-side b{display:block;font-family:var(--display);font-weight:600;font-size:19px;line-height:1.25;margin:4px 0 6px}
.cn-lead-side a:hover b{color:var(--sky-deep)}
@media (max-width:1060px){.cn-lead{grid-template-columns:1fr}.cn-lead-side{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}}
@media (max-width:700px){.cn-lead-main a{grid-template-columns:1fr;gap:16px}.cn-lead-t{font-size:28px}.cv-big .cv-lab{font-size:36px}}
/* lưới thẻ */
.cn-body{padding-top:24px}
.cn-sec{display:flex;flex-direction:column;gap:18px;padding:28px 0;border-top:1px solid var(--line)}
.cn-sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.cn-sec-h .h3{margin:0}
.pc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media (max-width:960px){.pc-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.pc-grid{grid-template-columns:1fr}}
.pc a{display:flex;flex-direction:column;gap:14px;color:var(--night);text-decoration:none}
.pc-bd{display:flex;flex-direction:column;gap:8px}
.pc h3{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.25;margin:0}
.pc p{margin:0;font-size:15px;line-height:23px;color:var(--ink-muted)}
.pc-meta{font-size:13px;color:var(--ink-muted)}
.pc .cv{transition:transform .25s}
@media (hover:hover){.pc a:hover .cv{transform:translateY(-4px)}.pc a:hover h3{color:var(--sky-deep)}}
.cn-filter-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.cn-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.cn-cta>div:first-child{display:flex;flex-direction:column;gap:8px}
/* bài viết */
.cn-art-h{background:var(--paper);padding:40px 0 28px}
.cn-art-h .in{display:flex;flex-direction:column;gap:16px;max-width:880px}
.cn-art-h .route a{color:inherit;text-decoration:none}
.cn-art-t{font-family:var(--display);font-weight:700;font-size:48px;line-height:1.12;letter-spacing:-.01em;margin:0}
.cn-art-h .lead{margin:0;color:var(--ink-muted)}
.cn-art-meta{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;padding-top:14px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-muted)}
.cn-copy{background:none;border:0;padding:0;font:600 14px var(--sans);color:var(--sky-deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.cn-art-cv{margin-bottom:8px}
.cn-art-cv .cv{aspect-ratio:21/7}
.cn-art-grid{display:grid;grid-template-columns:220px minmax(0,720px);gap:56px;padding-top:36px;padding-bottom:64px;justify-content:center}
.cn-toc{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:10px}
.cn-toc ol{list-style:none;margin:0;padding:0;border-left:2px solid var(--line)}
.cn-toc a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14px;line-height:20px;color:var(--ink-muted);text-decoration:none}
.cn-toc a:hover,.cn-toc a.on{color:var(--sky-deep);border-left-color:var(--sky-deep)}
@media (max-width:960px){.cn-art-grid{grid-template-columns:minmax(0,1fr);gap:24px}.cn-toc{position:static;padding:16px 18px;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md)}.cn-art-t{font-size:32px}.cn-art-cv .cv{aspect-ratio:16/8}}
.cn-prose{font-size:18px;line-height:1.75;color:var(--night);min-width:0}
.cn-prose>p:first-child{font-size:20px;line-height:1.65}
.cn-prose h2{font-family:var(--display);font-weight:600;font-size:30px;line-height:1.2;margin:44px 0 12px;scroll-margin-top:24px}
.cn-prose h3{font-family:var(--display);font-weight:600;font-size:22px;line-height:1.3;margin:28px 0 8px}
.cn-prose p{margin:0 0 18px}
.cn-prose ul,.cn-prose ol{margin:0 0 20px;padding-left:22px}
.cn-prose li{margin-bottom:8px}
.cn-prose li::marker{color:var(--sky-deep)}
.cn-prose a{color:var(--sky-deep);text-underline-offset:3px}
.cn-prose blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:3px solid var(--dawn);font-family:var(--display);font-size:22px;line-height:1.45}
.cn-prose .tbl-wrap{margin:0 0 24px}
.cn-prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.cn-prose th,.cn-prose td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cn-prose th{background:var(--cloud);font-weight:600}
.cn-src{margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;line-height:1.6}
.cn-src ol{padding-left:20px}
.cn-art-cta{margin-top:36px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 24px;background:var(--cloud);border-radius:var(--r-md)}
.cn-art-cta>div{display:flex;flex-direction:column;gap:4px;font-size:16px;line-height:1.4}
@media (max-width:620px){.cn-prose{font-size:17px}.cn-prose>p:first-child{font-size:18px}.cn-prose h2{font-size:24px}}
.cn-prose a.btn{color:var(--white);text-decoration:none}
.chips{flex:1;min-width:0;flex-wrap:wrap}
@media (max-width:760px){.chips{flex-wrap:nowrap}}
.cn-art-h .in{max-width:996px}
.cn-art-h .in>*{max-width:820px}
.cn-art-h .cn-art-meta{max-width:none}
.cv-x-career{background:var(--night)}.cv-x-career .cv-lab{color:var(--white)}
/* Trang Tài nguyên: mục Cẩm nang */
.hub-cn{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;align-items:start}
.pc-lead h3{font-size:30px;font-weight:700}
.hub-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.hub-list a{display:flex;flex-direction:column;gap:6px;padding:18px 0;border-bottom:1px solid var(--line);color:var(--night);text-decoration:none}
.hub-list b{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.3}
.hub-list a:hover b{color:var(--sky-deep)}
@media (max-width:900px){.hub-cn{grid-template-columns:1fr;gap:24px}.pc-lead h3{font-size:24px}}
/* Hiện dần khi cuộn tới */
.reveal{opacity:1}
.js-reveal .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.js-reveal .reveal.in-view{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1;transform:none;transition:none}}
/* Bìa ảnh thật */
.cv-img{padding:0;background:var(--cloud)}
.cv-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cn-art-fig{margin:0 auto 8px;display:flex;flex-direction:column;gap:8px}
.cn-art-fig img{width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:var(--r-lg);background:var(--cloud)}
.cn-art-fig figcaption{font-size:12px;color:var(--ink-muted);text-align:right}
.cn-art-fig figcaption a{color:inherit}
@media (max-width:620px){.cn-art-fig img{aspect-ratio:3/2;border-radius:var(--r-md)}}
.cv-tien-bac{background:var(--dawn-pale)}
.cv-viec-lam{background:var(--cloud)}
/* Tag con */
.cn-bar{flex-direction:column;align-items:stretch;gap:10px}
.chips-s{padding-top:2px}
.chip-s{min-height:34px;font-size:13px;background:transparent;border-color:transparent;color:var(--ink-muted)}
.chip-s:hover{border-color:var(--line);color:var(--sky-deep)}
.chip-s.on{background:var(--cloud);border-color:var(--cloud);color:var(--sky-deep)}
.chip-s.on span{color:var(--sky-deep)}

/* trang chương trình: không tràn ngang ở 390px */
.t-hero .in>div{min-width:0}
.t-hero .route{overflow-wrap:anywhere}

/* ===== myCOMPASS (/mycompass/) ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mc-head{display:flex;flex-direction:column;gap:16px;min-width:0}
.mc-country{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.mc-country .chip[disabled]{opacity:.55;cursor:not-allowed;border-style:dashed}
.mc-nuoc{display:inline-flex;flex-direction:column;align-items:flex-start;gap:0;padding:8px 14px;min-height:48px;line-height:1.25;text-align:left}
.mc-nuoc b{font-weight:600;font-size:15px}.mc-nuoc span{font-size:12px;color:var(--ink-muted)}
.mc-nuoc[aria-pressed=true] b,.mc-nuoc[aria-pressed=true] span{color:var(--white)}.mc-nuoc[aria-pressed=true] span{opacity:.85}
.mc-nuoc.busy{opacity:.6;cursor:progress}
.mc-nuoc.mc-soon{border-style:dashed;opacity:.6;cursor:default}
.mc-nokhoa h2{margin:0 0 6px}
.mc-none-f{margin:16px 0 8px;max-width:560px}
.mc-none-f input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--control-border);border-radius:8px;font:inherit;background:#fff;color:var(--night)}
.mc-none-l{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mc-none-l li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}
.mc-none-l li>div{min-width:0}.mc-none-l a{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.mc-none-l li{flex-direction:column;align-items:flex-start;gap:4px}.mc-none-l a{white-space:normal}}
.mc-tabs{position:sticky;top:var(--mc-top,0px);z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.mc-tabs .in{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.mc-tabs .in::-webkit-scrollbar{display:none}
.mc-tabs [role=tab]{flex:none;min-height:52px;padding:0 18px;border:0;background:none;font:500 16px var(--sans);color:var(--ink-muted);border-bottom:3px solid transparent;cursor:pointer}
.mc-tabs [role=tab][aria-selected=true]{color:var(--night);font-weight:600;border-bottom-color:var(--sky-deep)}
.mc-tabs [role=tab]:focus-visible{outline:2px solid var(--sky-deep);outline-offset:-2px}
.mc-count{display:inline-block;min-width:22px;padding:1px 6px;margin-left:4px;border-radius:999px;background:var(--cloud);color:var(--sky-deep);font-size:12px;font-weight:600;text-align:center}
.mc-band{padding-block:0}.mc-band .in{padding-block:28px 48px}
.mc-loading{padding:24px 0;color:var(--ink-muted)}
.mc-bar{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.mc-bar-wrap{flex-wrap:wrap}
.mc-search{flex:1 1 280px;min-width:0}
.mc-search input{width:100%;height:52px;border:1px solid var(--control);border-radius:var(--r-md);padding:0 16px;font:400 16px var(--sans);color:var(--night);background:var(--white)}
.mc-sel select{height:52px;max-width:100%;border:1px solid var(--control);border-radius:var(--r-md);padding:0 12px;font:400 15px var(--sans);color:var(--night);background:var(--white)}
.mc-search input:focus,.mc-sel select:focus{outline:2px solid var(--sky-deep);outline-offset:1px}
.mc-filter{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:10px}
.mc-filter .chips{gap:6px}.mc-filter .chip{min-height:38px;padding:0 12px;font-size:13px}
.mc-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start;margin-top:8px}
.mc-list{list-style:none;margin:0;padding:0;max-height:70vh;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white)}
.mc-item{display:grid;grid-template-columns:1fr auto;gap:2px 10px;width:100%;text-align:left;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:none;font-family:var(--sans);color:var(--night);cursor:pointer}
.mc-item b{font-weight:500;font-size:15px}.mc-item .small{grid-column:1}
.mc-item .mc-h{grid-column:2;grid-row:1/3;align-self:center;font:600 12px var(--sans);letter-spacing:.08em;color:var(--sky-deep);background:var(--cloud);border-radius:4px;padding:2px 6px}
.mc-item:hover{background:var(--cloud)}.mc-item[aria-current=true]{background:var(--cloud);box-shadow:inset 3px 0 0 var(--sky-deep)}
.mc-detail{position:sticky;top:calc(var(--mc-top,0px) + 68px);background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.mc-detail .h3{margin:0}.mc-sub{font:600 15px var(--sans);margin:8px 0 0}
.mc-ul{margin:0;padding-left:20px;display:grid;gap:4px}
.mc-dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:4px 0 0;font-size:15px}
.mc-dl dt{color:var(--ink-muted)}.mc-dl dd{margin:0}
.mc-detail .chips .chip{min-height:40px;font-size:14px}
.mc-en{font-style:italic}
.mc-table-wrap{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md);background:var(--white)}
.mc-table{width:100%;border-collapse:collapse;font-size:15px}
.mc-table th,.mc-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.mc-table thead th{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-deep);background:var(--cloud);white-space:nowrap}
.mc-table tbody th{font-weight:400}.mc-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mc-table a{color:var(--sky-deep)}
.mc-block{display:block}
.mc-table button.link{background:none;border:0;padding:0;cursor:pointer;font-family:var(--sans);white-space:nowrap}
.mc-add{min-height:36px;padding:0 12px;border:1px solid var(--sky-deep);border-radius:var(--r-md);background:var(--white);color:var(--sky-deep);font:500 13px var(--sans);cursor:pointer;white-space:nowrap}
.mc-add[aria-pressed=true]{background:var(--sky-deep);color:var(--white)}
.mc-more{display:flex;justify-content:center;margin-top:16px}
.mc-src{margin-top:14px;max-width:880px}.mc-src a{color:var(--sky-deep)}
.mc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.mc-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:20px;display:flex;flex-direction:column;gap:8px}
.mc-card-t{font-size:19px;margin:0}.mc-val{font-weight:600;color:var(--night);margin:0}.mc-card p{margin:0}.mc-card .link{margin-top:auto}
.mc-cmp th[scope=row]{width:180px;color:var(--ink-muted);font-size:14px;background:var(--paper)}
.mc-cmp thead th{text-transform:none;letter-spacing:0;font-size:14px;color:var(--night);white-space:normal;min-width:200px}
.mc-cta .in{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:40px;border-top:1px solid var(--line)}
@media (max-width:900px){.mc-split{grid-template-columns:1fr}.mc-list{max-height:46vh}.mc-detail{position:static}}
@media (max-width:760px){.mc-bar{flex-direction:column;align-items:stretch}.mc-search{flex:none}.mc-sel select{width:100%}.mc-cta .in{flex-direction:column;align-items:flex-start}.mc-table{font-size:14px}.mc-table th,.mc-table td{padding:10px}.mc-cards{grid-template-columns:1fr}}
@media (max-width:760px){
  .mc-bar-wrap{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mc-bar-wrap .mc-search{grid-column:1/-1}
  .mc-bar-wrap .mc-sel select{height:48px;font-size:14px;padding:0 8px}
  .mc-detail .chips,.mc-filter .chips{flex-wrap:wrap;overflow:visible}
  #khT thead,#trT thead{display:none}
  #khT,#khT tbody,#trT,#trT tbody{display:block}
  #khT tr,#trT tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px;border-bottom:1px solid var(--line)}
  #khT th,#khT td,#trT th,#trT td{padding:0;border:0;text-align:left}
  #khT tr>*:nth-child(1),#khT tr>*:nth-child(2),#trT tr>*:nth-child(1),#trT tr>*:nth-child(2){grid-column:1/-1}
  #khT tr>*:nth-child(3){color:var(--ink-muted);font-size:13px}#khT tr>*:nth-child(4){text-align:right;font-size:13px;color:var(--ink-muted)}
  #khT tr>*:nth-child(5){grid-column:1/-1;font-size:13px;color:var(--ink-muted)}#khT tr>*:nth-child(5)::before{content:"Điều kiện: ";font-weight:600}#khT tr>*:nth-child(6){font-weight:600;text-align:left}#khT tr>*:nth-child(7){text-align:right}
  #trT tr{grid-template-columns:1fr 1fr}
  #trT td[data-l]:not([data-l="Nơi học"])::before{content:attr(data-l) ": "}
  #trT td[data-l]:not([data-l="Nơi học"]){font-size:13px;color:var(--ink-muted);text-align:left}
  #trT td[data-l] .mc-block{display:inline;margin-left:4px}
  #trT tr>td:last-child{grid-column:1/-1;margin-top:4px}
  .mc-table-wrap{border-radius:var(--r-md)}
}
.mc-detail .chips .chip{height:auto;min-height:40px;max-width:100%;white-space:normal;text-align:left;padding:8px 14px;line-height:1.35}

/* Cẩm nang trên trang chủ (dưới chương 03) */
.cn-home{background:var(--white);border-block:1px solid var(--line)}
.cn-home-q{gap:8px}
.cn-home-q .chip span{margin-left:6px;font-size:12px;color:var(--ink-muted)}
.cn-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cn-home-grid .pc h3{font-size:19px;line-height:1.3}
@media (max-width:1000px){.cn-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cn-home-grid{grid-template-columns:1fr;gap:0}
  .cn-home-grid .pc{border-bottom:1px solid var(--line)}
  .cn-home-grid .pc a{flex-direction:row;align-items:flex-start;gap:14px;padding:14px 0}
  .cn-home-grid .pc .cv{flex:none;width:104px;aspect-ratio:1/1;height:auto;border-radius:var(--r-md);overflow:hidden}
  .cn-home-grid .pc .cv img{width:100%;height:100%;object-fit:cover}
  .cn-home-grid .pc h3{font-size:17px}
  .cn-home-q{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .cn-home-q::-webkit-scrollbar{display:none}.cn-home-q .chip{flex:none}}

/* Cẩm nang gọn trên /tai-nguyen/ */
.cn-hub .in.stack{gap:20px}
.cn-minis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}
.cn-mini{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:var(--night);text-decoration:none}
.cn-mini-img{flex:none;width:88px;height:66px;border-radius:var(--r-md);overflow:hidden;background:var(--grad-dawn-sky)}
.cn-mini-img img{width:100%;height:100%;object-fit:cover;display:block}
.cn-mini-bd{display:flex;flex-direction:column;gap:4px;min-width:0}
.cn-mini-tag{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--sky-deep)}
.cn-mini b{font-family:var(--display);font-weight:600;font-size:17px;line-height:1.3}
.cn-mini:hover b{color:var(--sky-deep)}
@media (max-width:760px){.cn-minis{grid-template-columns:1fr}.cn-mini-img{width:72px;height:72px}}
.cn-minis>li{display:flex}.cn-mini{flex:1}
.cn-hub{padding-block:56px}
@media (max-width:760px){.cn-hub{padding-block:40px}}
.mc-val{font-size:15px;line-height:1.45}

/* Nút myCOMPASS trên menu chính: cùng ngôn ngữ với nút "Trải nghiệm myCOMPASS" */
.nav-compass{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 10px;border-radius:999px;background:var(--grad-night);color:var(--white);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 0 0 2px rgba(26,143,227,.45);transition:transform .2s,box-shadow .2s}
.nav-compass b{font-weight:700;color:#FFD9C2}
.nav-compass .cmp{color:var(--white);flex:none}
.nav-compass .ndl{transform-origin:12px 12px;transition:transform .8s cubic-bezier(.3,1.6,.5,1)}
@media (hover:hover){.nav-compass:hover{transform:translateY(-2px);box-shadow:0 0 0 2px var(--sky),0 8px 18px rgba(11,37,69,.25)}.nav-compass:hover .ndl{transform:rotate(315deg)}}
.nav-compass:focus-visible{outline:2px solid var(--sky-deep);outline-offset:3px}
.nav-compass[aria-current="page"]{box-shadow:0 0 0 2px var(--dawn)}
@media (prefers-reduced-motion:reduce){.nav-compass,.nav-compass .ndl{transition:none}}
@media (max-width:1240px){.mainnav{gap:18px}.nav-compass{padding:0 12px 0 8px}}
.mnav-compass{display:flex!important;align-items:center;gap:10px;margin:4px 0 10px;padding:12px 16px!important;border-radius:var(--r-md);background:var(--grad-night);color:var(--white)!important;font-weight:500}
.mnav-compass b{color:#FFD9C2;font-weight:700}.mnav-compass .cmp{color:var(--white)}
.mainnav .nav-compass,.mainnav .nav-compass span,.mainnav .nav-compass[aria-current="page"]{color:var(--white)}
.mainnav .nav-compass::after{display:none}
.mainnav>.dd>a,.mainnav>a{white-space:nowrap}
@media (max-width:1200px){.mainnav{display:none}.menu-btn{display:inline-flex}.mnav.open{display:block}}
.mainnav .nav-compass{border-bottom:0;padding-block:0}.mainnav .nav-compass:hover{color:var(--white)}

/* ===== myCOMPASS v2: hướng dẫn, khay so sánh, bảng so sánh ===== */
.mc-hero .in{padding-block:40px 36px}
.mc-hero .h1{margin:0}
.mc-how{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none;counter-reset:how}
.mc-how li{counter-increment:how;position:relative;padding-left:36px;min-height:26px;font-size:16px;line-height:26px;color:var(--night)}
.mc-how li::before{content:counter(how);position:absolute;left:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--night);color:var(--white);font:600 13px var(--sans)}
.mc-step{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;border-radius:50%;border:1.5px solid currentColor;font-size:12px;font-weight:600}
.mc-tabs [role=tab][aria-selected=true] .mc-step{background:var(--sky-deep);border-color:var(--sky-deep);color:var(--white)}
.mc-tabs-sep{flex:none;width:1px;align-self:center;height:24px;margin:0 8px;background:var(--line)}
.mc-resbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mc-resbar p{margin:0}.mc-resbar .link{min-height:32px}
.mc-clink{font-weight:600;color:var(--night);text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .2s}
.mc-clink::after{content:" ↗";font-weight:400;color:var(--sky-deep);font-size:.9em}
.mc-clink:hover{color:var(--sky-deep);background-size:100% 1px}
.mc-clink:focus-visible{outline:2px solid var(--sky-deep);outline-offset:2px}
#khT tr.on>*{background:var(--cloud)}
.mc-add{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px}
.mc-add[aria-pressed=true]{background:var(--sky-deep);border-color:var(--sky-deep);color:var(--white)}
.mc-add:focus-visible,.mc-x:focus-visible{outline:2px solid var(--sky-deep);outline-offset:2px}
.mc-fee{font-weight:600}
/* khay */
.mc-tray{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -10px 30px rgba(11,37,69,.12);padding-bottom:env(safe-area-inset-bottom,0px)}
.mc-tray .in{display:flex;align-items:center;gap:16px;padding-block:12px}
.mc-tray-slots{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0}
.mc-slot{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:52px;padding:6px 34px 6px 12px;border:1.5px dashed var(--control);border-radius:var(--r-md);font-size:13px;color:var(--ink-muted);min-width:0}
.mc-slot.on{border:1px solid var(--sky-deep);background:var(--cloud);color:var(--night)}
.mc-slot b{font-weight:600;font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-slot span{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-x{position:absolute;top:6px;right:6px;display:inline-grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--ink-muted);cursor:pointer}
.mc-x:hover{background:var(--white);color:var(--night)}
.mc-tray-act{display:flex;align-items:center;gap:14px;flex:none}
.mc-tray-go{min-height:52px;white-space:nowrap}
.mc-tray-go:disabled{opacity:.45;cursor:not-allowed}
.mc-tray.full .mc-slot{border-color:var(--danger)}
.mc-tray.full::before{content:"Tối đa 4 khoá. Bỏ bớt một khoá để chọn khoá khác.";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:6px 12px;border-radius:var(--r-md);background:var(--night);color:var(--white);font-size:13px;white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.mc-tray.bump .mc-tray-go{animation:mcBump .5s ease}}
@keyframes mcBump{30%{transform:scale(1.06)}}
main.mc{padding-bottom:96px}
@media (max-width:760px){
  .mc-tray{bottom:calc(68px + env(safe-area-inset-bottom,0px));padding-bottom:0}
  .mc-tray .in{gap:10px;padding-block:10px}
  .mc-tray-slots{display:flex;gap:6px}
  .mc-slot{flex:1;min-height:40px;padding:4px 8px;font-size:0}
  .mc-slot span,.mc-slot .mc-x{display:none}.mc-slot b{font-size:12px}
  .mc-slot:not(.on){flex:0 0 28px}
  .mc-tray-act .link{display:none}.mc-tray-go{min-height:44px;padding:0 14px;font-size:14px}
  .mc-how{flex-direction:column;gap:8px}.mc-how li{font-size:15px}
  .mc-tabs-sep{margin:0 2px}
  .mc-tray.full::before{white-space:normal;width:calc(100vw - 32px);text-align:center}
}
/* bảng so sánh */
.mc-ss-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-bottom:12px}
.mc-ss-bar p{margin:0}.mc-ss-acts{display:flex;flex-wrap:wrap;gap:4px 20px}
.mc-cmp{table-layout:fixed;min-width:calc(180px + var(--n,2) * 220px)}
.mc-cmp th[scope=row],.mc-cmp thead th:first-child{position:sticky;left:0;z-index:1;width:180px}
.mc-cmp thead th:first-child{background:var(--cloud)}
.mc-cmp thead th[scope=col]{position:relative;vertical-align:top;padding-right:40px;background:var(--white);border-bottom:2px solid var(--sky-deep)}
.mc-cmp thead .mc-x{top:10px;right:8px}
.mc-ss-uni{display:block;font:600 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-deep);margin-bottom:6px}
.mc-cmp thead .mc-clink{font-family:var(--display);font-size:17px;line-height:1.3}
.mc-cmp tr.mc-sec th{position:static;background:var(--paper);font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);padding-top:18px}
.mc-cmp td.best{background:var(--cloud);font-weight:600}
.mc-best{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:var(--sky-deep);color:var(--white);font-size:11px;font-weight:600;vertical-align:1px}
.mc-empty{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:640px;padding:32px;border:1.5px dashed var(--control);border-radius:var(--r-md);background:var(--white)}
.mc-empty .h3{margin:0}.mc-empty .mc-how{flex-direction:column}
.mc-copy{width:100%;max-width:420px;height:36px;border:1px solid var(--control);border-radius:var(--r-sm);padding:0 10px;font:13px var(--sans)}
body.mc-tray-on .fab{bottom:calc(100px + env(safe-area-inset-bottom,0px));transition:bottom .2s}
@media (max-width:760px){
  #khT tr.on{background:var(--cloud)}#khT tr.on>*{background:transparent}
  .mc-slot,.mc-slot:not(.on){flex:0 0 22px;min-height:22px;height:22px;padding:0;border-radius:50%}
  .mc-slot b{display:none}
  .mc-slot.on{background:var(--sky-deep);border-color:var(--sky-deep)}
  .mc-tray-slots{align-items:center}
  .mc-tray-slots::after{content:"Đã chọn để so sánh";font-size:12px;color:var(--ink-muted);margin-left:4px;white-space:nowrap}
  .mc-cmp{min-width:calc(112px + var(--n,2) * 190px)}
  .mc-cmp th[scope=row],.mc-cmp thead th:first-child{width:112px;font-size:13px}
  .mc-cmp thead .mc-clink{font-size:15px}
}
@media (max-width:760px){.mc-tray-slots::after{content:none}}

/* Menu điện thoại dạng nhóm thu gọn (30/10/2026) */
header.site .mnav .in{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding-block:8px 28px;max-height:calc(100dvh - 140px);overflow-y:auto;overscroll-behavior:contain}
.mnav a,.mgrp summary{text-align:left;justify-content:flex-start}
.mgrp{border-bottom:1px solid var(--line)}
.mgrp summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;font-weight:600;font-size:17px;color:var(--night);cursor:pointer;list-style:none}
.mgrp summary::-webkit-details-marker{display:none}
.mgrp summary::after{content:"";width:9px;height:9px;margin-right:6px;border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.mgrp[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.mgrp-b{display:flex;flex-direction:column;padding:0 0 10px}
.mgrp-b a{border-bottom:0}
.mnav .in>a:not(.mnav-compass){min-height:56px;font-weight:600;font-size:17px}
.mnav a.sub{min-height:44px;padding-left:14px;border-left:2px solid var(--line)}
.mnav a.sub2{padding-left:30px}
.mnav a[aria-current="page"]{color:var(--sky-deep);border-left-color:var(--sky-deep)}
.mnav-compass{justify-content:center}

/* myCOMPASS: 4 bước + danh sách so sánh, gọn trên điện thoại (30/10/2026) */
.mc-lead{margin:14px 0 0;max-width:640px;color:var(--night)}
.mc-country-l{margin:22px 0 8px;font-size:14px;font-weight:600;color:var(--night)}
.mc-tab-ss{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.mc-tabs [role=tab].mc-tab-ss{color:var(--sky-deep)}
.mc-intro{margin:0 0 16px;font-size:15px;color:var(--ink-muted)}
.mc-next{display:flex;justify-content:flex-end;margin-top:28px}
.mc-card-f{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:auto;padding-top:8px}
@media (max-width:760px){
  .mc-hero .in{padding-block:24px 18px}
  .mc-hero .h1{font-size:30px;line-height:1.2}
  .mc-lead{font-size:15px;margin-top:10px}
  .mc-country-l{margin:16px 0 6px}
  .mc-country{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding:2px 16px 4px;scroll-padding-inline:16px}
  .mc-country::-webkit-scrollbar{display:none}
  .mc-nuoc{flex:none;min-height:44px;padding:6px 14px}
  .mc-nuoc b{font-size:14px;white-space:nowrap}.mc-nuoc span{font-size:11px;white-space:nowrap}
  .mc-tabs [role=tab]{min-height:48px;padding:0 12px;font-size:15px}
  .mc-step{width:20px;height:20px;margin-right:6px;font-size:11px}
  .mc-tab-ss{margin-left:0}
  .mc-tab-ss svg{display:none}
  .mc-next{justify-content:stretch}.mc-next .btn{width:100%}
  .mc-intro{font-size:14px;margin-bottom:12px}
}
#trT td:last-child{white-space:nowrap}#trT td:last-child .mc-block{margin-top:6px}
@media (max-width:760px){.mc-lead{line-height:1.5}}

/* Đầu trang: một hàng, không xuống dòng; ẩn "Đăng ký tư vấn" khi có menu ngang (đã có ở cụm liên hệ góc phải) (30/10/2026) */
header.site .in{flex-wrap:nowrap}
.logo{flex:none}
.mainnav{flex:1 1 auto;justify-content:center;min-width:0;white-space:nowrap}
.hdr-r{flex:none}
.hdr-r .btn{min-height:44px;padding:0 16px;font-size:15px;white-space:nowrap}
@media (min-width:1201px){.hdr-cta{display:none!important}}
@media (min-width:1201px) and (max-width:1320px){.mainnav{gap:16px;font-size:14.5px}.mainnav .dd>a{gap:4px}}

/* Cụm liên hệ góc phải (30/10/2026) */
.fab{gap:10px}
.fab a{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px 0 16px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 10px 28px rgba(11,37,69,.2)}
.fab a svg{flex:none}
.fab a span{display:flex;flex-direction:column;line-height:1.2;padding:0;min-height:0;box-shadow:none;border-radius:0}
.fab small{font-size:12px;font-weight:400;opacity:.8}
.fab .f-tv{background:var(--grad-night);color:var(--white);min-height:56px}
.fab .f-tv svg{color:#FFD9C2}
.fab .f-call{background:var(--white);color:var(--night);border:1px solid var(--line)}
.fab .f-call svg{color:var(--sky-deep)}
.fab .f-call span{flex-direction:row;gap:4px}.fab .f-call b{color:var(--sky-deep)}
.fab .f-z{position:relative;background:var(--sky-deep);color:var(--white)}
.fab .f-z::after{content:"";position:absolute;inset:-4px;border-radius:inherit;border:2px solid var(--sky);opacity:0;animation:fabPulse 2.8s ease-out infinite}
@keyframes fabPulse{0%{opacity:.7;transform:scale(.96)}70%,100%{opacity:0;transform:scale(1.12)}}
@media (prefers-reduced-motion:reduce){.fab .f-z::after{animation:none}}
@media (hover:hover){.fab a:hover{transform:translateX(-4px)}}
.fab a{width:228px;justify-content:flex-start}.fab a span{align-items:flex-start;text-align:left}

/* ===== Cập nhật 31/10/2026 ===== */
/* Bỏ thanh link đầu trang: không còn .top */

/* Máy bay giấy hero theo GX Brand 2027 "Cất cánh" (asset paper-plane.svg) */
.hero-plane{left:-120px;bottom:6px;width:min(78%,320px);filter:drop-shadow(0 10px 18px rgba(11,37,69,.12))}
.hero-plane .hp-trail{stroke-dashoffset:0;animation:hpTrail 2.4s linear infinite}
.hero-plane .hp-body{animation:hpBob 4s ease-in-out infinite;transform-origin:290px 130px}
@keyframes hpTrail{to{stroke-dashoffset:-29}}
@keyframes hpBob{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(6px,-8px) rotate(-2deg)}}
@media (max-width:860px){.hero-plane{left:-20px;width:190px}}
@media (prefers-reduced-motion:reduce){.hero-plane .hp-trail,.hero-plane .hp-body{animation:none}}

/* Pillar hành trình 4X: hover sinh động, có hình nền theo chặng */
.map4-g{gap:14px}
.m4{position:relative;overflow:hidden;isolation:isolate;min-height:236px;padding:18px 20px 20px;gap:6px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease,background-color .35s ease}
.m4::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--ct);opacity:0;transition:opacity .35s ease}
.m4::after{content:"";position:absolute;z-index:-2;width:220px;height:220px;right:-70px;bottom:-90px;border-radius:50%;background:var(--c);opacity:0;transform:scale(.4);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.8,.2,1)}
.m4 b,.m4 strong,.m4 span,.m4 em{position:relative;z-index:1}
.m4 span{max-width:100%;line-height:21px}
.m4 em{font-style:normal;font-size:14px;font-weight:600;color:var(--night);margin-top:auto;padding-top:8px;opacity:0;transform:translateY(6px);transition:opacity .3s ease .05s,transform .3s ease .05s}
.m4-art{position:absolute;z-index:-1;right:-6px;bottom:-6px;width:136px;height:auto;opacity:0;transform:translate(18px,18px) scale(.85);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.m4:hover,.m4:focus-visible{transform:translateY(-6px);border-color:var(--c);box-shadow:0 18px 38px rgba(11,37,69,.14)}
.m4:hover::before,.m4:focus-visible::before{opacity:1}
.m4:hover::after,.m4:focus-visible::after{opacity:.22;transform:scale(1)}
.m4:hover .m4-art,.m4:focus-visible .m4-art{opacity:1;transform:none}
.m4:hover em,.m4:focus-visible em{opacity:1;transform:none}
.m4:hover span,.m4:focus-visible span{color:var(--night)}
.m4:focus-visible{outline:3px solid var(--sky-deep);outline-offset:3px}
.m4 .a-tw{transform-box:fill-box;transform-origin:center}
.m4:hover .a-tw{animation:m4tw 1.6s ease-in-out infinite}
.m4:hover .a-d2{animation-delay:.4s}.m4:hover .a-d3{animation-delay:.8s}
.m4:hover .a-spin{animation:m4spin 1.4s cubic-bezier(.3,1.4,.5,1) both}
.m4:hover .a-fly{animation:m4fly .9s cubic-bezier(.2,.8,.2,1) both}
.m4 .a-trail{stroke-dashoffset:0}.m4:hover .a-trail{animation:m4trail 1.6s linear infinite}
.m4:hover .a-sun{animation:m4sun 1s ease-out both}
.m4:hover .a-cap{animation:m4cap 1s cubic-bezier(.3,1.5,.5,1) both}
.m4:hover .a-tick{animation:m4tick .7s ease-out both}
.m4 .a-steps rect{transform-box:fill-box;transform-origin:bottom}
.m4:hover .a-steps rect{animation:m4grow .5s ease-out both}
.m4:hover .a-steps rect:nth-child(2){animation-delay:.12s}.m4:hover .a-steps rect:nth-child(3){animation-delay:.24s}
.m4:hover .a-flag{animation:m4flag .6s ease-out .35s both}
.m4:hover .a-grow{animation:m4sprout .8s cubic-bezier(.3,1.4,.5,1) .1s both}
@keyframes m4tw{0%,100%{transform:scale(1) rotate(0)}50%{transform:scale(1.35) rotate(20deg)}}
@keyframes m4spin{from{transform:rotate(-200deg)}to{transform:rotate(0)}}
@keyframes m4fly{from{transform:translate(-70px,50px) scale(.7);opacity:0}to{transform:none;opacity:1}}
@keyframes m4trail{to{stroke-dashoffset:-21}}
@keyframes m4sun{from{transform:translateY(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes m4cap{0%{transform:translateY(40px) rotate(-30deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes m4tick{from{transform:translateX(30px);opacity:0}to{transform:none;opacity:1}}
@keyframes m4grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes m4flag{from{transform:scaleY(0);opacity:0}to{transform:none;opacity:1}}
@keyframes m4sprout{from{transform:scale(0)}to{transform:scale(1)}}
@media (hover:none){.m4 em{opacity:1;transform:none}.m4-art{opacity:.9;transform:none;width:110px}}
@media (max-width:760px){.m4{min-height:0}.m4-art{width:96px}.m4 span,.m4:hover span{max-width:100%}.m4-art{opacity:.25}}
@media (prefers-reduced-motion:reduce){.m4,.m4-art,.m4 em,.m4::after{transition:none}.m4:hover{transform:none}.m4 *{animation:none!important}}

/* Showcase Day */
.sc-day{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.35fr) auto;align-items:center;gap:24px 36px;padding:28px 32px;border:1px solid var(--line)}
.sc-day .sc-txt{display:flex;flex-direction:column;gap:8px;max-width:none}
.sc-day .sc-txt b{font-family:var(--display);font-size:26px;font-weight:600;line-height:1.25}
.sc-day .sc-txt b i{color:var(--dawn-deep)}
.sc-day .sc-txt>span:last-child{color:var(--ink-muted);font-size:16px;line-height:25px}
.sc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative}
.sc-steps::before{content:"";position:absolute;left:8%;right:8%;top:19px;border-top:3px dotted var(--dawn);z-index:0}
.sc-steps li{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;background:var(--paper);border-radius:var(--r-md);padding:12px 14px 14px;transition:transform .25s ease,background-color .25s ease}
.sc-steps li:hover{transform:translateY(-4px);background:var(--dawn-pale)}
.sc-steps i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--dawn);color:var(--night);font-weight:600;font-size:12px;margin-bottom:4px}
.sc-steps b{font-size:15px;font-weight:600;line-height:20px}
.sc-steps span{font-size:13px;line-height:19px;color:var(--ink-muted)}
.sc-day>.btn{align-self:center}
@media (max-width:1060px){.sc-day{grid-template-columns:1fr}.sc-day>.btn{justify-self:start}}
@media (max-width:560px){.sc-steps{grid-template-columns:1fr}.sc-steps::before{display:none}.sc-day{padding:22px 18px}}

/* Điểm đến du học: hover hiện ảnh thật biểu tượng quốc gia */
.dest-photo{position:relative;overflow:hidden;isolation:isolate}
.dest-ph{position:absolute!important;inset:0;z-index:-1;opacity:0;transition:opacity .45s ease;background:var(--night);flex:none!important}
.dest-ph img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.dest-ph::after{content:"";position:absolute;inset:0;background:rgba(11,37,69,.12)}
.dest-photo:hover .route,.dest-photo:focus-visible .route,.dest-photo:hover b{text-shadow:0 1px 8px rgba(11,37,69,.55)}
.dest-ph::before{content:"";position:absolute;inset:0;z-index:1;background:var(--grad-photo)}
.dest-ph small{position:absolute;z-index:2;top:10px;right:10px;font-size:10px;line-height:14px;letter-spacing:.02em;color:rgba(255,255,255,.88);background:rgba(11,37,69,.45);padding:2px 6px;border-radius:var(--r-sm)}
.dest-photo:hover .dest-ph,.dest-photo:focus-visible .dest-ph{opacity:1}
.dest-photo:hover .dest-ph img,.dest-photo:focus-visible .dest-ph img{transform:scale(1)}
.dest-photo .route,.dest-photo b,.dest-photo span:not(.route),.dest-photo em{transition:color .3s ease}
.dest-photo:hover .route,.dest-photo:focus-visible .route{color:var(--cloud)}
.dest-photo:hover b,.dest-photo:focus-visible b{color:var(--white)}
.dest-photo:hover span:not(.route):not(.dest-ph),.dest-photo:focus-visible span:not(.route):not(.dest-ph){color:rgba(255,255,255,.9)}
.dest-photo:hover em,.dest-photo:focus-visible em{color:var(--dawn)}
.dest-photo:hover .dest-art,.dest-photo:focus-visible .dest-art{opacity:0;transform:translateY(-6px) scale(.9)}
.dest-photo:hover,.dest-photo:focus-visible{border-color:var(--night);background-color:var(--night)}
@media (prefers-reduced-motion:reduce){.dest-ph,.dest-ph img{transition:none}}

/* Chặng 04 · eXcel + Hành trang du học */
#c4 .chap-h{margin-bottom:8px}
#c4 .cn-sec-h{padding-top:28px;border-top:1px solid var(--line);align-items:flex-end}
#c4 .cn-sec-h>div{display:flex;flex-direction:column;gap:8px;max-width:680px}
#c4 .cn-h3{font-size:30px;line-height:1.2}
#c4 .cn-intro{font-size:17px;line-height:27px}

/* Nhật ký Tiền trạm: căn đều hai cột */
.stories{align-items:stretch;gap:24px}
.story-main .ph{min-height:300px}
.story .ph .lbl{left:16px;right:auto;top:16px;max-width:calc(100% - 32px)}
.story .ph .cap{padding:22px 26px}
.story .cap-t{font-family:var(--display);font-size:24px;font-weight:600;line-height:1.25;color:var(--white)}
.story blockquote{padding:24px 26px 18px;font-size:21px;line-height:1.45}
.story .who{padding:0 26px 24px;margin-top:auto;line-height:20px}
.stories-side{display:grid;grid-template-rows:1fr 1fr;gap:24px}
.story-q{padding-top:24px}
.story-q>.route{padding-inline:26px}
.story-q blockquote{padding-top:10px;font-size:21px}
.story .av-dawn{background:var(--dawn-pale)}
.story .ph .ph-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 100%}
.story-main .ph{min-height:440px}
.story img.av{object-fit:cover;display:block;background:var(--cloud)}
.story .src{color:var(--sky-deep);font-weight:600;white-space:nowrap}
.story .ph .cap .cap-t{text-transform:none;letter-spacing:0;font-size:24px}

/* myCOMPASS 31/10/2026: nút liên hệ thu gọn, khay so sánh có gợi ý, bản tóm tắt */
.fab-t{display:none}
.fab.fab-mini{gap:10px}
.fab.fab-mini>a{display:none}
.fab.fab-mini.open>a{display:inline-flex}
.fab.fab-mini .fab-t{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;border:0;background:var(--sky-deep);color:var(--white);cursor:pointer;box-shadow:0 10px 28px rgba(11,37,69,.25)}
.fab.fab-mini.open .fab-t{background:var(--night)}
.fab-t:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.mc .mc-band .in{padding-bottom:96px}
@media (min-width:761px) and (max-width:1360px){.mc .mc-band .in{padding-right:max(16px,88px)}}
.mc-tray-hint{margin-right:auto}
@media (max-width:760px){.mc-tray-hint{display:none}}
.mc-est{font-style:normal;color:var(--ink-muted)}
.mc-sum{margin-top:36px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--white);display:grid;gap:18px}
.mc-sum-h .h3{margin:6px 0 0}
.mc-sum-l{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:sm}
.mc-sum-l>li{counter-increment:sm;display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 16px;padding-top:12px;border-top:1px solid var(--line)}
.mc-sum-l>li>b::before{content:counter(sm) ". ";color:var(--sky-deep)}
.mc-sum-l>li>*:not(b){grid-column:2}
.mc-sum-l .mc-ul{margin:0}
.mc-sum-a{display:flex;flex-wrap:wrap;gap:12px}
.mc-sum-f{display:grid;gap:12px;padding:18px;border-radius:8px;background:var(--cloud)}
.mc-sum-ft{margin:0;font-weight:600}
.mc-sum-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mc-sum-in{display:grid;gap:4px}
.mc-sum-in input{min-height:48px;padding:10px 14px;border:1px solid var(--control-border);border-radius:8px;font:inherit;background:var(--white);color:var(--night)}
.mc-sum-ok{display:flex;gap:10px;align-items:flex-start}
.mc-sum-ok input{width:20px;height:20px;margin-top:2px;flex:none}
.mc-sum-err{margin:0;color:var(--danger)}
.mc-sum-err:empty{display:none}
.mc-sum-f .btn{justify-self:start}
.mc-sum-done{margin:0}
@media (max-width:600px){.mc-sum{padding:18px}.mc-sum-row{grid-template-columns:1fr}.mc-sum-l>li{grid-template-columns:1fr}.mc-sum-l>li>*:not(b){grid-column:1}.mc-sum-f .btn{justify-self:stretch}}
@media print{
  body.mc-print *{visibility:hidden}
  body.mc-print #mcSum,body.mc-print #mcSum *{visibility:visible}
  body.mc-print #mcSum{position:absolute;left:0;top:0;width:100%;border:0}
  body.mc-print .mc-sum-a,body.mc-print .mc-sum-f{display:none}
}

#khT td.mc-dk{max-width:220px;line-height:1.45}
#trT td .small{line-height:1.45}

/* footer: nút myCOMPASS, cột GlobalX (31/10/2026) */
footer.site .col a.ft-cmp{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:10px;min-height:44px;padding:0 16px;border:1px solid rgba(255,255,255,.55);border-radius:8px;font-weight:600;color:var(--white)}
footer.site .col a.ft-cmp:hover{background:rgba(255,255,255,.1)}
footer.site .col span+span{margin-top:4px}
footer.site .col a+span{margin-top:12px}
@media (min-width:861px){footer.site .legal{padding-right:220px}}
/* myCOMPASS: ghi chú nước chưa có kho khoá học (31/10/2026) */
.mc-note{margin:0 0 12px;padding:10px 14px;border-radius:8px;background:var(--cloud);color:var(--night);max-width:820px}
/* Hiệu ứng rê chuột cho mọi thẻ thông tin (31/10/2026): nền grad-dawn-sky trượt lên, thẻ nâng nhẹ, ảnh trong thẻ phóng chậm.
   Chỉ dùng gradient chuẩn của brand; tắt khi người dùng chọn giảm chuyển động hoặc dùng màn hình cảm ứng. */
.card,.fc,.hcard,.trip,.dest,.ct6 li,.ev,.exp5 div,.mc-card,.jump4 a{position:relative;isolation:isolate}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .card,.fc,.hcard,.trip,.dest,.ct6 li,.ev,.exp5 div,.mc-card,.jump4 a{overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
  .card::after,.fc:not(.hl)::after,.hcard::after,.trip::after,.dest:not(.dest-photo)::after,.ct6 li::after,.ev::after,.exp5 div::after,.mc-card::after,.jump4 a::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:var(--grad-dawn-sky);background-size:100% 260%;background-position:0 100%;opacity:0;transition:opacity .45s ease,background-position .9s cubic-bezier(.2,.8,.2,1)}
  .card:hover::after,.fc:not(.hl):hover::after,.hcard:hover::after,.trip:hover::after,.dest:not(.dest-photo):hover::after,.ct6 li:hover::after,.ev:hover::after,.exp5 div:hover::after,.mc-card:hover::after,.jump4 a:hover::after,
  .card:focus-within::after,.fc:not(.hl):focus-visible::after,.trip:focus-within::after,.dest:not(.dest-photo):focus-visible::after,.ct6 li:focus-visible::after,.ev:focus-visible::after{opacity:.5;background-position:0 0}
  .card:hover,.fc:hover,.hcard:hover,.trip:hover,.dest:hover,.ct6 li:hover,.ev:hover,.exp5 div:hover,.mc-card:hover,.jump4 a:hover{transform:translateY(-5px);border-color:var(--sky);box-shadow:0 18px 36px rgba(11,37,69,.13)}
  .card img,.hcard img,.trip .photo img,.fc img,.ev img,.pc .cv img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
  .card:hover img,.hcard:hover img,.trip:hover .photo img,.fc:hover img,.ev:hover img,.pc a:hover .cv img{transform:scale(1.06)}
  .pc .cv{overflow:hidden}
}

/* Trang điểm đến: ảnh địa danh chuyển cảnh chậm trong ô cửa máy bay (01/11/2026) */
.ct-art.ct-show{position:relative;display:block;background:var(--grad-dawn-sky)}
.ct-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.4s ease}
.ct-slide.on{opacity:1}
.ct-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transform-origin:50% 60%}
.ct-slide.on img{animation:ctkb 7.5s ease-out forwards}
@keyframes ctkb{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
.ct-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 18% 22px;text-align:center;background:var(--grad-photo-overlay);color:var(--white);display:flex;flex-direction:column;gap:2px}
.ct-slide figcaption b{font-family:var(--display);font-weight:700;font-size:18px;line-height:1.25}
.ct-slide figcaption a{font-size:10px;color:rgba(255,255,255,.85);text-decoration:none}
.ct-slide figcaption a:hover{text-decoration:underline}
.ct-slide figcaption{left:0;right:0;top:auto;bottom:14px;padding:0;background:none;justify-content:center;text-shadow:0 1px 3px rgba(11,37,69,.7)}
@media (prefers-reduced-motion:reduce){.ct-slide{transition:none}.ct-slide.on img{animation:none}}

/* P0: thao tác rõ ràng trên màn hình nhỏ. */
.tour-context{overflow-wrap:anywhere}
@media(max-width:520px){
 .hero .in{padding-block:24px 32px;gap:24px}
 .hero-txt{gap:14px}
 .hero h1{font-size:36px;line-height:1.12}
 .hero .lead{font-size:17px;line-height:1.55}
 .hero-cta{gap:12px}
 .hero-cta .btn{width:100%;justify-content:center}
 .preview{font-size:11px;line-height:1.45}
 form.lead-form{padding:18px}
}

/* Parent safety contact: keep the title readable at mobile widths. */
.pg-hero .in.parents-hero{grid-template-columns:minmax(0,1fr) minmax(0,380px)}
@media(max-width:760px){.pg-hero .in.parents-hero{grid-template-columns:minmax(0,1fr)}.parents-hero .hot{min-width:0}}

.parents-hero .hot a{color:inherit}

/* P0: chương trình chưa có ảnh đã duyệt vẫn có tiêu đề và liên kết rõ ràng. */
.trip .photo.photo-text-only{height:auto;min-height:0;background:var(--cloud);padding:18px 20px}
.trip .photo.photo-text-only .tag{position:static;display:inline-block}

/* P1: tìm kiếm và điều hướng bằng bàn phím */
.cn-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}
.cn-search label{font-weight:600}.cn-search input{flex:1;min-width:180px;max-width:520px;padding:12px;border:1px solid var(--control-border);border-radius:8px;font:inherit}
.cn-search p{width:100%;margin:0;color:var(--ink-muted);font-size:14px}
summary:focus-visible,[role="button"]:focus-visible,textarea:focus-visible{outline:2px solid var(--sky-deep);outline-offset:4px}
[id]{scroll-margin-top:110px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.js-reveal .reveal{opacity:1!important;transform:none!important}}

@media(max-width:480px){body[data-prod="uc-a"] #tLead{min-height:180px}}

/* Reserve country selector space while the dataset loads. */
@media(max-width:760px){.mc-country{min-height:50px}}

/* Parents travelling with participants: compact editorial layout. */
.parent-trip{background:var(--dawn-pale);padding-block:56px}
.parent-trip>.in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px 64px;align-items:start}
.parent-trip-intro{display:grid;gap:16px}
.parent-trip-intro .h2{max-width:420px}
.parent-trip-intro p{max-width:460px;color:var(--ink-muted);font-size:17px;line-height:1.65}
.parent-trip-details{display:grid;gap:24px}
.parent-trip-details article{display:flex;gap:18px;align-items:baseline}
.parent-trip-details article+article{border-top:1px solid var(--line);padding-top:24px}
.parent-trip-number{font-size:14px;font-weight:600;color:var(--sky-deep);font-variant-numeric:tabular-nums}
.parent-trip h3{font-size:22px;line-height:1.3;margin-bottom:8px}
.parent-trip-details p{font-size:16px;line-height:1.65;color:var(--ink-muted)}
.parent-trip-cost{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--white);border:1px solid var(--line);border-radius:8px;padding:24px 28px}
.parent-trip-cost p{font-size:15px;line-height:1.6;color:var(--ink-muted);max-width:660px}
.parent-trip-link{flex-shrink:0;font-size:15px;font-weight:600;text-underline-offset:5px;padding-block:10px}
@media(max-width:760px){.parent-trip{padding-block:40px}.parent-trip>.in{grid-template-columns:minmax(0,1fr);gap:28px}.parent-trip-cost{align-items:flex-start;flex-direction:column;gap:12px;padding:22px}.parent-trip h3{font-size:22px}.parent-trip-intro .h2{max-width:none}.parent-trip-details article{gap:14px}.parent-trip-link{flex-shrink:1}}

/* Parents page: shared editorial rhythm, mobile-first policy readability. */
.parents-page .parents-section{padding-block:56px;border-bottom:1px solid var(--line)}
.parents-page .parents-split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:48px;align-items:start}
.parents-split>.h2{max-width:360px}
.parents-body{min-width:0;display:grid;gap:20px}
.parents-facts{margin:0}
.parents-facts>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.parents-facts>div:first-child{padding-top:0}.parents-facts>div:last-child{border-bottom:0;padding-bottom:0}
.parents-facts dt{font-weight:600;color:var(--night);font-size:16px}
.parents-facts dd{margin:0;color:var(--ink-muted);font-size:16px;line-height:1.7}
.parents-refund>div{grid-template-columns:minmax(0,1fr);gap:8px}
.parents-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.parents-outcome{border-top:2px solid var(--line);padding-top:24px;display:flex;flex-direction:column;gap:12px}
.parents-outcome h3,.parents-safety h3{font-size:22px;line-height:1.3}
.parents-outcome>span:last-child,.parents-safety .small{color:var(--ink-muted);font-size:16px;line-height:1.7}
.parents-safety{display:grid;gap:24px}.parents-safety-item{display:grid;gap:10px}
.parents-safety-item+.parents-safety-item{border-top:1px solid var(--line);padding-top:24px}
.parents-page #bm-chi-phi,.parents-page #bm-chuan-bi{background:var(--cloud)}
.parents-page .notice{padding:24px;border-radius:8px}.parents-page .notice ul{gap:16px;font-size:16px;line-height:1.7}
.parents-page .steps3 li{padding:24px;gap:12px}.parents-page .steps3 b{color:var(--night);font-weight:700}
.parents-page .faq summary{font-size:17px;line-height:1.5;padding-block:18px}.parents-page .faq p{font-size:16px;line-height:1.7}
.parents-page .parents-hero{align-items:start}.parents-page .parents-hero .hot{border-radius:8px}
@media(max-width:760px){.parents-page .parents-section{padding-block:40px}.parents-page .parents-split{grid-template-columns:minmax(0,1fr);gap:28px}.parents-split>.h2{max-width:none}.parents-facts>div{grid-template-columns:minmax(0,1fr);gap:8px;padding-block:20px}.parents-outcomes{grid-template-columns:minmax(0,1fr);gap:24px}.parents-page .steps3 li{padding:22px}.parents-page .notice{padding:22px}.parents-page .parents-hero .h1{font-size:34px;line-height:1.15}}

.parents-preparation{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:12px}
.parents-preparation li{padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.parents-preparation b{display:inline-block;margin-bottom:6px}.parents-preparation .small{font-size:15px;line-height:1.6}