:root{--gold:#ffc211;--gold-hover:#e6b00f;--ink:#231f20;--paper:#fdfffc;--cream:#fff8df;--muted:#665f60;--line:#d8d6d4;--max:1160px;--footer-wave:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--paper);min-height:100vh;color:var(--ink);flex-direction:column;margin:0;font-family:Noto Sans Thai,sans-serif;line-height:1.6;display:flex}main{flex:1}a{color:inherit}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{z-index:100;background:var(--ink);color:#fff;border-radius:8px;padding:10px 14px;transition:top .2s;position:fixed;top:-60px;left:16px}.skip:focus{top:16px}.eyebrow{color:#755900;letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:700}.button{cursor:pointer;border:0;border-radius:99px;justify-content:center;align-items:center;gap:9px;padding:13px 20px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--gold{background:var(--gold);color:var(--ink);box-shadow:0 7px #d2a008}a:focus-visible,button:focus-visible{outline-offset:3px;outline:3px solid #806600}.qna-hero{background:linear-gradient(180deg,var(--cream),var(--paper));padding:158px 0 72px}.qna-hero__layout{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:end;gap:64px;display:grid}.back-row{margin:0 0 28px}.nav-home{color:#725800;text-underline-offset:4px;font-size:.9rem;font-weight:700;text-decoration:underline}.qna-hero h1{letter-spacing:-.065em;max-width:760px;margin:0;font-size:clamp(3rem,7vw,6.4rem);line-height:.98}.qna-hero__body{max-width:470px;color:var(--muted);margin:0 0 8px;font-size:1.08rem}.qna-nav-shell{z-index:8;border-block:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fdfffcf0;position:sticky;top:86px}.qna-nav{align-items:center;gap:28px;min-height:72px;display:flex}.qna-nav>p{flex:none;margin:0;font-size:.82rem;font-weight:700}.qna-nav__links{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.qna-nav__links::-webkit-scrollbar{display:none}.qna-nav__links a{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:99px;flex:none;padding:8px 13px;font-size:.8rem;font-weight:700;text-decoration:none}.qna-nav__links a:hover{border-color:var(--gold);color:var(--ink);background:var(--cream)}.qna-categories{padding:36px 0 92px}.qna-category{grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:64px;padding:60px 0;scroll-margin-top:170px;display:grid}.qna-category+.qna-category{border-top:1px solid var(--line)}.qna-category__header{align-items:flex-start;gap:18px;display:flex}.qna-category__number{background:var(--ink);color:#fff;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:.76rem;font-weight:700;display:grid}.qna-category[data-category=monthly] .qna-category__number{background:var(--gold);color:var(--ink)}.qna-category h2{letter-spacing:-.04em;max-width:320px;margin:4px 0 0;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.15}.qna-help{background:var(--ink);color:#fff;padding:76px 0 84px}.qna-help__layout{justify-content:space-between;align-items:center;gap:48px;display:flex}.qna-help h2{letter-spacing:-.045em;max-width:700px;margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.qna-help p:not(.eyebrow){color:#d8d1d1;max-width:650px;margin:18px 0 0}.qna-help .eyebrow{color:var(--gold)}.qna-help .button{flex:none}@media (width<=850px){.qna-hero__layout{grid-template-columns:1fr;gap:26px}.qna-hero__body{max-width:680px}.qna-nav-shell{top:82px}.qna-nav{flex-direction:column;align-items:flex-start;gap:10px;padding-block:13px}.qna-nav__links{width:100%}.qna-category{grid-template-columns:1fr;gap:26px;padding:46px 0}.qna-category h2{max-width:none}.qna-help__layout{flex-direction:column;align-items:flex-start}}@media (width<=570px){.wrap{width:min(100% - 28px,var(--max))}.qna-hero{padding:122px 0 50px}.back-row{margin-bottom:22px}.qna-hero h1{font-size:clamp(2.8rem,15vw,4.5rem)}.qna-hero__body{font-size:1rem}.qna-nav-shell{top:74px}.qna-nav{min-height:0}.qna-categories{padding-top:16px;padding-bottom:62px}.qna-category{gap:20px;padding:38px 0}.qna-category__header{gap:13px}.qna-category__number{flex-basis:36px;width:36px;height:36px}.qna-category h2{font-size:1.65rem}.qna-help{padding:58px 0 66px}.qna-help__layout{gap:30px}.qna-help .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.skip{transition:none}}