:root{--color-background:#f7f8fa;--color-surface:#fff;--color-surface-muted:#f0f3f6;--color-text:#17202a;--color-text-muted:#586474;--color-border:#d7dde5;--color-border-strong:#aeb8c5;--color-primary:#175cd3;--color-primary-hover:#124ba9;--color-primary-soft:#eaf2ff;--color-focus:#ffbf47;--color-success:#137a52;--color-success-soft:#e9f8f1;--color-danger:#b42318;--color-danger-soft:#fff0ee;--color-warning:#8a4b0f;--color-warning-soft:#fff7e8;--font-sans:var(--font-noto-sans-thai);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-sm:.9375rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:clamp(1.35rem, 2vw, 1.6rem);--font-size-2xl:clamp(1.75rem, 4.5vw, 2.75rem);--line-height-tight:1.45;--line-height-base:1.7;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sm:.4rem;--radius-md:.75rem;--radius-lg:1.1rem;--shadow-subtle:0 1px 2px #1018280f;--container:70rem;--content:46rem;--transition-fast:.15s ease}
*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p,ul,ol,figure{margin:0}ul,ol{padding-inline-start:1.25rem}button,input,select,textarea{font:inherit}img,svg{max-width:100%;display:block}button,input[type=file]{touch-action:manipulation}
html{background:var(--color-background);scroll-behavior:smooth}body{min-width:320px;color:var(--color-text);background:var(--color-background);font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-underline-offset:.18em}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{color:var(--color-text);background:#cfe0ff}h1,h2,h3{line-height:var(--line-height-tight);text-wrap:balance}h1,h2{font-weight:var(--font-weight-bold)}h3{font-weight:var(--font-weight-semibold)}p,li{text-wrap:pretty}main{min-height:65vh}