@font-face{font-family:Iosevka Curly;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/iosevka-curly-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Iosevka Curly;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/iosevka-curly-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Iosevka Curly;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/iosevka-curly-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/iosevka-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Iosevka;font-style:normal;font-weight:700;font-display:swap;src:url(../../../fonts/iosevka-latin-700-normal.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/spectral-latin-400-normal.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(../../../fonts/spectral-latin-400-italic.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/spectral-latin-600-normal.woff2) format("woff2")}@font-face{font-family:Spectral;font-style:italic;font-weight:600;font-display:swap;src:url(../../../fonts/spectral-latin-600-italic.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/kanit-thai-400-normal.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(../../../fonts/kanit-thai-500-normal.woff2) format("woff2")}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(../../../fonts/kanit-thai-600-normal.woff2) format("woff2")}:root{--ember: #de1d1b;--ember-strong: #bf1613;--ember-red: #de1d1b;--ember-amber: #b26a06;--ember-tint: rgba(222, 29, 27, .12);--paper: #faf5f0;--soft: #f3eae2;--raised: #ffffff;--ink: #241812;--ink-2: #6c5b4e;--ink-3: #9a8577;--success: #2f8f5b;--success-tint: rgba(47, 143, 91, .14);--line: rgba(60, 36, 20, .12);--line-strong: rgba(60, 36, 20, .24);--chart-red-1: #f2b1a4;--chart-red-2: #ec6f5c;--chart-red-3: var(--ember-red);--chart-red-4: #8f100e;--chart-blue: #2f5fa3;--chart-purple: #6f56a8;--bg: var(--paper);--panel: var(--soft);--panel-2: var(--raised);--accent: var(--ember);--accent-strong: var(--ember-strong);--accent-red: var(--ember-red);--accent-amber: var(--ember-amber);--accent-tint: var(--ember-tint);--font-display: "Iosevka Curly", Iosevka, "SFMono-Regular", monospace;--font-body: Spectral, "Kanit", Georgia, "Times New Roman", serif;--font-mono: Iosevka, "SFMono-Regular", Menlo, Consolas, monospace;--fs-display: round(clamp(2.5rem, 1rem + 6vw, 5.25rem), var(--lead));--fs-h1: clamp(1.9rem, 1.3rem + 2vw, 2.7rem);--fs-h2: clamp(1.4rem, 1.1rem + 1.3vw, 1.9rem);--fs-body: 1.0625rem;--fs-sm: .9375rem;--fs-xs: .75rem;--lead: 1.75rem;--lead-half: .875rem;--lead-2: 3.5rem;--lead-3: 5.25rem;--r-sm: 2px;--r-md: 6px;--r-lg: 8px;--shadow-md: 0 14px 34px -18px rgba(60, 36, 20, .35);--container: 1120px;--reading: 62ch;--sidebar-w: 250px;--gutter: clamp(1.1rem, 4vw, 2rem);--ease: cubic-bezier(.22, 1, .36, 1);--dur: .22s;--dur-page: .24s}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg);color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lead);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{margin-left:var(--sidebar-w);min-height:100dvh;display:flex;flex-direction:column}:lang(th){line-height:1.9}main{flex:1;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.05;letter-spacing:-.035em;margin:0;color:var(--ink)}p{margin:0}a{color:var(--accent);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}::selection{background:var(--accent-tint);color:var(--ink)}.container{width:100%;max-width:var(--container);margin-inline:0;padding-inline:var(--gutter)}.container--reading{max-width:var(--reading)}.section{padding-block:clamp(var(--lead-2),6vw,var(--lead-3));box-shadow:inset 0 1px 0 var(--line)}.section--plain{box-shadow:none}.section-lead{max-width:56ch;color:var(--ink-2);font-size:1.15rem;margin-top:.5rem}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);z-index:50;display:flex;flex-direction:column;background-color:var(--paper);background-image:url(../../../images/sidebar-chevrons.svg);background-size:88px auto;background-repeat:repeat;box-shadow:inset -1px 0 0 var(--line);padding:clamp(1.4rem,2.4vw,1.9rem) 1.4rem clamp(1.2rem,2vw,1.6rem)}.sidebar__brand{display:block;color:var(--ink)}.sidebar__logo{width:100%;height:auto;border-radius:var(--r-md)}.sidebar__brand-sub{display:block;margin-top:.6rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--ink-3)}.sidebar__nav{margin-top:clamp(1.6rem,3vw,2.4rem);flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.sidebar__group-label{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:.45rem;padding-inline:.6rem}.sidebar__link{display:block;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--ink-2);padding:.5rem .6rem;border-radius:var(--r-sm);transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.sidebar__link:hover{color:var(--accent);background:var(--soft)}.sidebar__link[aria-current=page]{color:var(--ink);box-shadow:inset 2px 0 0 var(--accent)}.sidebar__num{display:inline-block;width:1.4em;font-variant-numeric:tabular-nums;color:var(--ink-3)}.sidebar__link[aria-current=page] .sidebar__num{color:var(--accent)}.sidebar__group--muted{margin-top:.5rem;padding-top:1.5rem;box-shadow:inset 0 1px 0 var(--line)}.sidebar__group--muted .sidebar__link{font-size:var(--fs-xs);color:var(--ink-3);padding-block:.4rem}.sidebar__group--muted .sidebar__link:hover{color:var(--accent)}.sidebar__cta{margin-top:1.5rem;width:100%}.sidebar__foot{margin-top:1rem;font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.04em;color:var(--ink-3)}.topbar,.sidebar__scrim{display:none}@media(max-width:900px){.app{margin-left:0}.topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:.75rem;height:60px;padding-inline:var(--gutter);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);box-shadow:inset 0 -1px 0 var(--line)}.topbar__brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.02em;color:var(--ink)}.topbar__logo{width:32px;height:32px;border-radius:var(--r-sm)}.topbar__brand b{color:var(--accent)}.topbar__spacer{flex:1}.topbar__toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--raised);color:var(--ink);cursor:pointer}.sidebar{width:min(84vw,320px);box-shadow:var(--shadow-md),inset -1px 0 0 var(--line);transform:translate(-102%);transition:transform var(--dur) var(--ease)}.sidebar--open{transform:none}.sidebar__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:block;background:#24181266;border:0;cursor:pointer}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:700;line-height:1;white-space:nowrap;padding:.75rem 1.25rem;min-height:44px;border:1px solid transparent;border-radius:var(--r-md);cursor:pointer;transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn:active{transform:translateY(1px)}.btn--accent{background:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-strong);color:#fff}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{color:var(--ink);border-color:var(--accent)}.btn--lg{font-size:1rem;padding:.95rem 1.7rem;min-height:52px}.cl__h{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-red);margin-bottom:.5rem}.cl__big{font-family:var(--font-display);font-weight:600;font-size:1.3rem;line-height:1.12;letter-spacing:-.02em;color:var(--ink)}.cl__data{font-family:var(--font-mono);font-size:1.05rem;color:var(--accent-amber);font-variant-numeric:tabular-nums}.cl__item{display:block;font-size:var(--fs-sm);color:var(--ink-2);padding-top:.4rem;margin-top:.4rem;box-shadow:inset 0 1px 0 var(--line)}a.cl__item:hover{color:var(--ink)}.table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.table th,.table td{text-align:left;padding:.9rem 1.15rem;border-bottom:1px solid var(--line)}.table thead th{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);background:var(--panel)}.table tbody tr:last-child td{border-bottom:none}.table td:first-child{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--accent-amber);white-space:nowrap;width:1%}.prose{color:var(--ink);font-family:var(--font-body);font-size:1.125rem;line-height:var(--lead);max-width:var(--reading)}.prose>*+*{margin-top:var(--lead)}.prose h2{font-size:var(--fs-h2);margin-top:var(--lead-2)}.prose h3{font-size:1.3rem;margin-top:var(--lead)}.prose a{text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.prose strong{font-weight:600;color:var(--ink)}.prose em{font-style:italic}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.5rem}.prose blockquote{border-left:3px solid var(--accent);padding-left:1.15rem;color:var(--ink-2);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--panel);padding:.15em .4em;border-radius:var(--r-sm)}.prose pre{background:var(--panel);border:1px solid var(--line);padding:1.15rem 1.3rem;border-radius:var(--r-md);overflow-x:auto;font-family:var(--font-mono)}.prose pre code{background:none;padding:0}.postback{display:inline-block;margin-bottom:1.5rem;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:600;color:var(--ink-2)}.postback:hover{color:var(--accent)}.postmeta{margin:.6rem 0 2.2rem;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--ink-3)}.postnum{color:var(--ink-3);font-variant-numeric:tabular-nums}.topbar{view-transition-name:topbar}.sidebar{view-transition-name:sidebar}@keyframes page-leave{to{opacity:0;transform:translate3d(-10px,0,0)}}@keyframes page-enter{0%{opacity:0;transform:translate3d(22px,0,0)}}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal}::view-transition-old(root){animation:page-leave .11s var(--ease) both}::view-transition-new(root){animation:page-enter var(--dur-page) var(--ease) 50ms both}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:100;background:var(--accent);color:#fff;font-family:var(--font-display);font-weight:700;padding:.6rem 1rem;border-radius:var(--r-sm);transition:top var(--dur) var(--ease)}.skip-link:focus{top:.5rem;color:#fff}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
