:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-heading:Prompt, "Noto Sans Thai", system-ui, sans-serif;--font-body:Sarabun, "Noto Sans Thai", system-ui, sans-serif;--brand-green:#4caf50;--brand-mint:#3ab795;--brand-sky:#2998e2;--brand-cream:#f5eed7;--brand-dark:#0b131e;--brand-light:#f8fafc;--on-brand:#0b131e;--surface:#f8fafc;--surface-raised:#fff;--surface-sunken:#eef3f6;--border:#dce5ea;--border-strong:#7a8b9a;--ink:#0b131e;--ink-muted:#4a5a6a;--student:#2e7d32;--student-mint:#1f7a62;--student-tint:#e8f5ea;--staff:#1a6fb0;--staff-tint:#e5f1fb;--hero-bg:#f8fafc;--hero-raised:#fff;--hero-line:#7a8b9a;--hero-ink:#0b131e;--hero-muted:#4a5a6a;--warning:#9a5b00;--focus:#1a6fb0;--scrim:#0b131e8c;--elevation-1:0 1px 2px #0b131e0d, 0 2px 8px #0b131e0d;--elevation-2:0 4px 12px #0b131e12, 0 16px 32px #0b131e14;--elevation-3:0 2px 6px #0b131e0f, 0 12px 28px #0b131e24;--space-half:4px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--radius-sm:8px;--radius-button:12px;--radius-card:16px;--radius-pill:999px;--type-display-size:48px;--type-display-line:56px;--type-display-weight:600;--type-h1-size:36px;--type-h1-line:44px;--type-h1-weight:600;--type-h2-size:28px;--type-h2-line:36px;--type-h2-weight:600;--type-h3-size:20px;--type-h3-line:28px;--type-h3-weight:500;--type-stat-size:28px;--type-stat-line:32px;--type-stat-weight:600;--type-button-size:15px;--type-button-line:20px;--type-button-weight:500;--type-body-lg-size:18px;--type-body-lg-line:30px;--type-body-lg-weight:400;--type-body-size:16px;--type-body-line:26px;--type-body-weight:400;--type-body-sm-size:14px;--type-body-sm-line:22px;--type-body-sm-weight:400;--type-label-size:13px;--type-label-line:18px;--type-label-weight:600}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0b131e;--surface-raised:#132030;--surface-sunken:#08101a;--border:#22324a;--border-strong:#6a7f96;--ink:#eaf1f5;--ink-muted:#9fb0c0;--student:#74d17a;--student-mint:#5ed1ae;--student-tint:#13291d;--staff:#64b5f0;--staff-tint:#10253a;--hero-bg:#0b131e;--hero-raised:#15233a;--hero-line:#5e7a9a;--hero-ink:#f5eed7;--hero-muted:#a9b8c6;--warning:#f2b04c;--focus:#7cc4f5;--scrim:#000000a6;--elevation-1:0 1px 2px #00000059, 0 2px 8px #00000040;--elevation-2:0 4px 12px #0006, 0 16px 32px #00000059;--elevation-3:0 0 0 1px #7cc4f51f, 0 12px 32px #0009}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#0b131e;--surface-raised:#132030;--surface-sunken:#08101a;--border:#22324a;--border-strong:#6a7f96;--ink:#eaf1f5;--ink-muted:#9fb0c0;--student:#74d17a;--student-mint:#5ed1ae;--student-tint:#13291d;--staff:#64b5f0;--staff-tint:#10253a;--hero-bg:#0b131e;--hero-raised:#15233a;--hero-line:#5e7a9a;--hero-ink:#f5eed7;--hero-muted:#a9b8c6;--warning:#f2b04c;--focus:#7cc4f5;--scrim:#000000a6;--elevation-1:0 1px 2px #00000059, 0 2px 8px #00000040;--elevation-2:0 4px 12px #0006, 0 16px 32px #00000059;--elevation-3:0 0 0 1px #7cc4f51f, 0 12px 32px #0009}*,:before,:after{box-sizing:border-box}body{background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-heading);text-wrap:balance;margin:0}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.kj-wrap{max-width:1200px;padding-inline:var(--space-5);margin-inline:auto}.kj-nav{z-index:10;background:var(--surface-raised);border-bottom:1px solid var(--border);box-shadow:var(--elevation-1);position:sticky;top:0}.kj-nav__inner{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:64px;display:flex}.kj-nav__home{border-radius:var(--radius-sm);display:inline-flex}.kj-nav__logo{width:auto;height:36px;display:block}.kj-theme{border-radius:var(--radius-button);border:1px solid var(--border-strong);background:var(--surface-raised);width:44px;height:44px;color:var(--ink);cursor:pointer;place-items:center;padding:0;transition:background-color .15s;display:inline-grid}.kj-theme:hover{background:var(--surface-sunken)}.kj-hero{background:var(--hero-bg);color:var(--hero-ink);padding-block:var(--space-10)}.kj-hero__inner{align-items:center;gap:var(--space-6);grid-template-columns:1fr auto;display:grid}.kj-hero__logo{width:280px}.kj-eyebrow{margin:0 0 var(--space-2);color:var(--student-mint);font-size:var(--type-label-size);line-height:var(--type-label-line);font-weight:var(--type-label-weight);letter-spacing:.04em}.kj-display{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--type-display-weight);letter-spacing:-.01em}.kj-h1{font-size:var(--type-h1-size);line-height:var(--type-h1-line);font-weight:var(--type-h1-weight)}.kj-lead{margin:var(--space-2) 0 0;max-width:60ch;color:var(--hero-muted);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line)}.kj-notice{margin:var(--space-3) 0 0;padding:var(--space-half) var(--space-2);border-radius:var(--radius-pill);background:var(--student-tint);color:var(--student);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-line);font-weight:600;display:inline-block}.kj-page{padding-block:var(--space-10)}.kj-link{margin-top:var(--space-3);color:var(--student);font-weight:600;display:inline-block}@media (width<=640px){.kj-wrap{padding-inline:var(--space-2)}.kj-nav__logo{height:30px}.kj-hero,.kj-page{padding-block:var(--space-8)}.kj-hero__inner{grid-template-columns:1fr}.kj-hero__logo{order:-1;justify-self:center;width:240px}.kj-display{font-size:36px;line-height:44px}.kj-h1{font-size:28px;line-height:36px}}