:root{--cream:#f5f1e8;--olive:#4d5945;--sage:#a8b09b;--ink:#292929;--muted:#6d6a63;--line:rgba(41,41,41,.14);--paper:#fbfaf6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topbar{height:30px;background:var(--olive);color:#fff;display:grid;place-items:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}header{height:78px;border-bottom:1px solid var(--line);background:rgba(245,241,232,.96);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.faq-hero{padding:92px 0 76px;border-bottom:1px solid var(--line);overflow:hidden}.faq-hero .wrap{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.eyebrow{display:block;margin-bottom:20px;color:var(--olive);font:600 .76rem Manrope;letter-spacing:.17em;text-transform:uppercase}.faq-hero h1{max-width:760px;margin:0;font:600 var(--page-title-size)/.9 Manrope;letter-spacing:-.065em}.hero-note{max-width:430px;color:var(--muted);font-size:1.05rem;line-height:1.75;margin:0}.faq-main{padding:72px 0 110px}.faq-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px;align-items:start}.faq-index-shell{position:sticky;top:132px;min-width:0}.faq-index span{display:block;margin-bottom:18px;font:.7rem Manrope;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--olive)}.faq-index a{display:block;padding:9px 0;color:var(--muted);font-size:.9rem}.faq-index a:hover{color:var(--ink)}.faq-scroll-hint{display:none}.faq-group{scroll-margin-top:130px;margin-bottom:64px}.faq-group-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.faq-group-heading h2{margin:0;font:600 clamp(1.8rem,3vw,2.7rem)/1 Manrope;letter-spacing:-.04em}.faq-group-heading span{font:600 .7rem Manrope;color:var(--olive);letter-spacing:.12em}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:grid;grid-template-columns:36px 1fr 32px;gap:14px;align-items:center;border:0;background:transparent;padding:24px 0;color:var(--ink);text-align:left;cursor:pointer}.faq-number{font:600 .7rem Manrope;color:var(--olive);letter-spacing:.08em}.faq-question strong{font:600 1.02rem/1.45 Manrope}.faq-plus{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:1.1rem;transition:.25s}.faq-item.open .faq-plus{background:var(--olive);border-color:var(--olive);color:#fff;transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-answer>div{overflow:hidden}.faq-answer p{max-width:760px;margin:0;padding:0 46px 25px;color:var(--muted);font-size:.98rem;line-height:1.75}.faq-item.open .faq-answer{grid-template-rows:1fr}.faq-contact{margin-top:18px;padding:34px;background:var(--olive);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.faq-contact h2{margin:0 0 7px;font:600 1.55rem Manrope}.faq-contact p{margin:0;color:rgba(255,255,255,.72)}.faq-contact a{flex:0 0 auto;padding:13px 20px;border-radius:100px;background:#fff;color:var(--olive);font-weight:700}footer{border-top:1px solid var(--line);padding:24px 0;color:var(--muted);font-size:.8rem}footer .wrap{display:flex;justify-content:space-between}
@media(max-width:850px){.wrap{width:min(100% - 32px,1180px)}.faq-hero{padding:50px 0 38px}.faq-hero .wrap{grid-template-columns:1fr;gap:20px}.faq-main{padding:26px 0 64px}.faq-layout{grid-template-columns:1fr;gap:30px}.faq-index-shell{position:relative;top:auto;min-width:0}.faq-index{display:flex;gap:0;width:100%;overflow-x:auto;padding:4px;background:var(--paper);border:1px solid var(--line);border-radius:10px;scrollbar-width:none}.faq-index::-webkit-scrollbar{display:none}.faq-index span{display:none}.faq-index a{flex:0 0 auto;padding:10px 13px;border:0;border-radius:6px;font-size:.77rem}.faq-index a+a{border-left:1px solid var(--line);border-radius:0}.faq-index a:active{background:rgba(77,89,69,.1)}.faq-scroll-hint{position:absolute;z-index:2;right:5px;top:50%;width:30px;height:30px;transform:translateY(-50%);border:0;border-radius:50%;background:var(--olive);color:#fff;box-shadow:0 4px 12px rgba(41,41,41,.2);place-items:center;padding:0;font-size:.92rem;line-height:1;cursor:pointer}.faq-index-shell.has-overflow:not(.at-end) .faq-scroll-hint{display:grid}.faq-index-shell.has-overflow:not(.at-end):after{content:"";position:absolute;right:0;top:1px;bottom:1px;width:58px;border-radius:0 10px 10px 0;background:linear-gradient(90deg,rgba(251,250,246,0),var(--paper) 58%);pointer-events:none}.faq-group{margin-bottom:40px}}
@media(max-width:580px){.faq-hero{padding:40px 0 30px}.faq-hero h1{font-size:var(--page-title-size)}.hero-note{font-size:.94rem;line-height:1.65}.faq-main{padding:22px 0 54px}.faq-layout{gap:24px}.faq-index a{padding:9px 11px;font-size:.73rem}.faq-question{grid-template-columns:26px 1fr 30px;gap:9px;padding:20px 0}.faq-question strong{font-size:.94rem}.faq-answer p{padding:0 39px 22px 35px;font-size:.91rem}.faq-contact{align-items:flex-start;flex-direction:column;padding:27px}.faq-contact a{width:100%;text-align:center}footer .wrap{gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.faq-answer,.faq-plus{transition:none}}
@media(max-width:850px){.faq-index{width:max-content;max-width:100%;padding-right:0}.faq-index,.faq-index-shell.has-overflow:not(.at-end):after{border-radius:0}}

html[lang="th"] .faq-hero h1{line-height:1.08}
html[lang="th"] .faq-hero .wrap{align-items:last baseline}
html[lang="th"] .faq-hero .hero-note{margin:0}
@media(max-width:850px){html[lang="th"] .faq-hero .wrap{align-items:start}}
@media(min-width:851px){html[lang="th"] .faq-hero .hero-note{position:relative;top:-3px}}