@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap");:root{--font-sans:var(--font-sarabun,"Sarabun"),"Noto Sans Thai",system-ui,sans-serif;--font-display:var(--font-fraunces,"Fraunces"),var(--font-sarabun,"Sarabun"),Georgia,serif;--font-mono:"SFMono-Regular","SF Mono",Menlo,monospace;--text-display-1:clamp(3.25rem,6vw,5.5rem);--text-display-2:clamp(2.75rem,5vw,4.5rem);--text-h1:clamp(2.25rem,4vw,3.5rem);--text-h2:clamp(1.875rem,3vw,2.75rem);--text-h3:clamp(1.5rem,2vw,2rem);--text-h4:1.375rem;--text-h5:1.125rem;--text-h6:1rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:0.9375rem;--text-label:0.8125rem;--text-caption:0.75rem;--leading-tight:1.05;--leading-heading:1.1;--leading-title:1.2;--leading-body:1.65;--leading-compact:1.4;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.75rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-pill:999px;--shadow-soft:0 12px 32px rgba(31,29,24,0.06);--shadow-medium:0 20px 56px rgba(31,29,24,0.1);--shadow-strong:0 28px 72px rgba(31,29,24,0.16);--color-white:#ffffff;--color-black:#1a1814;--color-surface-base:#f8f5ef;--color-surface-subtle:rgba(255,253,247,0.72);--color-surface-elevated:#ffffff;--color-surface-elevated-soft:rgba(255,255,255,0.92);--color-surface-strong:#1f1d18;--color-text-primary:#1f1d18;--color-text-secondary:#6a6357;--color-text-secondary-inverse-soft:rgba(245,239,228,0.7);--color-text-inverse:#f8f5ef;--color-line:rgba(31,29,24,0.1);--color-line-strong:rgba(31,29,24,0.18);--color-line-soft:rgba(31,29,24,0.06);--color-line-soft-dark:rgba(245,239,228,0.14);--color-accent:#059669;--color-accent-strong:#047857;--color-accent-soft:rgba(5,150,105,0.12);--color-mint:#0f766e;--color-mint-soft:rgba(15,118,110,0.12);--color-warning:#d97706;--color-warning-strong:#b45309;--color-warning-soft:rgba(217,119,6,0.12);--color-danger:#dc2626;--color-danger-strong:#b91c1c;--color-danger-soft:rgba(220,38,38,0.12);--color-work-champagne:#c1791a;--color-work-ivory:#f3ede1;--color-work-emerald:#1f6b56;--color-work-deep-emerald:#0f4c5c;--color-work-bronze:#9f7a33;--color-work-charcoal:#0f172a;--layout-container-max:76rem;--layout-wide-max:90rem;--layout-reading-max:48rem;--layout-gutter-mobile:1.25rem;--layout-gutter-desktop:2rem;--layout-section-gap-mobile:3.5rem;--layout-section-gap-desktop:5rem}.theme-night{--color-surface-base:#14120e;--color-surface-subtle:rgba(31,29,24,0.72);--color-surface-elevated:rgba(40,36,29,0.92);--color-surface-elevated-soft:rgba(40,36,29,0.92);--color-surface-strong:#0a0907;--color-text-primary:#f5efe4;--color-text-secondary:rgba(245,239,228,0.72);--color-text-inverse:#14120e;--color-line:rgba(245,239,228,0.12);--color-line-strong:rgba(245,239,228,0.2);--shadow-soft:0 16px 42px rgba(10,9,7,0.46);--shadow-medium:0 20px 56px rgba(10,9,7,0.52);--shadow-strong:0 28px 72px rgba(10,9,7,0.62)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-text-primary);background:var(--color-surface-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);color:var(--color-text-primary)}h1{font-size:var(--text-h1);line-height:var(--leading-heading);font-weight:var(--weight-bold);letter-spacing:-.04em}h2{font-size:var(--text-h2);letter-spacing:-.03em}h2,h3{line-height:var(--leading-title);font-weight:var(--weight-semibold)}h3{font-size:var(--text-h3);letter-spacing:-.02em}h4{font-size:var(--text-h4);line-height:var(--leading-title);font-weight:var(--weight-semibold)}h5{font-size:var(--text-h5)}h5,h6{line-height:var(--leading-compact);font-weight:var(--weight-semibold)}h6{font-size:var(--text-h6)}p{margin:0}a{color:inherit;text-decoration:none}::-moz-selection{background:var(--color-accent);color:var(--color-white)}::selection{background:var(--color-accent);color:var(--color-white)}.ds-page{min-height:100vh}.ds-container,.ds-shell-inner{width:min(var(--layout-container-max),calc(100% - (var(--layout-gutter-mobile) * 2)));margin-inline:auto}.ds-container-wide{width:min(var(--layout-wide-max),calc(100% - (var(--layout-gutter-mobile) * 2)));margin-inline:auto}.ds-reading{width:min(var(--layout-reading-max),100%)}.ds-section{padding-block:var(--layout-section-gap-mobile)}.ds-stack{display:grid;gap:var(--space-6)}.ds-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface-elevated);box-shadow:var(--shadow-soft)}.ds-badge{border-radius:var(--radius-pill);border:1px solid var(--color-line);padding:.5rem .85rem;font-size:var(--text-label);line-height:1;letter-spacing:.08em;text-transform:uppercase}.ds-badge,.ds-button,.ds-button-secondary{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold)}.ds-button,.ds-button-secondary{justify-content:center;min-height:2.875rem;padding:.75rem 1.125rem;border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--text-body-sm);line-height:1.2;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.ds-button{background:var(--color-accent);color:var(--color-white);box-shadow:var(--shadow-soft)}.ds-button:hover{transform:translateY(-1px);background:var(--color-accent-strong)}.ds-button-secondary{background:transparent;color:var(--color-text-primary);border-color:var(--color-line-strong)}.ds-button-secondary:hover{background:var(--color-accent-soft)}.ds-field,.ds-select,.ds-textarea{width:100%;border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background:rgba(255,255,255,.92);color:var(--color-text-primary);padding:.875rem 1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.45)}.theme-night .ds-field,.theme-night .ds-select,.theme-night .ds-textarea{background:rgba(15,23,42,.88);color:var(--color-text-primary)}.ds-shell-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--color-line);backdrop-filter:blur(14px);background:color-mix(in srgb,var(--color-surface-base) 82%,transparent)}.ds-shell-footer{border-top:1px solid var(--color-line)}.ds-text-muted{color:var(--color-text-secondary)}.ds-display{font-size:var(--text-display-1);line-height:var(--leading-tight);letter-spacing:-.05em}.ds-display,.ds-title{font-family:var(--font-display);font-weight:var(--weight-bold)}.ds-title{font-size:var(--text-display-2);line-height:var(--leading-heading);letter-spacing:-.045em}@media (min-width:768px){.ds-container,.ds-container-wide,.ds-shell-inner{width:min(var(--layout-container-max),calc(100% - (var(--layout-gutter-desktop) * 2)))}.ds-container-wide{width:min(var(--layout-wide-max),calc(100% - (var(--layout-gutter-desktop) * 2)))}.ds-section{padding-block:var(--layout-section-gap-desktop)}}