.faq-page{--faq-navy:#102a52;--faq-blue:#245edb;--faq-soft:#f2f6fd;--faq-line:#d9e3f1;color:#17243a;background:#f7f9fc}.faq-page *{box-sizing:border-box}.faq-page h1,.faq-page h2,.faq-page h3{font-family:"Kanit","Sarabun",sans-serif;color:var(--faq-navy);line-height:1.25}.faq-hero{padding:clamp(2.4rem,6vw,5rem) 0;background:radial-gradient(circle at 82% 15%,#d7e7ff 0,transparent 38%),linear-gradient(140deg,#f8fbff,#eaf2ff);text-align:center;border-bottom:1px solid var(--faq-line)}.faq-hero .container{max-width:920px}.faq-eyebrow{margin:0;color:var(--faq-blue);font-size:.8rem;font-weight:900;letter-spacing:.13em}.faq-hero h1{font-size:clamp(2.1rem,5vw,3.8rem);margin:.45rem 0}.faq-hero>div>p:not(.faq-eyebrow,.faq-search-summary){font-size:1.1rem;color:#52647c}.faq-search{display:flex;align-items:center;gap:.75rem;margin:1.8rem auto .7rem;padding:.35rem .55rem .35rem 1rem;min-height:62px;border:2px solid #c7d7ed;border-radius:18px;background:#fff;box-shadow:0 16px 38px #143c7a16}.faq-search:focus-within{border-color:var(--faq-blue);box-shadow:0 0 0 4px #245edb1a}.faq-search span[aria-hidden]{font-size:1.5rem;color:#60728d}.faq-search input{width:100%;min-height:50px;border:0;outline:0;background:transparent;font:1rem "Sarabun",sans-serif;color:#17243a}.faq-search-summary{margin:.5rem 0 0;color:#61728a;font-size:.92rem}.faq-main{padding:clamp(1.5rem,4vw,3.5rem) 0}.faq-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1.25rem}.faq-categories button{display:flex;align-items:center;gap:.8rem;min-height:72px;padding:.8rem 1rem;border:1px solid var(--faq-line);border-radius:16px;background:#fff;color:var(--faq-navy);font:800 .96rem "Sarabun",sans-serif;text-align:left;cursor:pointer}.faq-categories button b{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#edf3ff;color:var(--faq-blue);font-size:1.12rem}.faq-categories button:hover,.faq-categories button:focus-visible,.faq-categories button.active{border-color:#7da3ee;background:#edf4ff;box-shadow:0 8px 22px #245edb12}.faq-categories button:focus-visible,.faq-bulk button:focus-visible,.faq-item summary:focus-visible,.faq-feedback button:focus-visible{outline:3px solid #f1a722;outline-offset:2px}.faq-panel{max-width:980px;margin:0 auto;padding:clamp(1rem,3vw,2rem);border:1px solid var(--faq-line);border-radius:22px;background:#fff;box-shadow:0 14px 42px #173e7610}.faq-panel-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.faq-panel-head h2{margin:.25rem 0 0;font-size:clamp(1.5rem,3vw,2.1rem)}.faq-bulk{display:flex;gap:.45rem}.faq-bulk button{min-height:44px;padding:.55rem .8rem;border:1px solid #c9d7ea;border-radius:10px;background:#fff;color:#294b7d;font-weight:800;cursor:pointer}.faq-list{display:grid;gap:.7rem}.faq-item{border:1px solid var(--faq-line);border-radius:15px;background:#fff;overflow:hidden}.faq-item[hidden]{display:none}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:70px;padding:1rem 1.15rem;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:grid;gap:.25rem}.faq-item summary small{color:#687b94;font-size:.75rem;font-weight:700}.faq-item summary strong{color:var(--faq-navy);font-size:1.02rem}.faq-item summary i{position:relative;flex:0 0 32px;height:32px;border-radius:50%;background:#edf3ff}.faq-item summary i:before,.faq-item summary i:after{content:"";position:absolute;left:9px;right:9px;top:15px;height:2px;background:var(--faq-blue)}.faq-item summary i:after{transform:rotate(90deg);transition:transform .18s ease}.faq-item[open]{border-color:#9eb9ea;box-shadow:0 8px 20px #1d4d9410}.faq-item[open] summary{background:#f6f9ff}.faq-item[open] summary i:after{transform:rotate(0)}.faq-answer{padding:1rem 1.15rem 1.2rem;border-top:1px solid var(--faq-line);color:#34455e;line-height:1.75}.faq-rich-text>:first-child{margin-top:0}.faq-rich-text>:last-child{margin-bottom:0}.faq-rich-text ul,.faq-rich-text ol{padding-left:1.25rem}.faq-related,.faq-empty a{display:inline-flex;min-height:44px;align-items:center;margin-top:1rem;padding:.55rem .9rem;border-radius:10px;background:#eaf1ff;color:#194ebc;font-weight:800;text-decoration:none}.faq-feedback{margin-top:1.2rem;padding-top:1rem;border-top:1px dashed #d5dfed}.faq-feedback p{margin:.2rem 0 .6rem;font-weight:700}.faq-feedback>div{display:flex;flex-wrap:wrap;gap:.5rem}.faq-feedback button{min-height:44px;padding:.55rem .9rem;border:1px solid #c6d5e8;border-radius:10px;background:#fff;color:#294b7d;font-weight:800;cursor:pointer}.faq-feedback button.selected{border-color:#4b77d2;background:#edf4ff}.faq-thanks{color:#22724c}.faq-contact-reveal a{display:inline-flex;align-items:center;min-height:44px;color:#164fb6;font-weight:800}.faq-empty{text-align:center;padding:2.5rem 1rem}.faq-empty b{display:block;font-size:2rem}.faq-empty h3{font-size:1.35rem;margin:.8rem 0 .3rem}.faq-empty p{margin:0}.faq-help-box{display:flex;justify-content:space-between;align-items:center;gap:2rem;max-width:980px;margin:1.25rem auto 0;padding:clamp(1.25rem,4vw,2.2rem);border-radius:22px;background:linear-gradient(135deg,#102a52,#17499a);color:#dfeaff}.faq-help-box h2{margin:.35rem 0;color:#fff}.faq-help-box p{margin:.25rem 0}.faq-help-box ul{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:1rem 0 0;padding:0;list-style:none}.faq-help-box>div:last-child{display:flex;flex-wrap:wrap;gap:.7rem}.faq-help-box a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1rem;border:1px solid #8aa9db;border-radius:11px;color:#fff;font-weight:800;text-decoration:none}.faq-help-box a.primary{background:#fff;color:#12366f}.faq-help-box a:focus-visible{outline:3px solid #f1a722;outline-offset:3px}
@media(max-width:760px){.faq-categories{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.3rem}.faq-categories button{flex:0 0 72%;scroll-snap-align:start}.faq-panel{border-radius:16px;padding:1rem}.faq-panel-head{display:block}.faq-bulk{margin-top:.9rem}.faq-item summary{padding:.9rem;min-height:66px}.faq-answer{padding:.9rem}.faq-help-box{display:block;border-radius:16px}.faq-help-box>div:last-child{display:grid;margin-top:1.2rem}.faq-help-box ul{display:grid}.faq-search{min-height:58px}.faq-search input{font-size:16px}}@media(max-width:390px){.faq-categories button{flex-basis:84%}.faq-bulk button{flex:1}.faq-bulk{width:100%}}
[data-theme=dark] .faq-page{--faq-navy:#edf4ff;--faq-soft:#13243d;--faq-line:#344a69;color:#dbe6f5;background:#091729}[data-theme=dark] .faq-hero{background:radial-gradient(circle at 82% 15%,#183d70,transparent 38%),linear-gradient(140deg,#0b192b,#102744)}[data-theme=dark] .faq-hero>div>p:not(.faq-eyebrow,.faq-search-summary),[data-theme=dark] .faq-search-summary{color:#b7c6da}[data-theme=dark] .faq-search,[data-theme=dark] .faq-categories button,[data-theme=dark] .faq-panel,[data-theme=dark] .faq-item,[data-theme=dark] .faq-bulk button,[data-theme=dark] .faq-feedback button{background:#10223a;color:#e6eef9;border-color:#355070}[data-theme=dark] .faq-categories button.active,[data-theme=dark] .faq-item[open] summary{background:#173154}[data-theme=dark] .faq-answer{color:#cbd8e9}[data-theme=dark] .faq-related{background:#1b3d6e;color:#dceaff}@media(prefers-reduced-motion:reduce){.faq-page *{transition:none!important}}