:root{--ink:#33281f;--muted:#705f53;--gold:#b77713;--gold2:#e6b94f;--cream:#fffaf0;--rose:#f7e6dd;--mint:#e5f2e9;--sky:#e8f0f6;--white:#fff;--line:#e8d8bd;--shadow:0 18px 50px rgba(98,60,15,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(180deg,#fffdf8,#fff9ed 45%,#f9f4eb);font-family:"Leelawadee UI","Noto Sans Thai",Tahoma,sans-serif;line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:#fff;padding:10px}
.site-nav{position:sticky;top:0;z-index:50;background:rgba(255,253,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(183,119,19,.18)}.nav-inner{max-width:1180px;margin:auto;height:76px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:800;color:#7c4804}.brand img{object-fit:contain}.nav-links{display:flex;align-items:center;gap:24px}.nav-links>a:hover{color:var(--gold)}.mini-cta,.primary-cta{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d9a62e,#925207);color:#fff;border-radius:14px;padding:13px 22px;font-weight:800;box-shadow:0 10px 28px rgba(146,82,7,.22);transition:.2s}.mini-cta{padding:9px 16px}.primary-cta:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(146,82,7,.3)}
.home-hero,.article-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 18%,rgba(230,185,79,.34),transparent 28%),radial-gradient(circle at 8% 75%,rgba(247,230,221,.9),transparent 30%),linear-gradient(145deg,#fffdf7,#f9efe1);border-bottom:1px solid var(--line)}.home-hero{min-height:620px;display:grid;align-items:center}.article-hero{min-height:500px;display:grid;align-items:center}.ornament{position:absolute;width:430px;height:430px;border:2px solid rgba(183,119,19,.18);border-radius:50%;right:-90px;top:-120px}.ornament:before,.ornament:after{content:"";position:absolute;inset:55px;border:1px solid rgba(183,119,19,.2);border-radius:42% 58% 52% 48%;transform:rotate(27deg)}.ornament:after{inset:120px;transform:rotate(67deg)}.hero-inner{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:auto;padding:72px 0}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:20px}.breadcrumb a{color:#8b570b}.eyebrow{margin:0 0 10px;color:#96600e;font-weight:850;letter-spacing:.05em}.hero-inner h1{max-width:900px;margin:0 0 20px;font-size:clamp(2.25rem,6vw,4.9rem);line-height:1.12;letter-spacing:-.035em}.article-hero h1{font-size:clamp(2rem,5vw,4rem)}.hero-inner h1 span{color:var(--gold)}.hero-inner>p:not(.eyebrow){max-width:760px;font-size:1.15rem;color:var(--muted)}.hero-actions{display:flex;gap:14px;margin-top:30px}.secondary-cta{display:inline-flex;align-items:center;padding:12px 21px;border:1px solid var(--gold);color:#84500b;border-radius:14px;font-weight:800;background:rgba(255,255,255,.6)}.trust-row{display:flex;flex-wrap:wrap;gap:24px;margin-top:44px;color:#6f573b;font-weight:700}.trust-row span:before{content:"✦";color:var(--gold);margin-right:8px}
.home-main,.content-wrap{width:min(1180px,calc(100% - 40px));margin:auto}.home-main{padding:70px 0}.content-wrap{padding:54px 0}.intro-card,.answer-card,.final-cta{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:var(--radius);padding:38px;box-shadow:var(--shadow)}.intro-card h2,.answer-card h2,.section-heading h2,.article-content h2{margin:.15em 0 .45em;line-height:1.28;font-size:clamp(1.65rem,3vw,2.5rem)}.section-heading{text-align:center;max-width:760px;margin:90px auto 34px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-card{min-height:210px;padding:26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,230,221,.52));box-shadow:0 8px 28px rgba(104,68,22,.08);transition:.2s}.category-card:nth-child(3n+2){background:linear-gradient(145deg,#fff,var(--mint))}.category-card:nth-child(3n){background:linear-gradient(145deg,#fff,var(--sky))}.category-card:hover{transform:translateY(-4px);border-color:#d4a44a}.category-card>span,.group-title>span{color:#97620f;font-weight:800;font-size:.86rem}.category-card h3{font-size:1.32rem;margin:42px 0 5px}.category-card p{color:var(--muted);margin:0}
.ad-card{width:min(100%,700px);aspect-ratio:700/394;margin:70px auto;border-radius:22px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.ad-card a{display:block;width:100%;height:100%}.ad-card img{width:100%;height:100%;object-fit:contain}.topic-group{scroll-margin-top:100px;margin:34px 0;background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:24px;padding:28px}.group-title{display:flex;flex-wrap:wrap;align-items:end;gap:12px 22px;border-bottom:1px solid var(--line);padding-bottom:18px}.group-title .eyebrow{flex-basis:100%;margin:0}.group-title h2{margin:0;font-size:1.65rem}.topic-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin:20px 0 0;padding:0;list-style:none}.topic-list li{border-bottom:1px dashed #e7d9c5}.topic-list a{display:flex;gap:13px;padding:11px 5px;color:#49392d}.topic-list a:hover{color:#9a5d08;background:#fff9ed}.topic-list span{flex:0 0 42px;color:#a06b18;font-size:.8rem}
.article-content{max-width:940px;margin:auto}.article-content>section{margin:58px 0}.article-content p,.article-content li{font-size:1.04rem;color:#5c4b3f}.answer-card{display:block;margin-top:-105px;position:relative;z-index:3}.lead{font-size:1.18rem!important}.check-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;list-style:none;padding:0;margin-top:24px}.check-list li{background:#fff9eb;border:1px solid #ead4aa;border-radius:15px;padding:16px}.check-list li:before{content:"✓";color:#a86b0c;font-weight:900;margin-right:8px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.step-grid article{padding:23px;border-radius:20px;background:#fff;border:1px solid var(--line)}.step-grid span{color:#b17718;font-weight:900}.step-grid h3{margin:.3em 0}.note{background:var(--rose);border-left:5px solid var(--gold);padding:20px;border-radius:6px 18px 18px 6px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery figure{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--line)}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:.25s}.gallery a:hover img{transform:scale(1.035)}.gallery figcaption{padding:11px 14px;color:var(--muted);font-size:.88rem}
.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}.faq-list summary{cursor:pointer;font-weight:800;padding:18px 34px 18px 0;position:relative}.faq-list summary:after{content:"+";position:absolute;right:0;color:var(--gold);font-size:1.4rem}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:0 0 20px}.final-cta{background:linear-gradient(135deg,#fff3d1,var(--rose));grid-template-columns:1fr auto}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:50px}.article-nav a{border:1px solid var(--line);background:#fff;padding:18px;border-radius:16px}.article-nav a:last-child{text-align:right}
.site-footer{width:min(1180px,calc(100% - 40px));margin:50px auto 0;padding:44px;display:grid;grid-template-columns:2fr 1fr;gap:30px;background:#33281f;color:#f8ead6;border-radius:28px 28px 0 0}.site-footer .brand{color:#f2c568}.site-footer>div:nth-child(2){display:flex;flex-direction:column;gap:8px}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16);padding-top:20px;color:#cdbba7}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.consult-button{position:fixed;right:22px;bottom:22px;z-index:70;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;border:0;border-radius:18px;padding:12px 18px;background:linear-gradient(135deg,#d9a62e,#844805);color:#fff;box-shadow:0 14px 36px rgba(80,46,8,.35);cursor:pointer;font:inherit;text-align:left}.consult-button span{grid-row:1/3;font-size:1.45rem}.consult-button strong{font-size:1rem;line-height:1.15}.consult-button small{font-size:.72rem;opacity:.86}.consult-dialog{position:fixed;right:22px;bottom:94px;z-index:90;width:min(430px,calc(100% - 28px));max-height:min(710px,calc(100vh - 120px));display:flex;flex-direction:column;background:#fffdf8;border:1px solid #d9b66f;border-radius:24px;box-shadow:0 28px 80px rgba(48,30,12,.32);overflow:hidden}.consult-dialog[hidden],.consult-backdrop[hidden]{display:none}.consult-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;background:linear-gradient(135deg,#4a3522,#7c4b0b);color:#fff}.consult-head p,.consult-head h2{margin:0}.consult-head p{font-size:.76rem;color:#f4dcae}.consult-head h2{font-size:1.08rem}.consult-head button{border:0;background:rgba(255,255,255,.13);color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.6rem;cursor:pointer}.consult-notice{padding:9px 16px;background:#fff0cc;color:#684817;font-size:.78rem;line-height:1.45}.consult-messages{min-height:210px;overflow:auto;padding:17px;display:flex;flex-direction:column;gap:11px;overscroll-behavior:contain}.chat-message{max-width:88%;padding:11px 14px;border-radius:16px;white-space:pre-wrap;line-height:1.55;font-size:.92rem}.chat-message.assistant{align-self:flex-start;background:#f5ead7;border-bottom-left-radius:5px}.chat-message.user{align-self:flex-end;background:#8c570d;color:#fff;border-bottom-right-radius:5px}.chat-message.error{background:#ffe0dc;color:#7c2118}.urgent-contact{padding:12px 14px;background:#fff7e8;border-top:1px solid #ead2a7;border-bottom:1px solid #ead2a7}.urgent-contact>div:first-child{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}.urgent-contact strong{color:#7b4605}.urgent-contact span{font-size:.76rem;color:var(--muted)}.urgent-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.urgent-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;color:#fff;font-weight:850;font-size:.88rem}.urgent-call{background:#b33b27}.urgent-line{background:#00a83b}.consult-form{padding:13px;background:#fff}.consult-form textarea{width:100%;resize:none;border:1px solid #d9c39f;border-radius:13px;padding:11px 12px;font:inherit;line-height:1.45;outline:none}.consult-form textarea:focus{border-color:#ad7114;box-shadow:0 0 0 3px rgba(183,119,19,.12)}.consult-form>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.consult-form span{font-size:.78rem;color:var(--muted)}.consult-form button{border:0;border-radius:11px;background:#9a600d;color:#fff;padding:9px 17px;font:inherit;font-weight:800;cursor:pointer}.consult-form button:disabled{opacity:.58;cursor:wait}.consult-backdrop{position:fixed;inset:0;z-index:80;background:rgba(38,27,17,.28);backdrop-filter:blur(2px)}
@media(max-width:850px){.nav-links>a:not(.mini-cta){display:none}.category-grid{grid-template-columns:1fr 1fr}.topic-list{grid-template-columns:1fr}.intro-card,.final-cta{grid-template-columns:1fr}.check-list,.step-grid,.gallery{grid-template-columns:1fr 1fr}.answer-card{margin-top:-70px}.site-footer{grid-template-columns:1fr}.copyright{grid-column:auto}}
@media(max-width:560px){.nav-inner{padding:0 14px}.brand span{font-size:.95rem}.mini-cta{font-size:.82rem;padding:8px 11px}.home-hero{min-height:570px}.hero-inner{width:min(100% - 28px,1180px);padding:52px 0}.hero-actions{flex-direction:column}.home-main,.content-wrap{width:min(100% - 24px,1180px)}.category-grid,.check-list,.step-grid,.gallery{grid-template-columns:1fr}.topic-group{padding:20px 15px}.intro-card,.answer-card,.final-cta{padding:24px}.article-nav{grid-template-columns:1fr}.article-nav a:last-child{text-align:left}.site-footer{width:calc(100% - 20px);padding:28px 22px}.consult-button{right:12px;bottom:12px;padding:11px 14px}.consult-dialog{inset:10px 10px 78px;width:auto;max-height:none}.consult-messages{min-height:0;flex:1}}