:root{
  --brand:#2454D6; --brand-deep:#16336E; --ink:#131E30; --ink-dim:#4B5A70;
  --surface:#ffffff; --surface-2:#E4EAF2; --line:#D7DEE7; --signal:#D6293E;
}
@media (prefers-color-scheme: dark){
  :root{
    --brand:#6C9BFF; --brand-deep:#0E1B2E; --ink:#E7EDF6; --ink-dim:#9CACC4;
    --surface:#101F35; --surface-2:#16283F; --line:#23364E; --signal:#FF6B7F;
  }
}
*{box-sizing:border-box;}
body{
  margin:0; background:var(--surface); color:var(--ink);
  font-family:'Sarabun',sans-serif; line-height:1.7; font-size:1rem;
}
h1,h2,h3{font-family:'Chakra Petch',sans-serif; line-height:1.35; color:var(--ink);}
h1{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.2rem); margin:.2em 0 .5em;}
h2{font-size:clamp(1.2rem,1.05rem + .7vw,1.5rem); margin:1.6em 0 .6em;}
h3{font-size:1.05rem; margin:1.2em 0 .4em;}
p{margin:0 0 1em;}
a{color:var(--brand);}
.wrap{max-width:760px; margin:0 auto; padding:0 20px;}
header.site{border-bottom:1px solid var(--line); padding:16px 0;}
header.site .wrap{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
.brand-name{font-family:'Chakra Petch',sans-serif; font-weight:700; color:var(--ink); text-decoration:none; font-size:1.05rem;}
.brand-name b{color:var(--signal);}
.back-link{font-size:.92rem; text-decoration:none;}
main{padding:32px 0 60px;}
table{width:100%; border-collapse:collapse; margin:1em 0 1.6em; font-size:.92rem;}
th,td{border:1px solid var(--line); padding:8px 10px; text-align:left; vertical-align:top;}
th{background:var(--surface-2); font-family:'Chakra Petch',sans-serif;}
ul,ol{padding-left:1.3em; margin:0 0 1em;}
li{margin-bottom:.3em;}
blockquote{
  margin:1.4em 0; padding:12px 16px; border-left:3px solid var(--brand);
  background:var(--surface-2); border-radius:0 8px 8px 0; font-size:.94rem;
}
.cta-box{
  margin:2em 0; padding:20px; border-radius:12px; background:var(--surface-2);
  border:1px solid var(--line);
}
.cta-box a{
  display:inline-block; margin-top:8px; background:var(--brand); color:#fff;
  padding:10px 18px; border-radius:8px; text-decoration:none; font-weight:600;
}
.faq h3{margin-top:1.2em;}
.faq p{color:var(--ink-dim);}
nav.internal-links{
  margin-top:2.4em; padding-top:1.4em; border-top:1px solid var(--line);
  font-size:.92rem; display:flex; flex-direction:column; gap:6px;
}
footer.site{border-top:1px solid var(--line); padding:20px 0; text-align:center; font-size:.85rem; color:var(--ink-dim);}