/* THIEN CANH HOAN HINH — SUBPAGES REBUILD V3
   Separate navigation, hero, layouts and cards from old CLC.
*/
:root{--tch-ink:#17384e;--tch-blue:#174c72;--tch-gold:#d3ad68;--tch-line:#cbe0e9}
html body.tchh-subpage-v3{font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;background:linear-gradient(180deg,#b8dcf0 0,#eaf5fb 560px,#f2f8fc 100%)!important;color:var(--tch-ink)!important}
html body.tchh-subpage-v3 .x-header{height:auto!important;background:#061e35!important;border-top:0!important;border-bottom:3px solid #ddbb7a!important;box-shadow:0 13px 26px #062d4c55!important;z-index:100}
.tchh-top-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px max(20px,calc((100vw - 1360px)/2));background:#05182c;color:#add8ed;font-size:11px;font-weight:650;letter-spacing:.12em}
.tchh-top-strip a{color:#f3d89e;text-decoration:none}
html body.tchh-subpage-v3 .x-header-inner{width:min(1360px,calc(100% - 36px))!important;height:auto!important;min-height:92px!important;display:grid!important;grid-template-columns:minmax(225px,290px) minmax(0,1fr) auto 36px!important;align-items:center;gap:8px!important}
html body.tchh-subpage-v3 .x-logo{display:flex!important;align-items:center!important;gap:0!important;min-width:0!important}
html body.tchh-subpage-v3 .x-logo .tchh-logo-crest{width:65px!important;height:65px!important;min-width:65px!important;object-fit:contain!important;padding:5px!important;background:#23567a55!important;border:1px solid #eed7ab99!important;border-radius:50%!important;box-shadow:0 0 0 4px #e4bd661c!important}
html body.tchh-subpage-v3 .x-logo .tchh-logo-word{width:min(225px,calc(100% - 60px))!important;height:auto!important;max-height:68px!important;padding:0!important;object-fit:contain!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body.tchh-subpage-v3 .x-nav{display:flex;justify-content:center!important;align-items:center;gap:2px!important}
html body.tchh-subpage-v3 .x-nav a{font-family:"Segoe UI",sans-serif;font-size:12px!important;font-weight:750!important;color:#deebf3!important;letter-spacing:.035em!important;white-space:nowrap!important;padding:11px 9px!important;min-height:43px;border:1px solid transparent!important;border-radius:3px!important}
html body.tchh-subpage-v3 .x-nav a:after{display:none!important}
html body.tchh-subpage-v3 .x-nav a:hover,html body.tchh-subpage-v3 .x-nav a.active{color:#ffebc2!important;border-color:#d8b77455!important;background:#ffffff0f!important}
html body.tchh-subpage-v3 .x-account-actions{gap:7px!important}
html body.tchh-subpage-v3 .x-account-actions a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px!important;min-height:39px;font-size:12px!important;border-radius:2px!important;white-space:nowrap}
html body.tchh-subpage-v3 .x-sub-main{background:transparent!important;overflow:hidden!important}
html body.tchh-subpage-v3 .x-sub-hero{position:relative;isolation:isolate;overflow:hidden;min-height:308px!important;padding:0!important;border:0!important;border-bottom:4px solid #c9a062!important;background:#0c3859!important}
html body.tchh-subpage-v3 .x-sub-hero-bg{position:absolute!important;inset:0!important;opacity:1!important;background:linear-gradient(90deg,#082944ee 0%,#062c49bb 49%,#123b5e66 100%),url("../img/tchh-hero-fantasy.webp") center 40%/cover no-repeat!important;filter:none!important}
html body.tchh-subpage-v3 .x-sub-hero:after{content:"";position:absolute;right:-3%;bottom:-2px;width:57%;height:45px;background:#edf7fb;clip-path:polygon(0 100%,17% 22%,32% 81%,48% 40%,70% 72%,100% 0,100% 100%);opacity:.95;pointer-events:none}
html body.tchh-subpage-v3 .x-sub-hero-inner{position:relative;z-index:2;display:flex!important;align-items:center!important;gap:26px!important;width:min(1250px,calc(100% - 44px))!important;min-height:302px!important;padding:28px 0!important}
html body.tchh-subpage-v3 .x-sub-hero-inner>img:first-child{width:134px!important;height:134px!important;min-width:134px!important;border:1px solid #edd8a055!important;border-radius:50%!important;object-fit:contain!important;background:radial-gradient(circle,#5984a777,#071d3199)!important;padding:8px!important;box-shadow:0 8px 36px #010d1d66!important}
html body.tchh-subpage-v3 .tchh-hero-copy{position:relative;padding:2px 0 4px 25px;border-left:3px solid #e2be83;max-width:720px}
html body.tchh-subpage-v3 .tchh-hero-copy>span{font-size:12px!important;font-weight:850;color:#ffe7b8!important;letter-spacing:.18em!important}
html body.tchh-subpage-v3 .tchh-hero-copy h1{margin:10px 0!important;color:#fff2d5!important;text-shadow:0 3px 16px #0009!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(32px,3vw,47px)!important;line-height:1.2!important;text-transform:none!important;letter-spacing:.02em!important}
html body.tchh-subpage-v3 .tchh-hero-copy p{margin:0!important;color:#d6eefa!important;font-size:14px!important;line-height:1.8!important}
html body.tchh-subpage-v3 .tchh-hero-side-logo{position:absolute;right:-10px;bottom:38px;width:210px!important;height:auto!important;min-width:0!important;max-height:75px;object-fit:contain;border:0!important;box-shadow:none!important;background:none!important;padding:0!important;opacity:.92}
.tchh-breadcrumb{display:flex;align-items:center;gap:11px;margin-top:13px;color:#d1e7f4!important;font-size:12px}
.tchh-breadcrumb a{color:#f4d49d!important;text-decoration:none}
.tchh-breadcrumb b{font-size:8px;color:#e9ba66}
html body.tchh-subpage-v3 .tchh-breadcrumb span{color:#dbeefe!important;font-size:12px!important;letter-spacing:0!important}
.tchh-section-band{display:flex;align-items:center;justify-content:space-between;gap:18px;width:min(1250px,calc(100% - 44px));margin:25px auto 4px;padding:14px 22px;background:linear-gradient(90deg,#fff,#e5f2f8);box-shadow:0 8px 20px #16486915;border:1px solid #d1e6ee;border-left:4px solid #b98d48;color:#24516e}
.tchh-section-band strong{font-size:13px!important;letter-spacing:.11em;color:#1c547b}
.tchh-section-band span{font-size:12px;color:#607e91}
html body.tchh-subpage-v3 .x-sub-content{width:min(1250px,calc(100% - 44px))!important;max-width:1250px!important;padding:28px 0 70px!important;min-height:410px!important;background:transparent!important;box-shadow:none!important}
html body.tchh-subpage-v3 .page-content{color:#183b52!important}
html body.tchh-subpage-v3 .guide-page-v3,html body.tchh-subpage-v3 .news-page-v2,html body.tchh-subpage-v3 .events-page-v2,html body.tchh-subpage-v3 .faq-page-v2{grid-template-columns:minmax(0,1fr) 282px!important;gap:24px!important;align-items:start}
html body.tchh-subpage-v3 .guide-main-panel,html body.tchh-subpage-v3 .news-main-panel,html body.tchh-subpage-v3 .events-main-panel,html body.tchh-subpage-v3 .faq-main-panel{padding:25px!important;border:1px solid #b4d0de!important;border-top:5px solid #c6a36a!important;border-radius:7px!important;background:linear-gradient(180deg,#fff,#f5fbff)!important;color:#193b54!important;box-shadow:0 18px 42px #19536a1c!important}
html body.tchh-subpage-v3 .guide-sidebar-card,html body.tchh-subpage-v3 .news-sidebar-card,html body.tchh-subpage-v3 .events-sidebar-card,html body.tchh-subpage-v3 .faq-sidebar-card{border:1px solid #b6d3df!important;border-radius:7px!important;background:linear-gradient(155deg,#103d60,#092843 85%)!important;color:#eaf6ff!important;box-shadow:0 18px 36px #133d542d!important}
html body.tchh-subpage-v3 .guide-hero,html body.tchh-subpage-v3 .news-featured,html body.tchh-subpage-v3 .event-featured,html body.tchh-subpage-v3 .download-hero-card{background:linear-gradient(90deg,#07304be8,#124e7299),url("../img/tchh-card-scenery.webp") center /cover!important;border:1px solid #d5b16e!important;border-radius:5px!important;box-shadow:0 10px 30px #0b3a5844!important}
html body.tchh-subpage-v3 .guide-hero h1,html body.tchh-subpage-v3 .guide-hero h2,html body.tchh-subpage-v3 .download-hero-card h1,html body.tchh-subpage-v3 .download-hero-card h2{color:#fff2d6!important;text-shadow:0 3px 12px #0008!important}
html body.tchh-subpage-v3 .guide-detail-section,html body.tchh-subpage-v3 .guide-intro-card,html body.tchh-subpage-v3 .guide-mini-card,html body.tchh-subpage-v3 .news-list-card,html body.tchh-subpage-v3 .event-list-v2 a{background:#edf7fc!important;border:1px solid #cbdfe8!important;border-radius:5px!important;box-shadow:none!important;color:#1b3d55!important}
html body.tchh-subpage-v3 .guide-detail-section h2,html body.tchh-subpage-v3 .guide-detail-section h3,html body.tchh-subpage-v3 .guide-section-title,html body.tchh-subpage-v3 .news-page-head h2,html body.tchh-subpage-v3 .events-page-head h2{color:#174d70!important}
html body.tchh-subpage-v3 .guide-detail-section p,html body.tchh-subpage-v3 .guide-main-panel p,html body.tchh-subpage-v3 .news-main-panel p,html body.tchh-subpage-v3 .events-main-panel p{color:#3b5a6f!important}
html body.tchh-subpage-v3 .guide-sidebar-card p,html body.tchh-subpage-v3 .news-sidebar-card p,html body.tchh-subpage-v3 .events-sidebar-card p,html body.tchh-subpage-v3 .faq-sidebar-card p{color:#c9e2ef!important}
html body.tchh-subpage-v3 .guide-sidebar-card a,html body.tchh-subpage-v3 .news-sidebar-card a,html body.tchh-subpage-v3 .events-sidebar-card a,html body.tchh-subpage-v3 .faq-sidebar-card a{color:#ffe2a5!important}
html body.tchh-subpage-v3 .download-layout-v2{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:23px!important}
html body.tchh-subpage-v3 .download-main-panel,html body.tchh-subpage-v3 .download-side-card,html body.tchh-subpage-v3 .member-card,html body.tchh-subpage-v3 .register-card{background:#fbfdff!important;border:1px solid #c4dbe5!important;border-top:4px solid #c9a76d!important;border-radius:6px!important;color:#193f57!important;box-shadow:0 14px 40px #103d561a!important}
html body.tchh-subpage-v3 .download-row-v2{border:1px solid #d0e3ea!important;background:#eff8fd!important;border-radius:5px!important}
html body.tchh-subpage-v3 .register-hero,html body.tchh-subpage-v3 .member-hero{background:linear-gradient(130deg,#0b3d60ee,#174d7880),url("../img/tchh-banner-style.webp") center /cover!important;border:1px solid #d7b675!important;border-radius:7px!important;box-shadow:0 15px 32px #123a542d!important}
html body.tchh-subpage-v3 .register-hero h1,html body.tchh-subpage-v3 .member-hero h1{color:#fff0ce!important}
html body.tchh-subpage-v3 .x-footer{background:linear-gradient(120deg,#061b30,#0b3654)!important;color:#e8f2f7!important;border-top:4px solid #d6ae6e!important}
html body.tchh-subpage-v3 .x-footer-inner{min-height:146px!important;align-items:center!important;gap:22px}
html body.tchh-subpage-v3 .tchh-footer-brand img{width:230px!important;height:auto!important;max-height:90px!important;border:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important;padding:0!important}
html body.tchh-subpage-v3 .x-footer-inner p{color:#f9e3b5!important}
html body.tchh-subpage-v3 .x-footer-inner small{color:#c5dcea!important}
html body.tchh-subpage-v3 input:focus-visible,html body.tchh-subpage-v3 button:focus-visible,html body.tchh-subpage-v3 a:focus-visible{outline:2px solid #e8ba60!important;outline-offset:3px}
@media(max-width:1170px){html body.tchh-subpage-v3 .x-header-inner{grid-template-columns:minmax(190px,235px) minmax(0,1fr) auto 36px!important}html body.tchh-subpage-v3 .x-logo .tchh-logo-crest{width:52px!important;height:52px!important;min-width:52px!important}html body.tchh-subpage-v3 .x-nav a{font-size:11px!important;padding:9px 6px!important}html body.tchh-subpage-v3 .tchh-hero-side-logo{opacity:.35}}
@media(max-width:920px){html body.tchh-subpage-v3 .x-header-inner{grid-template-columns:1fr auto 42px!important;min-height:78px!important}html body.tchh-subpage-v3 .x-nav{position:absolute;top:100%;left:0;right:0;z-index:150;background:#082a48!important;padding:13px 24px;display:none;flex-direction:column;align-items:stretch;gap:2px}html body.tchh-subpage-v3 .x-nav.open{display:flex!important}html body.tchh-subpage-v3 .x-nav a{font-size:13px!important;justify-content:flex-start!important;min-height:42px}html body.tchh-subpage-v3 .nav-toggle{display:block!important;color:#f3d69e!important}html body.tchh-subpage-v3 .guide-page-v3,html body.tchh-subpage-v3 .news-page-v2,html body.tchh-subpage-v3 .events-page-v2,html body.tchh-subpage-v3 .faq-page-v2,html body.tchh-subpage-v3 .download-layout-v2{grid-template-columns:1fr!important}html body.tchh-subpage-v3 .x-sub-hero-inner>img:first-child{width:98px!important;height:98px!important;min-width:98px!important}}
@media(max-width:620px){.tchh-top-strip{font-size:9px;padding:7px 12px}.tchh-top-strip span{max-width:72%}html body.tchh-subpage-v3 .x-header-inner{width:calc(100% - 20px)!important;grid-template-columns:1fr 42px!important}html body.tchh-subpage-v3 .x-account-actions{display:none!important}html body.tchh-subpage-v3 .x-logo .tchh-logo-crest{width:45px!important;height:45px!important;min-width:45px!important}html body.tchh-subpage-v3 .x-logo .tchh-logo-word{width:165px!important}html body.tchh-subpage-v3 .x-sub-hero,html body.tchh-subpage-v3 .x-sub-hero-inner{min-height:220px!important}html body.tchh-subpage-v3 .x-sub-hero-inner{gap:12px!important;padding:22px 0!important;width:calc(100% - 26px)!important}html body.tchh-subpage-v3 .x-sub-hero-inner>img:first-child{width:62px!important;height:62px!important;min-width:62px!important;padding:3px!important}html body.tchh-subpage-v3 .tchh-hero-copy{padding-left:13px!important}html body.tchh-subpage-v3 .tchh-hero-copy h1{font-size:27px!important}html body.tchh-subpage-v3 .tchh-hero-copy p{font-size:12px!important}html body.tchh-subpage-v3 .tchh-hero-copy>span{font-size:9px!important;letter-spacing:.08em!important}html body.tchh-subpage-v3 .tchh-hero-side-logo{display:none!important}html body.tchh-subpage-v3 .x-sub-content{width:calc(100% - 26px)!important;padding:16px 0 48px!important}.tchh-section-band{width:calc(100% - 26px);padding:12px}.tchh-section-band span{display:none}html body.tchh-subpage-v3 .guide-main-panel,html body.tchh-subpage-v3 .news-main-panel,html body.tchh-subpage-v3 .events-main-panel,html body.tchh-subpage-v3 .faq-main-panel{padding:14px!important}html body.tchh-subpage-v3 .x-footer-inner{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:22px 0}}