:root{--bg:#0b1630;--bg-2:#0f1d3d;--surface:#12224a;--surface-2:#162a57;--line:#22355f;--line-2:#2e4677;--text:#e6ebf5;--muted:#a3aec4;--dim:#7f8ba3;--accent:#22d3ee;--on-accent:#04121a;--ok:#34d399;--font-display:"Anuphan", "Noto Sans Thai", system-ui, sans-serif;--font-body:"IBM Plex Sans Thai", "Noto Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:16px;--wrap:1200px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.2}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}.section{padding-block:96px}.band{background:var(--bg-2);border-block:1px solid var(--line)}.theme-light{--bg:#f4f7fb;--bg-2:#eaf0f7;--surface:#fff;--surface-2:#f4f7fb;--line:#dde4ee;--line-2:#c5d0df;--text:#0b1426;--muted:#4a5873;--dim:#5f6c85;--accent:#0e7490;--on-accent:#fff;background:var(--bg);color:var(--text)}.theme-light.band{background:var(--bg-2)}.theme-light .card{box-shadow:0 1px 2px #0b14260d}.theme-light .gridbg{background-image:linear-gradient(#0b14260f 1px,#0000 1px),linear-gradient(90deg,#0b14260f 1px,#0000 1px)}.gridbg{background-image:linear-gradient(#7896c812 1px,#0000 1px),linear-gradient(90deg,#7896c812 1px,#0000 1px);background-size:48px 48px}.kicker{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:13px}.h2{font-size:clamp(28px,3.5vw,40px);font-weight:700}.lead{color:var(--muted);max-width:60ch}.muted{color:var(--muted)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.section-head>div{flex-direction:column;gap:12px;max-width:640px;display:flex}.btn{border:1px solid var(--line-2);border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:12px 22px;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{filter:brightness(1.08);border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.prose{max-width:72ch;color:var(--text)}.prose>*+*{margin-top:1.1em}.prose h2{color:var(--text);margin-top:1.8em;font-size:28px}.prose h3{color:var(--text);margin-top:1.5em;font-size:22px}.prose a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.prose ul,.prose ol{padding-left:1.3em}.prose code{font-family:var(--font-mono);background:var(--surface-2);border-radius:6px;padding:.15em .4em;font-size:.9em}.prose pre{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px;overflow-x:auto}.prose img{border-radius:12px}.prose blockquote{border-left:2px solid var(--line-2);color:var(--muted);margin:0;padding-left:16px}.site-header[data-astro-cid-nen7h5rs]{border-bottom:1px solid var(--line);backdrop-filter:blur(8px);z-index:10;background:#ffffffeb;position:sticky;top:0}.bar[data-astro-cid-nen7h5rs]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-block:14px;display:flex}.brand[data-astro-cid-nen7h5rs]{align-items:center;gap:12px;display:flex}.logo[data-astro-cid-nen7h5rs]{width:auto;height:34px;display:block}.mark[data-astro-cid-nen7h5rs]{background:var(--accent);width:40px;height:40px;color:var(--on-accent);font-family:var(--font-mono);border-radius:10px;place-items:center;font-weight:500;display:grid}.name[data-astro-cid-nen7h5rs]{flex-direction:column;line-height:1.2;display:flex}.name[data-astro-cid-nen7h5rs] strong[data-astro-cid-nen7h5rs]{font-family:var(--font-display);font-size:18px}.name[data-astro-cid-nen7h5rs] small[data-astro-cid-nen7h5rs]{color:var(--muted);font-size:12px}.nav[data-astro-cid-nen7h5rs]{gap:4px 24px;font-size:15px;display:flex}.nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]{color:var(--muted);white-space:nowrap;padding:10px 0}.nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs]:hover,.nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page]{color:var(--text)}.nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs][aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent)}.actions[data-astro-cid-nen7h5rs]{gap:10px;display:flex}.actions[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs]{min-height:44px;padding:10px 16px;font-size:14px}.ghost[data-astro-cid-nen7h5rs]{color:var(--muted);font-weight:500}@media (width<=900px){.actions[data-astro-cid-nen7h5rs] .ghost[data-astro-cid-nen7h5rs]{display:none}.nav[data-astro-cid-nen7h5rs]{scrollbar-width:none;order:3;width:100%;overflow-x:auto}}@media (width<=480px){.logo[data-astro-cid-nen7h5rs]{height:28px}.name[data-astro-cid-nen7h5rs] small[data-astro-cid-nen7h5rs]{display:none}.actions[data-astro-cid-nen7h5rs] .btn[data-astro-cid-nen7h5rs]{padding:10px 12px}}.site-footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted);font-size:14px}.cols[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-block:48px;display:grid}.col[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:8px;display:flex}.col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--text)}.fname[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);color:var(--text);font-size:18px}.head[data-astro-cid-jo6i4kqk]{color:var(--text);font-weight:600}.copy[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--line);color:var(--dim);padding-block:20px 32px;font-size:13px}