@font-face{font-family:IBM Plex Sans Thai Fallback;src:local("Thonburi"),local("Leelawadee UI"),local("Tahoma"),local("Arial");size-adjust:100%;ascent-override:102.5%;descent-override:27.5%;line-gap-override:0%}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/ibmplexsansthai-400-thai.ucQN6AoG.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_astro/ibmplexsansthai-400-latin.CB3Ga3_8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/ibmplexsansthai-600-thai.VPy2_rKo.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/ibmplexsansthai-600-latin.mU-F1FgE.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif Thai";font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/notoserifthai-600-thai.CfihCCVv.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:"Noto Serif Thai";font-style:normal;font-weight:600;font-display:swap;src:url(/_astro/notoserifthai-600-latin.BSvmvGuG.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #faf9f5;--surface: #ffffff;--track: #efede6;--ink: #141413;--muted: #64625c;--col-head: #4a4943;--line: #e8e5dc;--line-strong: #d6d3c8;--slate: var(--ink);--on-slate: #ffffff;--clay: #d97757;--sage: #4e7a4d;--sage-text: var(--sage);--on-fill: #ffffff;--honey: #e9c46a;--on-honey: #141413;--kit-red: #c8102e;--kit-orange: #ef7d1a;--kit-yellow: #f2c230;--kit-green: #1f8a4c;--kit-sky: #6cb4e4;--kit-blue: #1f5aa6;--kit-navy: #1b2a4a;--kit-purple: #5b2d8e;--kit-pink: #e05a8c;--kit-white: #ffffff;--kit-black: #1d1d1b;--shadow-pop: 0 12px 32px -12px rgb(20 20 19 / .28);--scrim: rgb(20 20 19 / .42);--font-sans: "IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-serif: "Noto Serif Thai", ui-serif, Georgia, "Times New Roman", serif;--fs-caption: 12px;--lh-caption: 20px;--fs-small: 14px;--lh-small: 23px;--fs-body: 16px;--lh-body: 26px;--fs-title: 20px;--lh-title: 32px;--fs-page: 26px;--lh-page: 42px;--fs-big: 40px;--lh-big: 64px;--r-md: 8px;--r-lg: 10px;--r-xl: 14px;--r-2xl: 20px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 28px;--s8: 32px;--s10: 40px;--s12: 48px;--gutter: 16px;--header-h: 56px;--control-h: 48px;--tap: 44px;--dur-fast: .15s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-out-quint: cubic-bezier(.16, 1, .3, 1);--tile-dur: .4s;--tile-stagger: .25s;--pulse-dur: .2s;--pulse-stagger: 80ms;--result-win: .6s;--result-loss: .6s;--result-quick: .3s;--tile-hover: brightness(.96)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #1f1e1d;--surface: #2a2927;--track: #1b1a19;--ink: #f0eee6;--muted: #aaa79d;--col-head: #c9c6bc;--line: #3a3936;--line-strong: #4a4945;--on-slate: #141413;--sage-text: #8fc08d;--honey: #d9b55e;--shadow-pop: 0 12px 32px -12px rgb(0 0 0 / .6);--scrim: rgb(0 0 0 / .6);--tile-hover: brightness(1.15);--kit-red: #d23a43;--kit-orange: #e5893a;--kit-yellow: #e3b53a;--kit-green: #3a9e62;--kit-sky: #79bce6;--kit-blue: #3a72bf;--kit-navy: #2c3d63;--kit-purple: #7a4fb0;--kit-pink: #d9709a;--kit-white: #f0eee6;--kit-black: #0e0e0d}}:root[data-theme=dark]{color-scheme:dark;--bg: #1f1e1d;--surface: #2a2927;--track: #1b1a19;--ink: #f0eee6;--muted: #aaa79d;--col-head: #c9c6bc;--line: #3a3936;--line-strong: #4a4945;--on-slate: #141413;--sage-text: #8fc08d;--honey: #d9b55e;--shadow-pop: 0 12px 32px -12px rgb(0 0 0 / .6);--scrim: rgb(0 0 0 / .6);--tile-hover: brightness(1.15);--kit-red: #d23a43;--kit-orange: #e5893a;--kit-yellow: #e3b53a;--kit-green: #3a9e62;--kit-sky: #79bce6;--kit-blue: #3a72bf;--kit-navy: #2c3d63;--kit-purple: #7a4fb0;--kit-pink: #d9709a;--kit-white: #f0eee6;--kit-black: #0e0e0d}@media(min-width:1024px){:root{--gutter: 24px;--header-h: 72px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 72px)}body{margin:0;background:var(--bg);color:var(--ink);font:400 var(--fs-body)/var(--lh-body) var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}body>*{flex-shrink:0}h1,h2,h3,p,ul,ol,dl,figure{margin:0}h1,h2,h3{font-size:inherit;font-weight:600}b,strong{font-weight:600}a{color:var(--ink);text-underline-offset:3px}button,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}.sr-only{font:400 1px/1 var(--font-sans);position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:var(--r-md)}:root:has(dialog[open]) #consent{visibility:hidden}@media(pointer:coarse){:root:has(#quiz .input input:focus) #consent{visibility:hidden}}.t-page{font:600 var(--fs-page)/var(--lh-page) var(--font-serif);letter-spacing:-.01em}.t-title{font:600 var(--fs-title)/var(--lh-title) var(--font-serif);letter-spacing:-.01em}.t-body{font-size:var(--fs-body);line-height:var(--lh-body)}.t-small{font-size:var(--fs-small);line-height:var(--lh-small)}.t-caption{font-size:var(--fs-caption);line-height:var(--lh-caption);color:var(--muted)}.t-label{font:600 var(--fs-caption)/var(--lh-caption) var(--font-sans);color:var(--muted)}.t-muted{color:var(--muted)}@media(min-width:768px){.t-page{font-size:var(--fs-big);line-height:var(--lh-big)}}.btn{display:flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;min-height:var(--control-h);padding:0 var(--s4);border:1px solid transparent;border-radius:var(--r-xl);font:600 var(--fs-body)/var(--lh-body) var(--font-sans);color:var(--ink);text-decoration:none;background:none;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard)}.btn-primary{background:var(--slate);color:var(--on-slate)}.btn-secondary{background:var(--surface);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--track)}.btn-text{width:auto;min-height:var(--tap);padding:0 var(--s3);font-weight:400;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.btn-text:hover{color:var(--ink)}.btn-sm{width:auto;min-height:var(--tap);padding:0 var(--s3);font-size:var(--fs-small);line-height:var(--lh-small)}.btn .i{width:18px;height:18px}.link{display:inline-flex;align-items:center;min-height:var(--tap);font-size:var(--fs-small);color:var(--muted);text-decoration:underline;text-underline-offset:3px}.panel{background:var(--surface);color:var(--ink);border-radius:var(--r-2xl);box-shadow:var(--shadow-pop);padding:var(--s5)}.panel-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.panel-h .iconbtn{margin-right:calc(var(--s3) * -1)}.flow>*+*{margin-top:var(--s6)}.stack>*+*{margin-top:var(--s2)}@media(min-width:768px){.panel{padding:var(--s7)}}dialog.sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:92vh;overflow-y:auto;border:0;border-radius:var(--r-2xl) var(--r-2xl) 0 0;padding:var(--s2) var(--s5) max(var(--s6),env(safe-area-inset-bottom));overscroll-behavior:contain}dialog.sheet::backdrop{background:var(--scrim)}.sheet-in{outline:none}.handle{width:36px;height:5px;border-radius:var(--r-pill);background:var(--line-strong);margin:0 auto var(--s1)}@media(min-width:768px){dialog.sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:480px;max-height:90vh;border-radius:var(--r-2xl);padding:var(--s7)}.handle{display:none}}.i{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.i.sm{width:18px;height:18px}.iconbtn{width:var(--tap);height:var(--tap);display:grid;place-items:center;border:0;border-radius:var(--r-xl);background:none;color:var(--ink);flex:none;cursor:pointer}:root{--top-h: 52px}@media(min-width:768px){:root{--top-h: 64px}}.top{position:sticky;top:0;z-index:10;height:var(--top-h);background:var(--bg);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.top-in{height:100%;display:flex;align-items:center;gap:var(--s2);padding:0 var(--s1) 0 var(--s3)}.brand{display:flex;align-items:center;gap:var(--s2);min-height:var(--tap);color:var(--ink);text-decoration:none;font-weight:600;font-size:var(--fs-body);letter-spacing:-.01em;flex:none}.mark{width:28px;height:28px;border-radius:var(--r-md);background:var(--clay);color:var(--on-fill);display:grid;place-items:center;font:600 var(--fs-body)/1 var(--font-sans)}.brand-name,.qp-icon,.top .spacer{display:none}.qnav{flex:1;min-width:0;display:flex}.qpills{display:flex;gap:2px;padding:3px;background:var(--track);border-radius:var(--r-lg);overflow-x:auto;scrollbar-width:none;min-width:0}.qpills::-webkit-scrollbar{display:none}.qp{position:relative;flex:none;height:36px;padding:0 var(--s3);border-radius:var(--r-md);display:flex;align-items:center;gap:var(--s1);font-size:var(--fs-small);font-weight:600;color:var(--muted);white-space:nowrap;text-decoration:none}.qp:after{content:"";position:absolute;inset:-4px 0}.qp:hover{color:var(--ink)}.qp.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #1414131a}.qp .i{width:18px;height:18px}@media(max-width:374px){.qp{padding:0 var(--s2)}}@media(min-width:768px){.top{border-bottom:1px solid var(--line);background:var(--bg)}.top-in{max-width:1120px;margin:0 auto;padding:0 var(--s8);gap:var(--s1)}.brand-name,.qp-icon{display:inline}.qp-icon{display:inline-flex}.top .spacer{display:block;flex:1}.qnav{flex:none;margin-left:var(--s6)}.qp{padding:0 var(--s4);gap:var(--s2)}}.tile{font:inherit;height:64px;border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:2px;position:relative;padding:var(--s1) 1px;text-align:center;line-height:1.6;letter-spacing:-.02em;color:var(--ink);min-width:0}.tile b{font-size:var(--fs-small);line-height:1.6;font-weight:600;max-width:100%;overflow-wrap:normal;word-break:keep-all;hyphens:manual;-webkit-hyphens:manual;text-wrap:balance}.tile b .w{white-space:nowrap}.tile:not(.num){padding-inline:3px}.tile.num b{font-size:var(--fs-body);letter-spacing:-.01em;white-space:nowrap}.tile.c{background:var(--sage);color:var(--on-fill)}.tile.h{background:var(--honey);color:var(--on-honey)}.tile.w{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong)}.tile.u{background:var(--surface);border:1px dashed var(--line-strong);color:var(--muted)}@media(min-width:768px){.tile b,.tile.num b{font-size:var(--fs-body)}.tile:not(.num){padding-inline:var(--s2)}}.consent[data-astro-cid-2effgw6e]{position:fixed;z-index:100;left:var(--gutter);right:var(--gutter);bottom:max(env(safe-area-inset-bottom),var(--s4));max-width:480px;max-height:calc(100dvh - 2 * var(--s4));overflow-y:auto;overscroll-behavior:contain;margin:0 auto}.consent[data-astro-cid-2effgw6e][hidden]{display:none}.consent[data-astro-cid-2effgw6e].flow>[data-astro-cid-2effgw6e]+[data-astro-cid-2effgw6e]{margin-top:var(--s3)}.consent-terms[data-astro-cid-2effgw6e] a[data-astro-cid-2effgw6e]{color:inherit}@media(max-width:374.98px){.consent[data-astro-cid-2effgw6e] .t-small[data-astro-cid-2effgw6e]{font-size:var(--fs-caption);line-height:var(--lh-caption)}}.consent-actions[data-astro-cid-2effgw6e]{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.site-footer[data-astro-cid-sz7xmlte]{width:100%;margin-top:auto;padding:var(--s1) var(--s4) max(env(safe-area-inset-bottom),var(--s2));color:var(--muted);font-size:var(--fs-caption);line-height:var(--lh-caption);text-align:center;overflow:clip}nav[data-astro-cid-sz7xmlte],.dev[data-astro-cid-sz7xmlte]{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:var(--s2)}nav[data-astro-cid-sz7xmlte]>span[data-astro-cid-sz7xmlte]{flex-basis:100%;justify-content:center}@media(min-width:768px){nav[data-astro-cid-sz7xmlte]{column-gap:0}nav[data-astro-cid-sz7xmlte]>span[data-astro-cid-sz7xmlte]{flex-basis:auto}nav[data-astro-cid-sz7xmlte]>[data-astro-cid-sz7xmlte]+[data-astro-cid-sz7xmlte]:before{content:"·" / "";margin:0 var(--s2)}}nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte],nav[data-astro-cid-sz7xmlte] span[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;min-height:24px;color:var(--muted);text-decoration:none}nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{position:relative}nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:after{content:"";position:absolute;inset:-10px 0}nav[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--ink);text-decoration:underline}.dev[data-astro-cid-sz7xmlte]{column-gap:var(--s3)}.dev[data-astro-cid-sz7xmlte]>button[data-astro-cid-sz7xmlte]{min-height:24px;padding:0 var(--s2);border:0;background:none;color:var(--ink);font-size:var(--fs-caption);text-decoration:underline;text-underline-offset:3px;cursor:pointer}