.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}:root{--color-ink: #0f0f0f;--color-ink-strong: #0a0a0a;--color-ink-soft: #3a3a3a;--color-accent: #ffd60a;--color-accent-deep: #ffb800;--color-accent-soft: #fff7cc;--color-bg: #f0eee9;--color-surface: #ffffff;--color-surface-muted: #f5f5f5;--color-surface-sunken: #ececec;--color-mute: #6b6b6b;--color-mute-soft: #9a9a9a;--color-line: #e5e5e5;--color-success: #16a34a;--color-success-soft: #dcfce7;--color-error: #dc2626;--color-error-soft: #fee2e2;--color-warn: #fbbf24;--color-warn-soft: #fff6bf;--font-display: "Bai Jamjuree", "Noto Sans Thai", system-ui, sans-serif;--font-body: "Bai Jamjuree", "Noto Sans Thai", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-hero: clamp(40px, 7vw, 76px);--leading-hero: .95;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.45;--tracking-tight: -.005em;--tracking-tighter: -.02em;--tracking-normal: 0;--tracking-wide: .06em;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-black: 800;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-12: 24px;--space-16: 40px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-pill: 999px;--border-w: 3px;--border-w-soft: 2px;--border-w-heavy: 4px;--border-w-hair: 1px;--shadow-hard: 3px 3px 0 var(--color-ink-strong);--shadow-pop: 5px 5px 0 var(--color-ink-strong);--shadow-max: 6px 6px 0 var(--color-ink-strong);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .3s;--ease-out: cubic-bezier(.3, .7, .4, 1);--ease-overshoot: cubic-bezier(.2, .9, .3, 1.2);--press-shift: 2px;--sidebar-w: 264px;--subnav-w: 232px;--content-max: 980px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--space-6)}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh}.shell--rail{grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--subnav-w)}.sidebar{--sb-bg: #14141c;--sb-parent: #1e1e2a;--sb-nest: #2a2a3a;--sb-line: #3a3a4d;--sb-ink: #f2f2f7;--sb-ink-soft: #9a9ab0;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--sb-bg);color:var(--sb-ink);border-right:var(--border-w) solid #000;overflow-y:auto}.sidebar .brand__text small,.sidebar .nav__title,.sidebar .sidebar__foot{color:var(--sb-ink-soft)}.sidebar .sidebar__foot{border-top-color:var(--sb-line)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand__mark{display:grid;place-items:center;width:44px;height:44px;background:var(--color-accent);color:var(--color-ink);border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);font-family:var(--font-display);font-weight:800;font-size:var(--text-lg)}.brand__text{display:flex;flex-direction:column;line-height:1.05}.brand__text strong{font-family:var(--font-display);font-weight:800;font-size:var(--text-lg);letter-spacing:var(--tracking-tight)}.brand__text small{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-soft)}.nav{display:flex;flex-direction:column;gap:var(--space-5)}.nav__section{background:var(--sb-parent);border:var(--border-w) solid #000;border-radius:var(--radius-md);padding:var(--space-3)}.nav__title{font-size:var(--text-xs);font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--sb-ink-soft);margin-bottom:var(--space-2)}.nav__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);background:var(--sb-nest);border-radius:var(--radius-sm);padding:var(--space-2)}.nav__link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-w) solid transparent;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);color:var(--sb-ink);transition:color var(--motion-fast) var(--ease-out)}.nav__link:hover{color:var(--color-accent)}.nav__link.is-active{background:var(--color-accent);border-color:var(--color-ink);color:var(--color-ink);box-shadow:var(--shadow-hard)}.nav__link.is-soon{opacity:.55;cursor:default}.nav__badge{font-style:normal;font-size:10px;font-weight:800;letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:2px 6px;border:2px solid var(--color-ink);border-radius:999px;background:var(--color-bg);color:var(--color-ink-soft)}.sidebar__foot{margin-top:auto;display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ink-soft);padding-top:var(--space-4);border-top:2px dashed var(--color-mute)}.content{padding:var(--space-8) var(--space-7);max-width:var(--content-max);width:100%}.rail{position:sticky;top:0;align-self:start;height:100vh;overflow-y:auto;padding:var(--space-8) var(--space-6) var(--space-8) 0;border-left:var(--border-w) solid var(--color-ink)}.subnav{position:sticky;top:var(--space-8);padding-left:var(--space-7)}.subnav__title{font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute);margin-bottom:var(--space-6)}.subnav__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.subnav__link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-4);border:var(--border-w-soft) solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink-soft);transition:transform var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.subnav__dot{width:9px;height:9px;flex:none;background:var(--color-surface);border:var(--border-w-soft) solid var(--color-ink);border-radius:var(--radius-circle);transition:background var(--motion-fast) var(--ease-out)}.subnav__link:hover{color:var(--color-ink);border-color:var(--color-ink);background:var(--color-accent-soft);transform:translate(-2px)}.subnav__link.is-active{color:var(--color-ink);font-weight:var(--weight-bold);background:var(--color-accent);border-color:var(--color-ink);box-shadow:var(--shadow-hard)}.subnav__link.is-active .subnav__dot{background:var(--color-ink)}.content code{font-family:var(--font-mono)}.hero{border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-pop);padding:var(--space-12) var(--space-10);margin-bottom:var(--space-16)}.hero__eyebrow{display:inline-block;background:var(--color-accent);border:var(--border-w-soft) solid var(--color-ink);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-6);font-size:var(--text-xs);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-6)}.hero__title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);text-transform:uppercase}.hero__lead{max-width:56ch;margin-top:var(--space-5);color:var(--color-ink-soft);font-size:var(--text-lg)}.hero__lead code{background:var(--color-accent-soft);border:2px solid var(--color-ink);border-radius:var(--radius-xs);padding:0 6px;font-size:.85em}.block{margin-bottom:var(--space-16);scroll-margin-top:var(--space-8)}.block__title{display:flex;align-items:center;gap:var(--space-5);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-tight);padding-bottom:var(--space-5);border-bottom:var(--border-w) solid var(--color-ink);margin-bottom:var(--space-9)}.block__num{display:grid;place-items:center;min-width:40px;height:40px;background:var(--color-ink);color:var(--color-accent);border-radius:var(--radius-sm);font-size:var(--text-base)}.block__note{margin:calc(var(--space-9) * -1 + var(--space-2)) 0 var(--space-9);color:var(--color-ink-soft)}.block__note code{background:var(--color-surface-sunken);padding:1px 6px;border-radius:var(--radius-xs)}.subgroup{margin-bottom:var(--space-12)}.subgroup__title{font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute);margin:var(--space-10) 0 var(--space-6)}.cmp-subhead{font-size:var(--text-sm);font-weight:var(--weight-black);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute);margin:var(--space-12) 0 var(--space-7);scroll-margin-top:var(--space-8)}.cmp{margin-bottom:var(--space-9)}.cmp__head{display:flex;align-items:baseline;gap:var(--space-5);margin-bottom:var(--space-5);flex-wrap:wrap}.cmp__name{font-family:var(--font-mono);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink)}.cmp__desc{font-size:var(--text-sm);color:var(--color-ink-soft)}.cmp__board{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-hard);padding:var(--space-10)}.cmp__board--stack{flex-direction:column;align-items:stretch}.cmp__board--pad{background:var(--color-bg)}.cmp__cell{display:flex;flex-direction:column;gap:var(--space-3)}.cmp__cap{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-mute)}.cmp__phone{position:relative;width:380px;max-width:100%;min-height:220px;border:var(--border-w) solid var(--color-ink);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-hard);overflow:hidden}@media (max-width: 1180px){.shell--rail{grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.rail{display:none}}@media (max-width: 860px){.shell,.shell--rail{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:var(--border-w) solid var(--color-ink)}.content{padding:var(--space-6) var(--space-4)}}