:root{
  --blue-950:#062d5f;
  --blue-900:#0a3d78;
  --blue-700:#1768ac;
  --blue-500:#3c8dcc;
  --blue-100:#eaf4fb;
  --blue-050:#f5f9fc;
  --gold-700:#a97812;
  --gold-500:#d3a72f;
  --gold-100:#fbf4df;
  --green:#06c755;
  --ink:#213247;
  --muted:#66788b;
  --line:#dde6ee;
  --surface:#fff;
  --shadow-sm:0 7px 20px rgba(15,58,98,.08);
  --shadow-md:0 16px 38px rgba(15,58,98,.12);
  --container:1240px;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:#fff;color:var(--ink);font-family:"Kanit",Tahoma,"Leelawadee UI",Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.72;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{color:var(--blue-950);line-height:1.3;font-weight:600}
h1{font-size:clamp(2.1rem,4vw,3.25rem)}
h2{font-size:clamp(1.75rem,3vw,2.55rem)}
h3{font-size:1.12rem}
p{margin-bottom:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:16px;top:-70px;z-index:2000;background:#fff;color:var(--blue-900);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow-sm)}
.skip-link:focus{top:14px}
:focus-visible{outline:3px solid rgba(60,141,204,.35);outline-offset:3px}