:root{--p:#16B6AA;--ph:#119B91;--s:#6AD7CF;--light:#EAF9F7;--bg:#F8FCFC;--red:#FF4B4B;--text:#1F2937;--gray:#6B7280;--shadow:0 20px 60px rgba(22,104,98,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans Thai','Noto Sans SC',sans-serif;font-size:32px;line-height:1.6}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.announce{height:33px;background:#0e403d;color:#d8fffb;display:flex;justify-content:center;align-items:center;gap:12px;font-size:22px}header{height:76px;display:flex;align-items:center;gap:25px;padding:0 max(4vw,24px);position:sticky;top:0;z-index:20;background:rgba(248,252,252,.94);backdrop-filter:blur(15px);border-bottom:1px solid #e7f2f1}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand>b{width:41px;height:41px;border-radius:14px 14px 14px 5px;background:var(--p);color:#fff;display:grid;place-items:center;font:800 46px 'Noto Sans SC';box-shadow:0 7px 18px #16b6aa40;transform:rotate(-3deg)}.brand strong{font-size:38px;line-height:1}.brand small{display:block;color:var(--p);font-size:18px;letter-spacing:3px;margin-top:5px}nav{display:flex;gap:clamp(12px,1.7vw,27px);margin-left:auto}nav a{font-size:24px;font-weight:600;color:#536064;white-space:nowrap;position:relative}nav a:hover,nav a.active{color:var(--p)}nav a.active:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--red);left:50%;bottom:-12px}.headCta,.btn{border:0;background:var(--p);color:#fff;padding:11px 18px;border-radius:11px;font-size:24px;font-weight:700;transition:.2s;cursor:pointer}.headCta:hover,.primary:hover{background:var(--ph);transform:translateY(-2px)}.menu,.mobileNav{display:none}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;padding:70px max(7vw,40px) 55px;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 35%,#d8f7f3 0,transparent 34%),linear-gradient(130deg,#fffdf9 5%,var(--bg) 70%)}.eyebrow{color:var(--p);font-size:22px;font-weight:800;letter-spacing:2px;margin-bottom:15px}.hero h1{font-size:clamp(90px,10.4vw,152px);line-height:1.16;letter-spacing:-3px;margin:0 0 23px}.hero h1 span{display:inline-block;color:var(--p);margin-left:14px;position:relative}.hero h1 span:after{content:'';position:absolute;z-index:-1;bottom:2px;left:0;width:100%;height:7px;border-radius:50%;background:var(--red);opacity:.8}.heroCopy>p{color:var(--gray);font-size:32px}.actions{display:flex;gap:12px;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px}.ghost{background:#fff;color:var(--text);border:1px solid #e3eaea}.ghost:hover{border-color:var(--p);color:var(--p)}.trust{display:flex;gap:14px;align-items:center;margin-top:36px}.faces{display:flex}.faces i{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;margin-left:-7px;border:2px solid #fff;background:#ffcbb5;font-style:normal;font-size:22px}.faces i:nth-child(2){background:#c7eeeb}.faces i:nth-child(3){background:#ffe59c}.faces i:nth-child(4){background:#d6d2fa}.trust b,.trust small{display:block;font-size:20px}.trust em{font-style:normal;color:#ffb020;letter-spacing:1px}.trust small{color:var(--gray)}.heroArt{height:510px;position:relative;max-width:580px;width:100%;margin:auto}.sun{position:absolute;width:385px;height:385px;border-radius:50%;background:linear-gradient(145deg,#d9f7f3,#9de2db);right:3%;top:50px}.bubble,.place{position:absolute;z-index:4;background:#fff;border-radius:17px;box-shadow:var(--shadow)}.bubble{left:0;top:65px;padding:13px 22px;transform:rotate(-3deg)}.bubble b,.bubble small{display:block}.bubble b{font:800 50px 'Noto Sans SC';color:var(--p)}.bubble small,.place small{font-size:18px;color:var(--gray)}.place{right:-15px;bottom:70px;padding:11px 15px;display:flex;gap:8px;font-size:22px}.place b,.place small{display:block}.lantern{position:absolute;z-index:3;right:10px;top:115px;width:51px;height:61px;border-radius:44%;background:var(--red);color:#ffd79c;display:grid;place-items:center;font-size:40px;box-shadow:inset 0 -7px #d93e3e}.lantern:before{content:'';position:absolute;width:2px;height:100px;background:#b94444;bottom:58px}.pagoda{position:absolute;right:75px;bottom:80px;width:100px;height:285px;filter:drop-shadow(0 9px 7px #0002)}.pagoda i{position:absolute;left:50%;transform:translateX(-50%);background:#e94444;clip-path:polygon(50% 0,100% 24%,90% 31%,83% 100%,17% 100%,10% 31%,0 24%)}.pagoda i:nth-child(1){width:112px;height:105px;bottom:0}.pagoda i:nth-child(2){width:85px;height:105px;bottom:86px}.pagoda i:nth-child(3){width:59px;height:108px;bottom:174px}.person{position:absolute;left:118px;bottom:67px}.person i{display:block;width:51px;height:55px;background:#f5bd94;border-radius:50%;position:relative}.person i:before{content:'';position:absolute;width:55px;height:27px;background:#172e36;border-radius:50% 60% 30% 20%}.person b{display:block;width:86px;height:150px;background:#fff0cf;border-radius:43px 43px 13px 13px}.person span{position:absolute;width:51px;height:81px;background:#ff5959;border-radius:12px;top:83px;left:-23px}.stamp{position:absolute;right:24px;top:20px;border:2px solid var(--red);color:var(--red);border-radius:50%;width:59px;height:59px;text-align:center;padding:7px;font-weight:800;line-height:1.1;transform:rotate(11deg)}.stamp small{display:block;font-size:14px;letter-spacing:2px}
.quick{max-width:1120px;margin:-35px auto 0;position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;padding:9px;box-shadow:var(--shadow)}.quick a{padding:17px 21px;display:flex;align-items:center;gap:13px;border-right:1px solid #edf0f0;transition:.2s}.quick a:hover{background:var(--light);border-radius:12px}.quick a:last-child{border:0}.quick a>b{width:46px;height:46px;border-radius:12px;background:var(--light);color:var(--p);display:grid;place-items:center;font:700 40px 'Noto Sans SC'}.quick a>span{flex:1}.quick strong,.quick small{display:block}.quick strong{font-size:26px}.quick small{font-size:20px;color:var(--gray)}.quick a{color:var(--p)}.quick strong{color:var(--text)}.section{padding:105px max(7vw,30px)}.title{text-align:center}.title h2,.split h2,.contactCard h2,.music h2{font-size:clamp(64px,8vw,102px);line-height:1.2;margin:0 0 12px;letter-spacing:-1px}.title h2 span,.split h2 span,.contactCard h2 span{color:var(--p)}.title p,.split>p{color:var(--gray);font-size:26px}.transSec{background:linear-gradient(var(--bg),#eaf8f6)}.translator{max-width:1040px;margin:40px auto 0;background:#fff;border:1px solid #e2f0ef;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.lang{height:65px;display:grid;grid-template-columns:1fr 75px 1fr;border-bottom:1px solid #e7eeee}.lang button{border:0;background:#fff;padding:0 27px;text-align:left;font-weight:700}.lang button:last-child{text-align:right}.lang #swap{place-self:center;width:40px;height:40px;border-radius:50%;padding:0;text-align:center;background:var(--light);color:var(--p);font-size:38px;cursor:pointer;transition:.25s}.lang #swap:hover{background:var(--p);color:#fff;transform:rotate(180deg)}.panels{display:grid;grid-template-columns:1fr 1fr}.panel{min-height:250px;padding:23px 27px;display:flex;flex-direction:column}.panel:first-child{border-right:1px solid #e7eeee}.panel label{font-size:20px;color:var(--gray);font-weight:700}.panel textarea{flex:1;width:100%;border:0;resize:none;outline:0;padding:17px 0;font-size:38px;color:var(--text)}#result{flex:1;padding:16px 0;font:38px 'Noto Sans SC','Noto Sans Thai';white-space:pre-wrap}#result span{color:#a5afaf}.panel footer{display:flex;justify-content:space-between;color:#9aa3a3;font-size:18px}.panel footer button{border:0;background:transparent;color:var(--gray);cursor:pointer}#copy{background:var(--light);color:var(--p);padding:6px 11px;border-radius:8px;font-weight:700}.output label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--p);box-shadow:0 0 0 5px var(--light);margin-right:8px}.privacy{display:flex;gap:12px;align-items:center;border-top:1px solid #edf2f1;background:#fbfdfd;padding:15px 27px}.privacy p{margin:0;font-size:18px;color:var(--gray);line-height:1.5}.privacy p b{color:var(--text)}.privacy a{margin-left:auto;font-size:20px;color:var(--gray)}.privacy a b{display:block;color:var(--red)}
.business{background:#fff}.split{max-width:1120px;margin:0 auto 40px;display:flex;align-items:end;justify-content:space-between}.bizGrid{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr 1fr;gap:19px}.featured{grid-row:1/3}.featured,.mini,.travelCard{border:1px solid #e7eded;border-radius:19px;overflow:hidden;background:#fff}.art{position:relative;overflow:hidden}.featured .art{height:265px}.xhs{background:linear-gradient(145deg,#ffbbb2,#ffe9d2)}.phone{position:absolute;width:165px;height:280px;border:7px solid #17262c;border-radius:27px;background:#fff;left:50%;top:34px;transform:translateX(-50%) rotate(8deg);padding:25px 14px;text-align:center}.phone b{color:#ff3f54;font-size:46px}.phone span{display:block;background:#ffe0c1;margin:19px 0;padding:23px 4px}.phone small{color:#ff3f54}.xhs>i{font-size:170px;color:#ff5656;position:absolute;right:17%;top:26px}.cardBody{padding:25px}.cardBody mark{background:var(--light);color:var(--p);border-radius:20px;padding:4px 9px;font-size:18px;font-weight:800}.cardBody h3{font-size:28px;line-height:1.5;margin:10px 0}.featured h3{font-size:44px}.cardBody p,.cardBody small{font-size:20px;color:var(--gray)}.cardBody a{font-size:20px;color:var(--p);font-weight:700}.mini{display:grid;grid-template-columns:42% 58%}.mini .cardBody{padding:20px 16px}.pay{background:#dff5e8;display:grid;place-items:center}.pay b{background:#08a879;color:#fff;padding:15px;border-radius:12px;font:700 50px 'Noto Sans SC'}.pay i{position:absolute;right:15px;top:10px;color:#ffb52b;font-size:74px}.live{background:#fff0c9;display:grid;place-items:center}.live b{font:800 68px 'Noto Sans SC';color:#ff5656}.live i{position:absolute;right:8px;bottom:8px;background:var(--red);color:#fff;font-size:16px;padding:3px}.center{text-align:center;margin-top:33px}.outline{background:#fff;color:var(--p);border:1px solid var(--p)}.outline:hover{background:var(--light)}
.travel{background:#f4fbfa}.tabs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:580px}.tabs button{border:0;background:transparent;color:var(--gray);padding:7px 10px;border-radius:20px;font-size:20px;cursor:pointer}.tabs button:hover,.tabs .active{background:var(--p);color:#fff}.travelGrid{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.travelCard{border:0;box-shadow:0 8px 25px #145a560d;transition:.25s}.travelCard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.travelCard.big{grid-column:span 2;grid-row:span 2}.travelArt{height:167px;position:relative;overflow:hidden;display:grid;place-items:center}.big .travelArt{height:300px}.wall{background:linear-gradient(160deg,#a9d7df,#f6c58e 55%,#4a9d7d)}.wall>span{position:absolute;right:14px;top:14px;background:#ffffffcc;padding:4px 10px;border-radius:20px;font-size:18px}.wall i{width:130%;height:80px;background:#bd8148;transform:rotate(-9deg);position:absolute;bottom:33px;clip-path:polygon(0 45%,20% 10%,35% 60%,55% 20%,70% 65%,100% 10%,100% 80%,70% 100%,50% 60%,35% 100%,18% 50%,0 90%)}.hotpot{background:#ffd5b6}.hotpot b{font:700 124px 'Noto Sans SC';color:#f15c3c;opacity:.18}.hotpot i{position:absolute;background:#912f26;color:#fff;width:100px;height:62px;border-radius:12px 12px 50% 50%;display:grid;place-items:center;font-size:66px}.train{background:#cceff1}.train b{position:absolute;top:9px;right:13px;color:#118a99;font-size:56px}.train b small{font-size:16px}.train i{background:#fff;width:120%;height:44px;border-radius:70% 10% 10% 0;transform:rotate(-6deg);padding:12px 28px;color:#1983b0;font-style:normal}.tea{background:#efd9bc}.tea b{font:700 144px 'Noto Sans SC';color:#9b392e}.tea i{position:absolute;bottom:10px;font-style:normal;font-size:18px;letter-spacing:4px}.visa{background:#d7e5fd}.visa b{border:3px solid #426ba7;padding:14px;color:#426ba7;font-size:46px;transform:rotate(-9deg)}.visa i{position:absolute;font-size:96px;color:var(--p);right:23px;bottom:12px}.travelCard.hidden{display:none}
.music{background:#123e3b;color:#fff;padding:88px max(10vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.music .eyebrow{color:#79e0d9}.music p{color:#b9d3d1;font-size:24px}.musicLinks{display:flex;gap:9px;margin-top:27px}.musicLinks a{border:1px solid #ffffff40;border-radius:10px;padding:10px 13px;font-size:20px;font-weight:700}.musicLinks a:first-child{background:#fff;color:#173f3d}.player{background:#ffffff15;border:1px solid #ffffff20;padding:24px;border-radius:21px;display:grid;grid-template-columns:100px 1fr;gap:19px}.album{height:100px;border-radius:12px;background:linear-gradient(145deg,#ffd7bd,#ff736b);display:grid;place-items:center;position:relative;font:800 100px 'Noto Sans SC';color:#a33232}.album small{position:absolute;bottom:5px;right:7px;font-size:16px}.track{display:flex;flex-direction:column;justify-content:center}.track small{font-size:14px;letter-spacing:2px;color:#72d9d2}.track b{font:600 38px 'Noto Sans SC';margin:5px 0}.track span{font-size:18px;color:#acc8c5}.progress{grid-column:1/-1;height:3px;background:linear-gradient(90deg,var(--s) 42%,#ffffff33 42%)}.controls{grid-column:1/-1;display:flex;justify-content:center;gap:18px}.controls button{border:0;background:transparent;color:#fff}.controls #play{width:38px;height:38px;border-radius:50%;background:var(--p)}
.contact{padding:95px max(7vw,30px);background:linear-gradient(160deg,#fff 50%,#ebf9f7)}.contactCard{max-width:1040px;margin:auto;background:#fff;border-radius:23px;box-shadow:var(--shadow);padding:52px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contactCard p{font-size:24px;color:var(--gray)}.checks{font-size:20px;color:var(--p);line-height:2.2;margin-top:20px}.contactCard form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contactCard label{font-size:18px;font-weight:700}.contactCard input,.contactCard textarea,.contactCard select{display:block;width:100%;border:1px solid #dfe9e8;border-radius:9px;padding:10px 11px;margin-top:5px;background:#fbfdfd;outline:0;font-size:22px}.contactCard input:focus,.contactCard textarea:focus,.contactCard select:focus{border-color:var(--p);box-shadow:0 0 0 3px var(--light)}.contactCard label:nth-child(3),.contactCard label:nth-child(4),.contactCard form button{grid-column:1/-1}.contactCard textarea{height:70px;resize:none}.siteFooter{background:#0b302e;color:#cee0de;padding:57px max(7vw,30px) 20px}.footerGrid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);max-width:1120px;margin:auto;gap:38px}.footerGrid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footerGrid .brand strong{color:#fff}.footerGrid p{font-size:22px;color:#8fb1ae}.footerGrid>div>b{color:#fff;font-size:22px;margin-bottom:7px}.footerGrid a{font-size:18px;color:#9ab7b4}.copyright{max-width:1120px;margin:38px auto 0;border-top:1px solid #23504d;padding-top:17px;font-size:16px;color:#72938f;display:flex;justify-content:space-between}#toast{position:fixed;right:24px;bottom:24px;z-index:50;background:#163f3c;color:#fff;padding:11px 17px;border-radius:10px;font-size:22px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){nav{display:none}.headCta{margin-left:auto}.menu{display:block;border:0;background:transparent;font-size:44px}.mobileNav{position:fixed;z-index:19;top:109px;left:0;right:0;background:#fff;padding:20px 28px;box-shadow:0 15px 25px #0002;flex-direction:column;gap:11px}.mobileNav.open{display:flex}.heroArt{transform:scale(.88)}.quick{margin-left:22px;margin-right:22px}.travelGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.announce{font-size:18px}.announce span,.headCta{display:none}header{height:67px;padding:0 17px}.mobileNav{top:100px}.brand strong{font-size:32px}.brand>b{width:37px;height:37px}.hero{display:block;padding:54px 21px 18px;text-align:center;min-height:auto}.hero h1{font-size:80px;letter-spacing:-1px}.heroCopy>p{font-size:26px}.actions{justify-content:center;flex-direction:column}.trust{justify-content:center}.heroArt{height:430px;transform:scale(.82);margin-top:-12px}.quick{grid-template-columns:1fr;margin:0 14px}.quick a{border-right:0;border-bottom:1px solid #edf0f0}.section{padding:72px 18px}.title h2,.split h2,.contactCard h2,.music h2{font-size:68px}.panels{grid-template-columns:1fr}.panel:first-child{border-right:0;border-bottom:1px solid #e7eeee}.panel{min-height:190px}.privacy{flex-wrap:wrap;align-items:start}.privacy a{margin-left:25px}.split{display:block}.split>p,.tabs{margin-top:18px}.bizGrid{display:block}.featured,.mini{margin-bottom:14px}.featured .art{height:225px}.mini{min-height:165px}.travelGrid{grid-template-columns:1fr 1fr}.travelCard.big{grid-column:1/-1;grid-row:auto}.big .travelArt{height:235px}.tabs{justify-content:start}.music{grid-template-columns:1fr;padding:67px 21px;gap:42px;text-align:center}.musicLinks{justify-content:center;flex-direction:column}.contact{padding:68px 17px}.contactCard{display:block;padding:28px 21px}.contactCard form{margin-top:32px;display:block}.contactCard label,.contactCard form button{display:block;width:100%;margin-top:12px}.footerGrid{grid-template-columns:1fr 1fr}.footerGrid>div:first-child{grid-column:1/-1}.copyright{display:block;text-align:center}.copyright span{display:block;margin-top:8px}}@media(max-width:440px){.heroArt{width:118%;margin-left:-9%;transform:scale(.76)}.travelGrid{grid-template-columns:1fr}.travelCard.big{grid-column:auto}.footerGrid{grid-template-columns:1fr}.footerGrid>div:first-child{grid-column:auto}.player{grid-template-columns:85px 1fr}.album{height:85px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}*{transition:none!important}}
/* Content remains accessible even when observer timing varies */
.reveal{opacity:1;transform:none}

/* Homepage hero photo */
.hero{background-image:linear-gradient(90deg,rgba(255,253,249,.97) 0%,rgba(255,253,249,.84) 38%,rgba(255,253,249,.08) 62%),url('assets/hero-home.png');background-size:100% 100%,cover;background-position:center,right center;background-repeat:no-repeat;background-color:#fffdf9}
.hero h1{font-size:clamp(46px,4.4vw,66px);line-height:1.18;letter-spacing:-1px}
.heroArt{visibility:hidden}
@media(max-width:760px){.hero{background-size:100% 100%,cover;background-position:center,right bottom;background-image:linear-gradient(180deg,rgba(255,253,249,.98) 0%,rgba(255,253,249,.88) 52%,rgba(255,253,249,.16) 100%),url('assets/hero-home.png')}.hero h1{font-size:44px;line-height:1.2}.heroArt{display:none}}

/* Desktop full-width translator */
@media(min-width:761px){.transSec .translator{max-width:none;width:calc(100vw - 40px);margin:40px 0 0 calc(50% - 50vw + 20px)}}

/* Compact translate section spacing */
.transSec{padding-top:56px;padding-bottom:64px}
.transSec .translator{margin-top:24px}
@media(max-width:760px){.transSec{padding-top:44px;padding-bottom:48px}.transSec .translator{margin-top:22px}}

/* Compact business and travel sections */
.business,.travel{padding-top:60px;padding-bottom:68px}
.business .split,.travel .split{margin-bottom:28px}
@media(max-width:760px){.business,.travel{padding-top:46px;padding-bottom:52px}.business .split,.travel .split{margin-bottom:22px}}

/* Single-line business and travel headings */
@media(min-width:761px){.business .split h2,.travel .split h2{font-size:clamp(36px,3vw,48px);white-space:nowrap}}

/* Quick-link icons */
.quick a>b svg{width:26px;height:26px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Thai Easy Trip image logo */
.brand>img{width:52px;height:52px;display:block;object-fit:cover;border-radius:14px;background:#fff}.siteFooter .brand>img{width:60px;height:60px}
@media(max-width:760px){.brand>img{width:46px;height:46px}}

/* Header brand tagline */
header .brand small{display:flex;align-items:center;gap:8px;white-space:nowrap}header .brand .brandTagline{font-family:'Noto Sans Thai',sans-serif;font-size:11px;font-weight:500;letter-spacing:0;color:var(--gray)}
@media(max-width:760px){header .brand .brandTagline{font-size:9px}}

/* Header without announcement bar */
@media(max-width:1050px){.mobileNav{top:76px}}
@media(max-width:760px){.mobileNav{top:67px}}

/* Enlarged header Thai tagline */
header .brand .brandTagline{font-size:22px}
@media(max-width:760px){header .brand .brandTagline{font-size:16px}}

/* Eyebrow Thai subtitle */
.eyebrowThai{margin-left:8px;letter-spacing:0;font-family:'Noto Sans Thai',sans-serif;font-weight:700}

/* Facebook music link icon */
.musicLinks .facebookLink{display:inline-flex;align-items:center;justify-content:center;gap:7px}.musicLinks .fbIcon{width:20px;height:20px;flex:0 0 auto}.musicLinks .fbIcon circle{fill:#1877f2}.musicLinks .fbIcon path{fill:#fff}

/* Contact channel fields */
.contactCard label:nth-child(3),.contactCard label:nth-child(4),.contactCard label:nth-child(5){grid-column:1/-1}

/* Article detail pages */
.cardReadMore{display:block;margin-top:12px;color:var(--p);font-weight:700}.musicArticleLink{grid-column:1/-1;display:inline-flex;justify-self:center;margin-top:6px;color:#79e0d9;font-size:18px;font-weight:700}.articleMain{padding:70px max(7vw,24px);background:linear-gradient(160deg,#fff,#eefaf8);min-height:70vh}.articleDetail{max-width:900px;margin:auto;background:#fff;border-radius:24px;padding:56px;box-shadow:var(--shadow);font-size:18px;line-height:1.85}.articleDetail h1{font-size:clamp(38px,5vw,62px);line-height:1.2;margin:12px 0 18px}.articleDetail h2{font-size:28px;line-height:1.35;margin:0 0 10px}.articleDetail section{margin:34px 0}.articleLead{font-size:22px;color:var(--gray)}.articleMeta{color:var(--p);font-weight:700}.articleBack{display:inline-block;margin-bottom:24px;color:var(--p);font-weight:700}@media(max-width:760px){.articleMain{padding:30px 14px}.articleDetail{padding:28px 21px;border-radius:18px;font-size:16px}.articleDetail h1{font-size:36px}.articleDetail h2{font-size:24px}.articleLead{font-size:18px}.musicArticleLink{font-size:16px}}

/* Music article card and detail links */
.musicStoryCard{background:#ffffff12;border:1px solid #ffffff24;border-radius:22px;padding:24px;display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;color:#fff;transition:.25s}.musicStoryCard:hover{transform:translateY(-5px);background:#ffffff1c}.musicStoryCard .album{height:120px}.musicStoryBody mark{background:#79e0d9;color:#123e3b;border-radius:20px;padding:4px 10px;font-size:16px}.musicStoryBody h3{font:600 34px 'Noto Sans SC';margin:12px 0 5px}.musicStoryBody p{font-size:18px;margin:0 0 12px}.musicStoryBody span{color:#79e0d9;font-size:18px;font-weight:700}.articleMusicLinks{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.articleMusicLinks a{display:inline-flex;align-items:center;gap:8px;border:1px solid #d9e7e5;border-radius:12px;padding:12px 16px;color:var(--text);font-weight:700}.articleMusicLinks a:hover{border-color:var(--p);color:var(--p)}.articleMusicLinks .fbIcon{width:22px;height:22px}.articleMusicLinks .fbIcon circle{fill:#1877f2}.articleMusicLinks .fbIcon path{fill:#fff}@media(max-width:760px){.musicStoryCard{grid-template-columns:90px 1fr;padding:18px;gap:16px}.musicStoryCard .album{height:90px}.musicStoryBody h3{font-size:25px}.musicStoryBody p,.musicStoryBody span{font-size:16px}.articleMusicLinks{flex-direction:column}.articleMusicLinks a{justify-content:center}}

/* Business page hero image */
.businessHero{padding:30px max(2vw,18px) 0;background:#fff}.businessHero img{display:block;width:100%;max-width:1450px;height:auto;margin:auto;border-radius:24px;box-shadow:var(--shadow)}@media(max-width:760px){.businessHero{padding:14px 10px 0}.businessHero img{border-radius:14px}}

/* Square article preview cards */
.standalonePage .bizGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:20px}
.standalonePage .bizGrid .featured,.standalonePage .bizGrid .mini{grid-row:auto;display:flex;flex-direction:column;aspect-ratio:1/1;min-height:0;margin:0}
.standalonePage .bizGrid .art,.standalonePage .bizGrid .featured .art,.standalonePage .bizGrid .mini .art{height:44%;min-height:44%;width:100%}
.standalonePage .bizGrid .cardBody{height:56%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.standalonePage .bizGrid .cardBody h3,.standalonePage .bizGrid .featured h3{font-size:20px;line-height:1.45;margin:8px 0}
.standalonePage .bizGrid .cardBody p{display:none}
.standalonePage .bizGrid .cardBody a{margin-top:auto;font-size:16px}
.standalonePage .travelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.standalonePage .travelCard,.standalonePage .travelCard.big{grid-column:auto;grid-row:auto;aspect-ratio:1/1;display:flex;flex-direction:column;min-height:0}
.standalonePage .travelCard .travelArt,.standalonePage .travelCard.big .travelArt{height:52%;min-height:52%}
.standalonePage .travelCard .cardBody{height:48%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
.standalonePage .travelCard .cardBody h3{font-size:18px;line-height:1.4;margin:8px 0}
.standalonePage .travelCard .cardBody small{font-size:14px}
.standalonePage .travelCard .cardReadMore{margin-top:auto;font-size:16px}
.standalonePage .musicStoryCard{width:min(100%,440px);aspect-ratio:1/1;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:32px}
.standalonePage .musicStoryCard .album{width:150px;height:150px;margin:0 auto 20px;flex:0 0 auto}
.standalonePage .musicStoryBody h3{font-size:32px}
@media(max-width:1050px){.standalonePage .bizGrid,.standalonePage .travelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.standalonePage .bizGrid,.standalonePage .travelGrid{display:grid;grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}.standalonePage .bizGrid .featured,.standalonePage .bizGrid .mini{margin:0;min-height:0}.standalonePage .musicStoryCard{max-width:420px;padding:24px}.standalonePage .musicStoryCard .album{width:120px;height:120px}.standalonePage .musicStoryBody h3{font-size:26px}}
/* Light Chinese music section */
.music{background:var(--bg);color:var(--text)}
.music .eyebrow{color:var(--p);font-size:18px;letter-spacing:2px}
.music h2{font-size:clamp(42px,4vw,60px);line-height:1.18;letter-spacing:-1px}
.music p{color:var(--gray);font-size:18px;line-height:1.8}
.musicLinks a{border-color:#cfe4e1;color:var(--text);font-size:16px;background:#fff}
.musicLinks a:first-child{background:#fff;color:var(--text)}
.musicArticleLink{color:var(--p)}
.standalonePage .musicStoryCard{background:#fff;border-color:#e0edeb;color:var(--text);box-shadow:var(--shadow)}
.standalonePage .musicStoryCard:hover{background:#fff;box-shadow:0 24px 65px rgba(22,104,98,.2)}
.standalonePage .musicStoryBody mark{background:var(--light);color:var(--p)}
.standalonePage .musicStoryBody p{color:var(--gray);font-size:17px}
.standalonePage .musicStoryBody span{color:var(--p);font-size:17px}
@media(max-width:760px){.music h2{font-size:38px;line-height:1.2}.music .eyebrow{font-size:16px}.music p{font-size:16px}.musicLinks a{font-size:15px}}
/* Homepage square article preview cards */
main:not(.standalonePage) .bizGrid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:20px}
main:not(.standalonePage) .bizGrid .featured,main:not(.standalonePage) .bizGrid .mini{grid-row:auto;display:flex;flex-direction:column;aspect-ratio:1/1;min-height:0;margin:0}
main:not(.standalonePage) .bizGrid .art,main:not(.standalonePage) .bizGrid .featured .art,main:not(.standalonePage) .bizGrid .mini .art{height:44%;min-height:44%;width:100%}
main:not(.standalonePage) .bizGrid .cardBody{height:56%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
main:not(.standalonePage) .bizGrid .cardBody h3,main:not(.standalonePage) .bizGrid .featured h3{font-size:20px;line-height:1.45;margin:8px 0}
main:not(.standalonePage) .bizGrid .cardBody p{display:none}
main:not(.standalonePage) .bizGrid .cardBody a{margin-top:auto;font-size:16px}
main:not(.standalonePage) .travelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
main:not(.standalonePage) .travelCard,main:not(.standalonePage) .travelCard.big{grid-column:auto;grid-row:auto;aspect-ratio:1/1;display:flex;flex-direction:column;min-height:0}
main:not(.standalonePage) .travelCard .travelArt,main:not(.standalonePage) .travelCard.big .travelArt{height:52%;min-height:52%}
main:not(.standalonePage) .travelCard .cardBody{height:48%;padding:18px;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden}
main:not(.standalonePage) .travelCard .cardBody h3{font-size:18px;line-height:1.4;margin:8px 0}
main:not(.standalonePage) .travelCard .cardBody small{font-size:14px}
main:not(.standalonePage) .travelCard .cardReadMore{margin-top:auto;font-size:16px}
main:not(.standalonePage) .musicStoryCard{width:min(100%,440px);aspect-ratio:1/1;margin:auto;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:32px;background:#fff;border:1px solid #e0edeb;color:var(--text);box-shadow:var(--shadow)}
main:not(.standalonePage) .musicStoryCard .album{width:150px;height:150px;margin:0 auto 20px;flex:0 0 auto}
main:not(.standalonePage) .musicStoryBody h3{font-size:32px}
main:not(.standalonePage) .musicStoryBody p{font-size:17px;color:var(--gray)}
main:not(.standalonePage) .musicStoryBody span{font-size:17px;color:var(--p)}
@media(max-width:1050px){main:not(.standalonePage) .bizGrid,main:not(.standalonePage) .travelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){main:not(.standalonePage) .bizGrid,main:not(.standalonePage) .travelGrid{display:grid;grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto}main:not(.standalonePage) .bizGrid .featured,main:not(.standalonePage) .bizGrid .mini{margin:0;min-height:0}main:not(.standalonePage) .musicStoryCard{max-width:420px;padding:24px}main:not(.standalonePage) .musicStoryCard .album{width:120px;height:120px}main:not(.standalonePage) .musicStoryBody h3{font-size:26px}}
/* Explore-style music heading */
.music h2 span{color:var(--p)}
@media(min-width:761px){.music h2{font-size:clamp(36px,3vw,48px);white-space:nowrap}}
@media(max-width:760px){.music h2{font-size:38px;white-space:normal}}
/* Three-column footer */
.footerGrid{grid-template-columns:1.5fr repeat(2,1fr)}
@media(max-width:760px){.footerGrid{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.footerGrid{grid-template-columns:1fr}}

/* Light branded footer and social links */
.siteFooter{background:#dff5f2;color:#365f5c}
.footerGrid .brand strong,.footerGrid>div>b{color:#123e3b}
.footerGrid p{color:#557c79}
.footerGrid a{color:#466f6c}
.footerGrid a:hover{color:var(--p)}
.copyright{border-top-color:#b8ded9;color:#638986}
.footerSocials{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.footerSocials a{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #b9dfda;border-radius:999px;padding:6px 11px;color:#176d67;font-size:14px;font-weight:700;line-height:1.2}
.footerSocials a:hover{background:var(--p);border-color:var(--p);color:#fff}
@media(max-width:760px){.footerSocials{gap:6px}.footerSocials a{font-size:13px;padding:6px 9px}}
/* Footer social icons */
.footerSocials a{width:42px;height:42px;padding:0;border-radius:50%;background:#fff}
.footerSocials .socialIcon{width:24px;height:24px;display:block}
.fbSocialIcon circle{fill:#1877f2}.fbSocialIcon path{fill:#fff}
.youtubeSocialIcon rect{fill:#ff0033}.youtubeSocialIcon path{fill:#fff}
.wechatSocialIcon path:first-child{fill:#07c160}.wechatSocialIcon path:last-child{fill:#18a85b;stroke:#fff;stroke-width:.7}
.xhsSocialIcon rect{fill:#ff2442}.xhsSocialIcon text{fill:#fff;font:700 12px 'Noto Sans SC',sans-serif}
.footerSocials a:hover{transform:translateY(-2px);background:#fff;border-color:var(--p)}
@media(max-width:760px){.footerSocials a{width:38px;height:38px;padding:0}.footerSocials .socialIcon{width:22px;height:22px}}
/* Footer LINE QR code */
.lineQr{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:14px;background:#fff;border:1px solid #b9dfda;border-radius:14px;padding:9px;color:#176d67}
.lineQr img{display:block;width:108px;height:108px;object-fit:cover;border-radius:8px}
.lineQr span{font-size:13px;font-weight:700;line-height:1.2}
.lineQr:hover{border-color:#06c755;color:#06a947;transform:translateY(-2px)}
@media(max-width:760px){.lineQr img{width:96px;height:96px}.lineQr span{font-size:12px}}
/* Four-column footer with QR */
.footerGrid{grid-template-columns:1.4fr 1fr 1.25fr auto;align-items:start}
.footerQrColumn{display:flex;justify-content:center;align-items:flex-start}
.footerQrColumn .lineQr{margin-top:0}
@media(max-width:1050px){.footerGrid{grid-template-columns:1fr 1fr}.footerQrColumn{justify-content:flex-start}}
@media(max-width:440px){.footerGrid{grid-template-columns:1fr}.footerQrColumn{justify-content:flex-start}}
/* Provided WeChat and Xiaohongshu icons */
.footerSocials .imageSocialIcon{width:26px;height:26px;object-fit:contain}
.footerSocials .wechatImageIcon{border-radius:4px}
.footerSocials .xhsImageIcon{border-radius:7px}
@media(max-width:760px){.footerSocials .imageSocialIcon{width:24px;height:24px}}
/* Clickable article cards and business article hero */
.standalonePage .bizGrid article,.standalonePage .travelCard{position:relative}
.standalonePage .bizGrid article .cardBody>a::after,.standalonePage .travelCard .cardReadMore::after{content:'';position:absolute;inset:0;z-index:2}
.standalonePage .bizGrid article:hover,.standalonePage .travelCard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.articleHero{margin:0 0 34px}
.articleHero img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 14px 40px rgba(22,104,98,.14)}
@media(max-width:760px){.articleHero{margin-bottom:24px}.articleHero img{border-radius:12px}}
/* Article media manager */
.articleMediaManager{margin:38px 0;padding:24px;border:1px dashed #9fd8d2;border-radius:18px;background:#f3fbfa}
.articleMediaManager>h2{margin-top:0}.articleMediaManager>p{color:var(--gray)}
.articleMediaActions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.articleMediaActions button{border:1px solid var(--p);background:#fff;color:var(--p);border-radius:10px;padding:10px 14px;font:700 15px 'Noto Sans Thai',sans-serif;cursor:pointer}
.articleMediaActions button:hover{background:var(--light)}
.articleMediaList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.articleMediaItem{position:relative;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #dcebe9;min-height:110px;display:grid;place-items:center}
.articleMediaItem.image{aspect-ratio:16/10}.articleMediaItem img{width:100%;height:100%;object-fit:cover}
.articleMediaItem>a{font-weight:700;color:var(--p);padding:30px}
.removeMedia{position:absolute;right:8px;top:8px;border:0;border-radius:20px;background:#ffffffdd;color:#d53f3f;padding:5px 9px;cursor:pointer;font-size:12px}
@media(max-width:760px){.articleMediaManager{padding:18px}.articleMediaList{grid-template-columns:1fr}.articleMediaActions{flex-direction:column}.articleMediaActions button{width:100%}}
/* Clickable homepage article cards */
main:not(.standalonePage) .bizGrid article,main:not(.standalonePage) .travelCard{position:relative;cursor:pointer}
main:not(.standalonePage) .bizGrid article .cardBody>a::after,main:not(.standalonePage) .travelCard .cardReadMore::after{content:'';position:absolute;inset:0;z-index:3}
main:not(.standalonePage) .bizGrid article:hover,main:not(.standalonePage) .travelCard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
/* Admin-managed public article media */
.adminPublishedMedia{margin:38px 0}.publishedMediaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.publishedMediaGrid figure{margin:0;border-radius:15px;overflow:hidden;background:#f4faf9;border:1px solid #dcebe9}.publishedMediaGrid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.publishedMediaGrid figcaption{padding:10px 12px;color:var(--gray);font-size:14px}.publishedMediaGrid>a{display:flex;align-items:center;justify-content:center;min-height:110px;border:1px solid #cce4e1;border-radius:14px;background:#f4faf9;color:var(--p);font-weight:700}@media(max-width:760px){.publishedMediaGrid{grid-template-columns:1fr}}
/* Homepage description as main headline */
.hero .heroMessage{font-size:clamp(32px,3.4vw,50px);line-height:1.32;letter-spacing:-1px;max-width:690px;margin:0 0 28px}
.hero .heroMessage span{display:inline;color:var(--p);margin-left:0}
.hero .heroMessage span:after{display:none}
@media(max-width:760px){.hero .heroMessage{font-size:34px;line-height:1.35;margin-bottom:24px}}
/* MVP conversion CTA optimization */
.consultation{display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--p);border:1px solid var(--p);padding:13px 21px;border-radius:11px;font-weight:700;cursor:pointer;transition:.2s;text-decoration:none}
.consultation:hover{background:var(--light);transform:translateY(-2px)}
.headCta{white-space:nowrap}
@media(max-width:1400px) and (min-width:761px){header>nav{display:none}.headCta{margin-left:auto}}
.cmsNavGroup{position:relative;display:inline-flex}.cmsSubnav{display:none;position:absolute;top:100%;left:0;min-width:190px;padding:9px;background:#fff;border:1px solid #e1efed;border-radius:10px;box-shadow:0 14px 32px #1243;z-index:30}.cmsSubnav a{display:block;padding:7px 9px}.cmsNavGroup:hover>.cmsSubnav,.cmsNavGroup:focus-within>.cmsSubnav{display:block}.mobileNav .cmsNavGroup,.mobileNav .cmsSubnav{position:static;display:flex;flex-direction:column;box-shadow:none;border:0;padding:0 0 0 12px}
.lookupPage{font-size:16px}.lookupPage .lookupForm{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.lookupPage .lookupForm input{min-width:0}@media(max-width:700px){.lookupPage .lookupForm{grid-template-columns:1fr}}
.translateActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.translateActions button,.translateActions a{border:1px solid #bfe2de;background:#fff;color:var(--p);border-radius:8px;padding:7px 11px;font:700 14px 'Noto Sans Thai',sans-serif;cursor:pointer;text-decoration:none;line-height:1.3}
.translateActions button:hover,.translateActions a:hover{background:var(--light);border-color:var(--p)}
.translateActions #humanReview{border-color:var(--p)}
.privacy{min-height:auto;padding-top:12px;padding-bottom:12px}
.privacy p{font-size:15px;line-height:1.45}
.contactResponse{grid-column:1/-1;display:block;text-align:center;color:var(--gray);font-size:14px;margin-top:-6px}
.contactHoneypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contactPrivacy{grid-column:1/-1;display:flex;align-items:flex-start;gap:9px;color:var(--gray);font-size:14px;line-height:1.5}.contactPrivacy input{width:auto;min-width:18px;margin-top:3px}.contactFormStatus{grid-column:1/-1;margin:0;text-align:center;font-weight:700;line-height:1.5}.contactFormStatus.is-error{color:#b42318}.contactFormStatus.is-success{color:#087d74}
.floatingLine{display:none}
@media(max-width:760px){.headCta{display:inline-flex;margin-left:auto;padding:8px 9px;font-size:12px}.translateActions{justify-content:flex-start;width:100%;margin-top:9px}.translateActions button,.translateActions a{flex:1 1 auto;text-align:center;font-size:13px;padding:8px}.floatingLine{position:fixed;right:18px;bottom:18px;z-index:65;width:58px;height:58px;border-radius:50%;background:#06c755;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,120,70,.28);text-decoration:none;font:800 10px 'Noto Sans Thai',sans-serif}.floatingLine svg{width:27px;height:27px;fill:#fff}.floatingLine span{margin-top:-2px}.floatingLine:hover{transform:translateY(-3px)}}
@media(max-width:440px){header{gap:8px}.headCta{font-size:11px;padding:7px}.menu{margin-left:0}}
/* MVP second-pass enhancements */
.heroTrust{margin-top:16px;font-size:14px;color:var(--gray);display:flex;gap:10px;flex-wrap:wrap}
nav .navPrimary{color:var(--p);font-weight:800}
.phraseTemplates,.recentTranslations{border-top:1px solid #edf2f1;padding:14px 27px;background:#fff}
.templateTitle,.recentTitle{font-size:15px;font-weight:800;color:var(--text);margin-bottom:9px}
.templateChips,.recentList{display:flex;flex-wrap:wrap;gap:8px}
.templateChips button,.recentList button{border:1px solid #cde5e2;background:var(--light);color:#176d67;border-radius:999px;padding:7px 12px;font:700 14px 'Noto Sans SC','Noto Sans Thai',sans-serif;cursor:pointer;transition:.2s}
.templateChips button:hover,.recentList button:hover{background:var(--p);border-color:var(--p);color:#fff;transform:translateY(-1px)}
.recentTranslations{background:#fbfdfd}.recentList button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fff}
.contactFormArea{min-width:0}.contactQuick{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:9px;margin-bottom:14px}.contactQuick a{display:flex;align-items:center;justify-content:center;border:1px solid var(--p);border-radius:10px;padding:11px 10px;font-weight:800;text-decoration:none;color:var(--p);background:#fff}.contactQuick .contactLine{background:#06c755;border-color:#06c755;color:#fff;box-shadow:0 8px 20px rgba(6,199,85,.2)}.contactQuick a:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(22,182,170,.14)}
.fitFor{display:block;color:var(--gray);font-size:14px;line-height:1.45;margin:4px 0 9px}
.popularCities{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:14px;font-size:14px}.popularCities span{color:var(--gray);font-weight:700}.popularCities a{color:var(--p);background:var(--light);border-radius:999px;padding:5px 10px;font-weight:700}
.quick a{will-change:transform}.quick a:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.08)}
.btn.primary:hover,.headCta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 16px 36px rgba(22,182,170,.25)}
@media(max-width:760px){.heroTrust{justify-content:center;font-size:13px}.phraseTemplates,.recentTranslations{padding:13px 18px}.templateChips button,.recentList button{font-size:13px}.contactQuick{grid-template-columns:1fr}.popularCities{justify-content:flex-start}.fitFor{font-size:13px}}
/* MVP final polish states and accessibility */
.translationHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}
.translationHeader>span:first-child{display:inline-flex;align-items:center}.confidence{display:inline-flex;align-items:center;gap:5px;color:var(--gray);font-size:13px;font-weight:600}.confidence b{color:#16845f;background:#e8f7ef;border-radius:999px;padding:3px 8px}
.translationLoading{height:100%;min-height:100px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--p);font-weight:800}.loadingDots{display:inline-flex;align-items:center;gap:4px}.loadingDots i{width:6px;height:6px;border-radius:50%;background:var(--p);animation:aiDotPulse 1s infinite ease-in-out}.loadingDots i:nth-child(2){animation-delay:.16s}.loadingDots i:nth-child(3){animation-delay:.32s}@keyframes aiDotPulse{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.translationError{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px}.translationError>b{font-size:25px}.translationError strong{font-size:18px}.translationError span{color:var(--gray);font-size:14px}.translationError button{margin-top:5px;border:1px solid var(--p);background:#fff;color:var(--p);border-radius:8px;padding:7px 13px;font-weight:700;cursor:pointer}
.translationFeedback{display:flex;gap:8px;padding:9px 0;border-top:1px solid #edf2f1}.translationFeedback button{border:1px solid #d6e7e5;background:#fff;color:var(--gray);border-radius:8px;padding:7px 10px;font:700 13px 'Noto Sans Thai',sans-serif;cursor:pointer}.translationFeedback button:hover,.translationFeedback button.selected{border-color:var(--p);background:var(--light);color:var(--p)}
.humanUpsell{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;color:var(--gray);font-size:13px}.humanUpsell a{color:var(--p);font-weight:800;white-space:nowrap}
.footerTrust{max-width:1120px;margin:28px auto 0;padding-top:15px;border-top:1px solid #b8ded9;display:flex;align-items:center;justify-content:center;gap:9px;color:#739390;font-size:13px}.footerTrust i{font-style:normal}
.travelCard .travelArt{transition:transform .25s ease}.travelCard:hover .travelArt{transform:scale(1.03)}
:where(a,button,input,textarea,select):focus-visible{outline:3px solid rgba(22,182,170,.38);outline-offset:3px}
@media(max-width:760px){.translationHeader{align-items:flex-start}.confidence{font-size:12px}.translationFeedback,.humanUpsell{flex-wrap:wrap}.humanUpsell a{white-space:normal}.footerTrust{margin-top:22px;font-size:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.loadingDots i{animation:none}.travelCard .travelArt{transition:none}}
/* Homepage freeze v1.0 final polish */
.productTrustStrip{display:flex;align-items:center;justify-content:center;gap:28px;padding:13px max(5vw,24px);border-top:1px solid #e4f1ef;border-bottom:1px solid #e4f1ef;background:#fff;color:var(--gray);font-size:13px;font-weight:700;letter-spacing:.3px;text-align:center}
.productTrustStrip span+span:before{content:'·';margin-right:28px;color:var(--p)}
#count{transition:color .2s ease;font-variant-numeric:tabular-nums}
#count.warning{color:#c77b00;font-weight:800}
#count.danger{color:var(--red);font-weight:800}
@media(max-width:760px){.productTrustStrip{gap:10px;padding:10px 14px;font-size:11px;flex-wrap:wrap}.productTrustStrip span+span:before{margin-right:10px}}
/* Hero trust badge enhancement */
.heroTrust{display:block;text-align:center}
.heroTrustPrimary,.heroTrustSecondary{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;max-width:100%}
.heroTrustPrimary{gap:6px 18px;font-weight:600;letter-spacing:.35px;opacity:1}
.heroTrustPrimary span{flex:1 1 0;min-width:0}
.heroTrustSecondary{gap:2px 8px;margin-top:4px;font-size:.85em;font-weight:400;opacity:.76}
.heroTrustSecondary i{font-style:normal}
@media(max-width:760px){.heroTrustPrimary,.heroTrustSecondary{justify-content:center}.heroTrustPrimary span{flex:0 1 auto}}

/* Homepage entry for Thai businesses that want to welcome Chinese visitors */
/* Retired homepage modules are removed by public-chrome before interaction. */
#translate .title .eyebrow,#music{display:none}

.translationUnavailable{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;padding:12px 14px;border:1px solid #f1cc92;border-radius:10px;background:#fff8e9;color:#73511b;font-size:14px}.translationUnavailable a{flex:0 0 auto;color:#0d7c74;font-weight:800}.translationEntryChecking{cursor:wait!important;opacity:.7;pointer-events:none}.translateActions button:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:760px){.translationUnavailable{align-items:flex-start;flex-direction:column}.translationUnavailable a{padding:2px 0}}
@media(min-width:1401px) and (max-width:1500px){.headCta{padding-left:12px;padding-right:12px;font-size:22px}}
@media(max-width:440px){header{padding:0 10px;gap:8px}header .brand{min-width:0;gap:7px}header .brand>img{width:38px;height:38px}header .brand strong{font-size:24px}header .brand small{font-size:13px;letter-spacing:2px}header .brand .brandTagline{display:none}.headCta{display:none}.menu{font-size:36px;flex:0 0 auto}}
/* China Guide Latest */
.guideLatest{padding:80px max(24px,7vw);background:#f4fbfa;text-align:center}.guideLatest>div{max-width:1180px;margin:auto}.guideLatest h2{font-size:clamp(36px,5vw,62px);margin:10px 0}.guideLatest>div>p{color:#687386;font-size:20px}.guideLatestGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;text-align:left}.guideLatestCard{background:#fff;border:1px solid #dfecea;border-radius:18px;overflow:hidden;text-decoration:none;color:#202c3d;box-shadow:0 14px 35px rgba(20,90,84,.08)}.guideLatestCard img{width:100%;aspect-ratio:1/1;object-fit:cover}.guideLatestCard div{padding:18px}.guideLatestCard small{color:#0e9b90;font-weight:800}.guideLatestCard h3{font-size:22px;margin:7px 0}.guideLatestCard p{color:#687386;margin:0}.guideAllButton{display:inline-flex;padding:13px 20px;background:#16b6aa;color:#fff;border-radius:10px;text-decoration:none;font-weight:800}@media(max-width:850px){.guideLatestGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.guideLatest{padding:55px 18px}.guideLatestGrid{grid-template-columns:1fr}}
.guideLatestEmpty{grid-column:1/-1;margin:0;text-align:center}
.merchantLatest{padding:80px max(24px,7vw);background:#fff;text-align:center}.merchantLatest>div{max-width:1180px;margin:auto}.merchantLatest h2{font-size:clamp(36px,5vw,58px);margin:10px 0}.merchantLatest>div>p{font-size:20px;color:#687386}.merchantLatestGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;text-align:left}.merchantLatestCard{background:#fff;border:1px solid #dfecea;border-radius:18px;overflow:hidden;box-shadow:0 14px 35px rgba(20,90,84,.08)}.merchantLatestCard img{width:100%;aspect-ratio:1;object-fit:cover}.merchantLatestCard div{padding:18px}.merchantLatestCard small{color:#0e9b90;font-weight:800}.merchantLatestCard h3{font-size:22px;margin:7px 0}.merchantLatestCard b{font-size:16px}.merchantLatestCard p{font-size:16px;color:#687386}.merchantLatestActions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}@media(max-width:850px){.merchantLatestGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.merchantLatest{padding:55px 18px}.merchantLatestGrid{grid-template-columns:1fr}}
.contentIntegration{border-top:1px solid #dcebea;margin-top:25px;padding:24px;background:#f5fbfa;display:grid;gap:22px}.contentIntegration h3{font-size:22px;margin:0 0 12px}.integrationGuideGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.integrationGuideGrid a{display:flex;flex-direction:column;gap:6px;padding:14px;background:#fff;border:1px solid #dcebea;border-radius:12px;text-decoration:none;color:#203331}.integrationGuideGrid small{color:#12968d}.integrationGuideGrid span{font-size:14px;color:#687386}.integrationGuideGrid b{font-size:14px;color:#119b91}.integrationHuman{padding:18px;border-radius:13px;background:#e7f8f5}.integrationHuman p{font-size:16px}.integrationHuman a,.integrationAll{display:inline-flex;padding:11px 16px;border-radius:9px;background:#16b6aa;color:#fff;font-weight:800;text-decoration:none}@media(max-width:850px){.integrationGuideGrid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.contentIntegration{padding:17px}.integrationGuideGrid{grid-template-columns:1fr}}
.cmsBanner{background:#0d504b;color:#fff;padding:9px 20px}.cmsBanner>div{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:center;gap:15px}.cmsBanner img{width:48px;height:48px;object-fit:cover;border-radius:8px}.cmsBanner span{display:flex;flex-direction:column;font-size:16px}.cmsBanner small{opacity:.8}.cmsBanner a{background:#16b6aa;color:#fff;padding:8px 13px;border-radius:8px;font-size:14px;font-weight:800}@media(max-width:560px){.cmsBanner>div{align-items:flex-start;flex-direction:column}.cmsBanner img{display:none}}

/* Tourist Ready homepage conversion */
.touristReadyHome{padding:80px max(24px,7vw);background:var(--light);color:var(--text)}
.touristReadyContent{max-width:1120px;margin:0 auto}
.touristReadyHome .eyebrow{margin-bottom:12px;color:var(--p)}
.touristReadyHome h2{max-width:760px;margin:0;font-size:clamp(36px,5vw,60px);line-height:1.2}
.touristReadyHome h2 span{color:var(--p)}
.touristReadyLead{max-width:720px;margin:16px 0 30px;color:var(--gray);font-size:19px;line-height:1.65}
.touristReadySteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:tourist-ready-step}
.touristReadySteps li{position:relative;min-width:0;padding:20px 18px 18px 64px;border:1px solid var(--p);background:#fff;counter-increment:tourist-ready-step}
.touristReadySteps li::before{content:counter(tourist-ready-step);position:absolute;left:18px;top:18px;display:grid;place-items:center;width:30px;aspect-ratio:1;border-radius:50%;background:var(--p);color:#fff;font-weight:800}
.touristReadySteps strong,.touristReadySteps span{display:block}
.touristReadySteps strong{font-size:19px}
.touristReadySteps span{margin-top:7px;color:var(--gray);line-height:1.55}
.readyFamily{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.readyFamily article{padding:20px;border-top:4px solid var(--p);background:#fff}
.readyFamily h3{margin:0;color:var(--text);font-size:21px}
.readyFamily p{margin:8px 0 0;color:var(--gray);line-height:1.55}
.touristReadyActions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.touristReadyActions a:focus-visible{outline-color:var(--p)}
@media(min-width:761px){.touristReadyHome h2,.touristReadyLead{max-width:none}.touristReadyActions{justify-content:center}}
@media(max-width:760px){.touristReadyHome{padding:56px 20px}.touristReadyHome h2{font-size:38px}.touristReadyLead{font-size:17px}.touristReadySteps,.readyFamily{grid-template-columns:1fr}.touristReadyActions{flex-direction:column}.touristReadyActions .btn{text-align:center}}

/* Public navigation uses the same four ranges on every public page. */
@media(min-width:1600px){header nav{display:flex}.headCta{display:inline-flex}.menu{display:none}}
@media(min-width:761px) and (max-width:1599px){header{gap:16px;padding:0 max(2vw,24px)}header nav{display:none}.headCta{display:inline-flex;margin-left:auto;padding:10px 14px;font-size:20px;white-space:nowrap}.menu{display:block;flex:0 0 auto;border:0;background:transparent;font-size:40px}.mobileNav{position:fixed;z-index:19;top:76px;left:0;right:0;background:#fff;padding:20px 28px;box-shadow:0 15px 25px #0002;flex-direction:column;gap:11px}.mobileNav.open{display:flex}}
@media(min-width:441px) and (max-width:760px){header nav{display:none}.headCta{display:inline-flex;margin-left:auto;padding:8px 10px;font-size:0;white-space:nowrap}.headCta::after{content:'AI Translate';font-size:12px}.menu{display:block;flex:0 0 auto;border:0;background:transparent;font-size:36px}.mobileNav{top:67px}}
@media(max-width:440px){header nav{display:none}.headCta{display:none}.menu{display:block;flex:0 0 auto;border:0;background:transparent;font-size:36px}.mobileNav{top:67px}}