*{box-sizing:border-box}
body{margin:0;font-family:Sarabun,system-ui,sans-serif;color:#1d2420;background:#f7f7f5;line-height:1.65;font-size:16px}
a{color:#2f7d5b}
.hd{position:sticky;top:0;z-index:5;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#1f3d30;color:#fff;padding:10px 16px}
.hd .logo{color:#fff;font-weight:700;text-decoration:none;font-size:18px}
.hd .ttl{opacity:.85}
.hd input{margin-left:auto;flex:1 1 240px;max-width:420px;border:0;border-radius:10px;padding:9px 12px;font:inherit}
.hd select{border:0;border-radius:8px;padding:6px 8px;font:inherit}
.wrap{display:flex;max-width:1200px;margin:0 auto;gap:20px;padding:16px}
nav{flex:0 0 240px;position:sticky;top:64px;align-self:flex-start;max-height:calc(100vh - 80px);overflow:auto;font-size:15px}
nav a{display:block;padding:5px 10px;border-radius:8px;text-decoration:none;color:#333}
nav a:hover{background:#e6f2ec}
nav .grp{font-weight:700;margin:14px 0 4px;padding:0 10px}
main{flex:1;min-width:0}
section{background:#fff;border:1px solid #e3e3e3;border-radius:14px;padding:18px 22px;margin-bottom:16px;scroll-margin-top:70px}
h1{font-size:23px;margin:0 0 10px}
h2{font-size:19px;margin:16px 0 6px}
img{display:block;max-width:100%;border:1px solid #e3e3e3;border-radius:10px;margin:10px 0;cursor:zoom-in;box-shadow:0 2px 10px rgba(0,0,0,.05)}
img.phone{max-width:340px}
code{background:#f0f2f1;border-radius:6px;padding:1px 6px;font-size:.92em}
.steps>li{margin-bottom:12px}
.tip{background:#eef8f2;border:1px solid #cfe8da;border-radius:10px;padding:10px 14px;margin:10px 0}
.pl{font-size:13px;background:#e8f4ee;color:#2f7d5b;border-radius:20px;padding:2px 10px;vertical-align:middle;font-weight:600}
.pl.pro{background:#efeafd;color:#3c2d8c}
details{border:1px solid #e3e3e3;border-radius:10px;padding:8px 12px;margin:8px 0}
summary{cursor:pointer;font-weight:600}
.hide{display:none!important}
.note{color:#666}
.ft{text-align:center;color:#777;font-size:14px;padding:20px 0}
.legal h2{font-size:18px;margin-top:20px}
.legal{max-width:860px;margin:16px auto}
@media (max-width:820px){.wrap{display:block;padding:10px}nav{position:static;max-height:none;background:#fff;border:1px solid #e3e3e3;border-radius:14px;padding:8px;margin-bottom:12px;columns:2;column-gap:10px}nav .grp{break-after:avoid}section{padding:14px}h1{font-size:20px}}