@font-face{font-family:Kodchasan;src:url(fonts/Kodchasan-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Regular.ttf);font-display:swap}@font-face{font-family:Sarabun;src:url(fonts/Sarabun-Bold.ttf);font-weight:700;font-display:swap}:root{--ink:oklch(.16 .035 145);--green:oklch(.35 .11 140);--sun:oklch(.88 .17 88);--surface:oklch(.965 .012 140);--muted:oklch(.43 .035 145)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.78 Sarabun,Arial,sans-serif}a{color:inherit}.head{display:flex;justify-content:space-between;gap:20px;padding:20px max(20px,calc((100vw - 980px)/2));border-bottom:3px solid var(--ink)}.head a{text-decoration:none}.brand{font:700 1.25rem Kodchasan,sans-serif}.back{font-weight:700;color:var(--green)}.hero{background:var(--green);color:white;padding:85px 20px}.hero>div,.content{width:min(880px,100%);margin:auto}.hero b{color:var(--sun)}.hero h1{font:700 clamp(3rem,8vw,5.5rem)/1.1 Kodchasan,sans-serif;letter-spacing:-.03em;margin:16px 0}.content{padding:70px 20px}.notice{background:var(--sun);padding:18px 20px;font-weight:700}.content h2{font:700 1.75rem/1.2 Kodchasan,sans-serif;margin:42px 0 10px;padding-top:18px;border-top:2px solid var(--ink)}.content p,.content li{color:var(--muted)}.content a{color:var(--green);font-weight:700}footer{background:oklch(.08 0 0);color:white;text-align:center;padding:30px 20px}footer a{color:var(--sun)}@media(max-width:600px){.head{flex-direction:column}.hero{padding:60px 16px}.content{padding:50px 16px}}