:root{--gold:#a66b13;--gold2:#d8ad4e;--cream:#fffaf0;--pink:#fff1f3;--mint:#edf8f2;--lav:#f4efff;--ink:#2f2a24;--muted:#6f665d;--line:#ead9bd;--white:#fff;--shadow:0 14px 38px rgba(103,73,26,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans Thai","Leelawadee UI",Tahoma,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--cream),#fff 28%,var(--pink) 72%,var(--mint));line-height:1.72}
img{display:block;max-width:100%;height:auto}a{color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:30;background:rgba(255,250,240,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;color:#6c4209}.brand img{width:52px;height:52px;object-fit:contain}.navlinks{display:flex;gap:18px;align-items:center}.navlinks a{text-decoration:none;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 22px rgba(166,107,19,.22)}
.hero{padding:72px 0 48px;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);z-index:-1}.hero:before{width:320px;height:320px;background:#ffe1e7;right:-90px;top:5px}.hero:after{width:260px;height:260px;background:#e6f7ed;left:-110px;bottom:-70px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:center}.eyebrow{display:inline-block;background:#fff3cb;color:#70480d;padding:7px 13px;border-radius:999px;font-weight:800}.hero h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.16;margin:18px 0;color:#473014}.hero p{font-size:1.13rem;color:var(--muted);max-width:720px}.hero-card{padding:14px;background:rgba(255,255,255,.78);border:1px solid rgba(216,173,78,.38);border-radius:28px;box-shadow:var(--shadow)}.hero-card img{aspect-ratio:4/3;object-fit:cover;border-radius:20px}
.section{padding:54px 0}.section h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.3;color:#70480d;margin:0 0 12px}.lead{color:var(--muted);max-width:820px}.answer{background:linear-gradient(135deg,#fff8df,#fff);border-left:6px solid var(--gold2);padding:24px;border-radius:0 18px 18px 0;box-shadow:var(--shadow);font-size:1.07rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow)}.card h3{margin-top:0;color:#795019}.card a{color:#764b0b;font-weight:800}.pastel-a{background:#fff7dc}.pastel-b{background:var(--pink)}.pastel-c{background:var(--mint)}.pastel-d{background:var(--lav)}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery a{display:block;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .35s}.gallery a:hover img{transform:scale(1.035)}.ad-slot{display:block;margin:42px auto;max-width:1000px;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.ad-slot img{width:100%;max-height:260px;object-fit:cover}
.breadcrumb{font-size:.94rem;color:var(--muted);padding-top:22px}.breadcrumb a{color:#744b10}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0;list-style:none}.checks li{background:#fff;border:1px solid var(--line);padding:14px 16px;border-radius:14px}.checks li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:9px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:12px 0}.faq summary{cursor:pointer;font-weight:800;color:#68430d}.related{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.related a{background:#fff;border:1px solid var(--line);padding:16px;border-radius:14px;text-decoration:none;font-weight:700}.related a:hover{border-color:var(--gold2)}
.category{margin:32px 0}.category-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.topic-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0;list-style:none}.topic-list a{display:block;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px 15px;text-decoration:none}.topic-list a:hover{border-color:var(--gold2);transform:translateY(-1px)}.num{color:var(--gold);font-weight:900;margin-right:7px}
.cta-band{background:linear-gradient(135deg,#6d4307,#a66b13);color:#fff;border-radius:24px;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{color:#fff;margin:0}.cta-band .button{background:#fff;color:#764b0b}
footer{margin-top:55px;background:#372710;color:#f7e9cf;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:50%}.small{font-size:.92rem;color:#d8c8ad}.fab{position:fixed;right:18px;bottom:18px;z-index:40}
@media(max-width:800px){.hero-grid,.grid,.footer-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.topic-list,.related,.checks{grid-template-columns:1fr}.navlinks>a:not(.button){display:none}.hero{padding-top:42px}.cta-band{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.gallery{grid-template-columns:1fr}.brand span{font-size:.94rem}.wrap{width:min(100% - 22px,1160px)}.hero h1{font-size:2.1rem}}