:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:Arial,Helvetica,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}.shell{max-width:880px;margin:0 auto;padding:80px 24px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-weight:700}h1{margin:.3em 0;font-size:clamp(2.5rem,8vw,5rem)}p{line-height:1.7}.site{--site-fg:#111827;--site-muted:#6b7280;--site-bg:#fff;--site-surface:#f5f7fa;--site-border:#e5e7eb;--site-accent:#0f766e;--site-accent-fg:#fff;--site-warn-bg:#fff7ed;--site-warn-fg:#9a3412;min-height:100vh;color:var(--site-fg);background:var(--site-bg);flex-direction:column;font-family:Noto Sans Thai,Sarabun,system-ui,-apple-system,Segoe UI,sans-serif;display:flex}@media (prefers-color-scheme:dark){.site{--site-fg:#e5e7eb;--site-muted:#9ca3af;--site-bg:#0b0f14;--site-surface:#131a22;--site-border:#1f2a36;--site-accent:#2dd4bf;--site-accent-fg:#042f2e;--site-warn-bg:#2a1a0c;--site-warn-fg:#fdba74}}.site a{color:var(--site-accent)}.site-container{width:100%;max-width:1040px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--site-border)}.site-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;padding-bottom:16px;display:flex}.site-brand{letter-spacing:.04em;align-items:center;gap:8px;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex;color:var(--site-fg)!important}.site-brand b{color:var(--site-accent);font-weight:800}.site-nav{flex-wrap:wrap;gap:16px;font-size:.95rem;display:flex}.site-nav a{color:var(--site-fg);text-decoration:none}.site-nav a[aria-current=page]{font-weight:700;text-decoration:underline}.site-signin{font-weight:700}.site-draft{background:var(--site-warn-bg);color:var(--site-warn-fg);padding:10px 0;font-size:.9rem}.site-main{flex:1}.site-hero{background:var(--site-surface);padding:72px 0 48px}.site-hero h1{margin:12px 0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.2}.site-lead{max-width:720px;font-size:1.15rem}.site-badge{border:1px solid var(--site-border);border-radius:999px;margin:0;padding:4px 12px;font-size:.85rem;display:inline-block}.site-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.site-button{background:var(--site-accent);border-radius:8px;padding:12px 20px;font-weight:700;text-decoration:none;display:inline-block;color:var(--site-accent-fg)!important}.site-button-secondary{border:1px solid var(--site-border);background:0 0;color:var(--site-fg)!important}.site-section{padding-top:48px}.site-section h2{font-size:1.6rem}.site-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;list-style:none;display:grid}.site-card{border:1px solid var(--site-border);background:var(--site-bg);border-radius:12px;padding:20px}.site-card h3{margin-top:0}.site-card-muted{background:var(--site-surface)}.site-card-accent{border-color:var(--site-accent)}.site-examples{gap:16px;display:grid}.site-example{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.site-label{letter-spacing:.08em;text-transform:uppercase;color:var(--site-muted);margin:0 0 4px;font-size:.8rem;font-weight:700}.site-checklist{padding-left:20px}.site-checklist li{margin:8px 0}.site-closing{padding-bottom:64px}.site-document{max-width:820px;padding-top:48px;padding-bottom:64px}.site-document h1{margin-bottom:8px;font-size:clamp(1.8rem,5vw,2.6rem)}.site-document h2{margin-top:36px;font-size:1.25rem}.site-document li{margin:6px 0;line-height:1.7}.site-toc{border:1px solid var(--site-border);background:var(--site-surface);border-radius:12px;margin:24px 0;padding:16px 20px}.site-toc ul{margin:0;padding:0;list-style:none}.site-toc li{margin:4px 0}.site-muted{color:var(--site-muted);font-size:.9rem}.site-footer{border-top:1px solid var(--site-border);padding:32px 0;font-size:.9rem}.site-footer-nav{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}