html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
:root{--font-ui:var(--font-inter);--font-thai:var(--font-noto-thai);--color-header-bg:#fff;--color-bg:#faf8f5;--color-surface:#fff;--color-surface-subtle:#f8f9fb;--color-surface-muted:#f3f5f8;--color-surface-pressed:#eceff4;--color-wash-blue:#a5c9e3;--color-wash-blue-flat:#a5c9e306;--color-wash-blue-soft:#a5c9e31a;--color-wash-blue-fade:#a5c9e300;--color-border-subtle:#24324814;--color-border-default:#2432481a;--color-border-strong:#24324824;--color-divider:#24324814;--color-border-standout:#3557891f;--color-heading:#2c476d;--color-text:#243248;--color-text-soft:#556070;--color-text-muted:#69717b;--color-text-faint:#96a0ab;--color-text-inverse:#fff;--color-brand:#355789;--color-brand-hover:#29456c;--color-brand-active:#203552;--color-brand-soft:#e8f0fb;--color-brand-soft-hover:#dbe8f8;--color-interactive-primary-bg:var(--color-brand);--color-interactive-primary-hover:var(--color-brand-hover);--color-interactive-primary-active:var(--color-brand-active);--color-interactive-primary-text:var(--color-text-inverse);--color-interactive-secondary-bg:var(--color-surface);--color-interactive-secondary-hover:var(--color-surface-muted);--color-interactive-secondary-active:var(--color-surface-pressed);--color-interactive-secondary-border:var(--color-border-default);--color-interactive-secondary-border-hover:var(--color-border-strong);--color-interactive-secondary-text:var(--color-text-soft);--color-interactive-secondary-text-hover:var(--color-heading);--color-interactive-selected-bg:var(--color-brand-soft);--color-interactive-selected-bg-hover:var(--color-brand-soft-hover);--color-interactive-selected-text:var(--color-brand);--color-interactive-ghost-hover:#3557890f;--color-interactive-ghost-active:#3557891a;--color-accent:#a85c4a;--color-accent-soft:#f5e8e4;--color-completed:#8eb892;--color-completed-soft:#a5c5a5;--color-success:#73926c;--color-success-soft:#e8f1e5;--color-warning:#9c7b4e;--color-warning-soft:#f4ecdf;--color-danger:#a15b69;--color-danger-soft:#f6e6ea;--level-a-bg:#edf3fa;--level-a-text:#6f95bd;--level-a-border:#d7e5f2;--level-b-bg:#eef4ec;--level-b-text:#819c77;--level-b-border:#dbe8d7;--level-c-bg:#f1ece4;--level-c-text:#8e734f;--level-c-border:#e2d7c8;--marker-core:#355789;--marker-practical:#819c77;--marker-personal:#b35f71;--color-focus:#203552;--color-focus-ring:#2035522e;--shadow-sm:0 2px 8px #2432480d;--shadow-md:0 10px 30px #24324814;--shadow-lg:0 24px 60px #2432481f;--spacing-2:.125rem;--spacing-4:.25rem;--spacing-8:.5rem;--spacing-12:.75rem;--spacing-16:1rem;--spacing-24:1.5rem;--spacing-32:2rem;--spacing-48:3rem;--spacing-64:4rem;--spacing-80:5rem;--spacing-96:6rem;--spacing-128:8rem;--size-10:.625rem;--size-12:.75rem;--size-14:.875rem;--size-16:1rem;--size-18:1.125rem;--size-20:1.25rem;--size-24:1.5rem;--size-30:1.875rem;--size-36:2.25rem;--size-44:2.75rem;--size-52:3.25rem;--size-62:3.875rem;--light:300;--normal:400;--medium:500;--medium-bold:600;--bold:700;--extra-bold:800;--radius-sm:.625rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--radius-pill:999px;--transition-fast:.18s ease;--transition-smooth:.24s cubic-bezier(.22, 1, .36, 1)}
body{font-family:var(--font-ui), sans-serif}.text-thai{font-family:var(--font-thai), sans-serif}
.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-shell__main{background:linear-gradient(var(--color-wash-blue-flat), var(--color-wash-blue-flat)), var(--color-bg);flex:1}
.site-header{z-index:40;background:var(--color-header-bg);border-bottom:1px solid var(--color-divider);position:sticky;top:0}.site-header__inner{min-height:var(--spacing-64);justify-content:space-between;align-items:center;gap:var(--spacing-16);display:flex}.site-header__brand{color:var(--color-brand);font-size:var(--size-24);font-weight:var(--medium-bold);letter-spacing:-.035em;text-decoration:none}.site-header__nav{display:none}@media (min-width:48rem){.site-header__nav{align-items:center;gap:var(--spacing-32);display:flex}}.site-header__link{color:var(--color-text-soft);font-weight:var(--medium);font-size:var(--size-16);transition:color var(--transition-fast), background-color var(--transition-fast);text-decoration:none}.site-header__link:hover,.site-header__link:focus-visible{color:var(--color-brand)}.site-header__toggle{width:var(--spacing-48);height:var(--spacing-48);border:1px solid var(--color-interactive-secondary-border);border-radius:var(--radius-pill);background:var(--color-interactive-secondary-bg);color:var(--color-text);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.site-header__toggle:hover{background:var(--color-interactive-secondary-hover);border-color:var(--color-interactive-secondary-border-hover)}@media (min-width:48rem){.site-header__toggle{display:none}}.mobile-menu{z-index:100;padding:var(--spacing-24);place-items:center;display:grid;position:fixed;inset:0}.mobile-menu__backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#24324838;border:0;position:absolute;inset:0}.mobile-menu__panel{z-index:1;width:min(100%,28rem);padding:var(--size-20);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-lg)}.mobile-menu__header{margin-bottom:var(--spacing-16);justify-content:space-between;align-items:center;display:flex}.mobile-menu__title{color:var(--color-text-muted);font-size:var(--size-12);font-weight:var(--bold);letter-spacing:.08em;text-transform:uppercase;margin:0}.mobile-menu__close{border:1px solid var(--color-border-default);border-radius:var(--radius-pill);background:var(--color-interactive-secondary-bg);width:2.875rem;height:2.875rem;color:var(--color-text);transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #2432480a}.mobile-menu__close:hover{background:var(--color-interactive-secondary-hover);border-color:var(--color-border-strong)}.mobile-menu__nav{gap:var(--spacing-8);flex-direction:column;display:flex}.mobile-menu__link{min-height:3.5rem;padding:var(--spacing-16);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--size-18);font-weight:var(--medium-bold);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;text-decoration:none;display:flex}.mobile-menu__link:hover,.mobile-menu__link:focus-visible,.mobile-menu__link--active{background:var(--color-interactive-selected-bg);color:var(--color-interactive-selected-text)}.mobile-menu__footer{gap:var(--spacing-12);margin-top:var(--spacing-24);padding-top:var(--spacing-16);border-top:1px solid var(--color-divider);display:grid}.mobile-menu__secondary,.mobile-menu__cta{min-height:3.25rem;padding-inline:var(--spacing-24);border-radius:var(--radius-pill);font-weight:var(--medium-bold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.mobile-menu__secondary{border:1px solid var(--color-border-subtle);background:var(--color-interactive-secondary-bg);color:var(--color-interactive-secondary-text);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast)}.mobile-menu__secondary:hover{background:var(--color-interactive-secondary-hover);border-color:var(--color-interactive-secondary-border-hover);color:var(--color-interactive-secondary-text-hover)}.mobile-menu__cta{background:var(--color-interactive-primary-bg);color:var(--color-interactive-primary-text);transition:background-color var(--transition-fast)}.mobile-menu__cta:hover{background:var(--color-interactive-primary-hover)}@media (prefers-reduced-motion:no-preference){.mobile-menu__backdrop{animation:menu-fade var(--transition-fast)}.mobile-menu__panel{animation:menu-panel-in var(--transition-smooth)}}@media (prefers-reduced-motion:reduce){.mobile-menu__backdrop,.mobile-menu__panel{animation:none}}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}@keyframes menu-panel-in{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}
.site-footer{border-top:1px solid var(--color-border);background-color:var(--color-surface)}.site-footer__inner{padding-block:var(--spacing-16);margin:0 auto}.site-footer__text{color:var(--color-text-muted);margin:0;font-size:.95rem}
.u-w-max{width:min(100% - 2rem,75rem);margin-inline:auto}

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_e8e54af-module__r7opxW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_e8e54af-module__r7opxW__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/cf5137f13e977cd9-s.p.1459bcs68rz16.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7f8ffe3f2925e231-s.0qumj9lgb7bof.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai Looped;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/d5110018ffd17724-s.12j25mg.ms01i.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Looped Fallback;src:local(Arial);ascent-override:117.56%;descent-override:32.92%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_looped_ea402005-module__zsrs-q__className{font-family:Noto Sans Thai Looped,Noto Sans Thai Looped Fallback;font-style:normal}.noto_sans_thai_looped_ea402005-module__zsrs-q__variable{--font-noto-thai:"Noto Sans Thai Looped", "Noto Sans Thai Looped Fallback"}