:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-0:#f6f5f2;--surface-1:#fcfcfb;--surface-2:#f0efec;--border:#e2e0da;--border-strong:#c9c6bd;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#7a7872;--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#e34948;--series-other:#9a978f;--seq-100:#cde2fb;--seq-150:#b7d3f6;--seq-200:#9ec5f4;--seq-250:#86b6ef;--seq-300:#6da7ec;--seq-350:#5598e7;--seq-400:#3987e5;--seq-450:#2a78d6;--seq-500:#256abf;--seq-550:#1c5cab;--seq-600:#184f95;--seq-650:#104281;--seq-700:#0d366b;--div-neutral:#f0efec;--good:#008300;--warning:#eda100;--serious:#eb6834;--critical:#e34948;--grid:#e6e4de;--axis:#b8b5ac;--accent:#2a78d6;--de-emphasis:#b5b2aa;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px #0b0b0b0f, 0 8px 24px #0b0b0b0a;--font:"IBM Plex Sans Thai", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#121211;--surface-1:#1a1a19;--surface-2:#242422;--border:#33322f;--border-strong:#4a4945;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#918f86;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--series-other:#6f6d66;--div-neutral:#383835;--grid:#2b2b28;--axis:#55534d;--accent:#3987e5;--de-emphasis:#55534d;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#121211;--surface-1:#1a1a19;--surface-2:#242422;--border:#33322f;--border-strong:#4a4945;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#918f86;--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767;--series-other:#6f6d66;--div-neutral:#383835;--grid:#2b2b28;--axis:#55534d;--accent:#3987e5;--de-emphasis:#55534d;--shadow:0 1px 2px #0006, 0 8px 24px #0000004d}*{box-sizing:border-box}html,body{background:var(--surface-0);color:var(--text-primary);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.site-header{z-index:40;background:color-mix(in srgb, var(--surface-1) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:14px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.site-header .brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:700;display:flex}.site-header .brand small{color:var(--text-muted);letter-spacing:.08em;font-size:11px;font-weight:500;display:block}.site-header nav{flex-wrap:wrap;gap:4px;margin-left:auto;display:flex}.site-header nav a{color:var(--text-secondary);border-radius:999px;padding:6px 12px;font-size:14px}.site-header nav a:hover{background:var(--surface-2);color:var(--text-primary)}.theme-toggle{border:1px solid var(--border);background:var(--surface-1);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.eyebrow{letter-spacing:.14em;color:var(--text-muted);font-size:11px;font-weight:600}.prose{color:var(--text-secondary)}.prose strong{color:var(--text-primary)}.hero{padding:clamp(36px,7vw,72px) 0 28px}.hero h1{letter-spacing:-.02em;margin:10px 0 14px;font-size:clamp(30px,5vw,48px);line-height:1.2}.hero p{color:var(--text-secondary);max-width:62ch;margin:0;font-size:clamp(16px,2vw,19px)}.hero-stats{flex-wrap:wrap;gap:28px;margin-top:28px;display:flex}.hero-stats div b{font-variant-numeric:tabular-nums;font-size:26px;display:block}.hero-stats div span{color:var(--text-muted);font-size:13px}.job-picker{margin:8px 0 22px}.job-picker h2{color:var(--text-secondary);margin:0 0 10px;font-size:15px;font-weight:600}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:14px;transition:background .12s,color .12s,border-color .12s}.chip:hover{border-color:var(--border-strong);color:var(--text-primary)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.job-note{color:var(--text-muted);margin:12px 0 0;font-size:14px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin:18px 0 8px;display:flex}.filter-bar select,.filter-bar input{border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px}.filter-bar input{flex:1;min-width:220px}.result-count{color:var(--text-muted);margin-left:auto;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:16px;padding-bottom:64px;display:grid}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;overflow:hidden}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.card .thumb{background:var(--surface-2);border-bottom:1px solid var(--border);padding:10px}.card .thumb svg{width:100%;height:auto;display:block}.card .body{flex-direction:column;flex:1;gap:6px;padding:14px 16px 16px;display:flex}.card .body h3{letter-spacing:-.01em;margin:0;font-size:16px}.card .body h3 span{color:var(--text-muted);font-size:12px;font-weight:500;display:block}.card .body p{color:var(--text-secondary);flex:1;margin:0;font-size:13.5px}.card .meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.tag{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.tag.dim{color:var(--text-muted)}.level-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;padding:22px 0 0;font-size:13px;display:flex}.breadcrumb a:hover{color:var(--text-primary)}.detail-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-start;gap:24px;padding:14px 0 26px;display:flex}.detail-header h1{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(26px,4vw,38px)}.detail-header h1 small{color:var(--text-muted);letter-spacing:0;font-size:15px;font-weight:500;display:block}.detail-header>div:first-child{flex:1;min-width:280px}.detail-header p{color:var(--text-secondary);margin:0;font-size:17px}.detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.level-badge{border:1px solid var(--border);background:var(--surface-1);border-radius:var(--radius);align-items:center;gap:10px;padding:8px 14px;display:flex}.level-badge b{font-variant-numeric:tabular-nums;font-size:22px}.level-badge small{color:var(--text-muted);font-size:11px;display:block}.button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.button.ghost{background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border)}.button.ghost:hover{background:var(--surface-2)}.detail-grid{grid-template-columns:minmax(0,1fr) 232px;align-items:start;gap:40px;padding-bottom:72px;display:grid}@media (max-width:900px){.detail-grid{grid-template-columns:1fr}.detail-toc{display:none}}.detail-toc{padding-top:34px;font-size:13.5px;position:sticky;top:76px}.detail-toc ol{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.detail-toc a{color:var(--text-secondary);border-radius:6px;padding:5px 10px;display:block}.detail-toc a:hover{background:var(--surface-2);color:var(--text-primary)}.detail-toc .toc-num{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-right:8px}.content-section{border-bottom:1px solid var(--border);padding:34px 0}.content-section:last-child{border-bottom:none}.section-title{letter-spacing:-.01em;align-items:baseline;gap:12px;margin:0 0 16px;font-size:21px;display:flex}.section-number{font-variant-numeric:tabular-nums;color:var(--accent);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:12px;font-weight:700}.content-section h3{margin:26px 0 10px;font-size:16px}.content-section p{margin:0 0 12px}.callout{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--surface-1);border-radius:var(--radius-sm);margin:16px 0;padding:14px 16px}.callout.warn{border-left-color:var(--serious)}.callout h4{margin:0 0 6px;font-size:14px}.callout p:last-child,.callout ul:last-child{margin-bottom:0}.steps{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:16px 0;padding:0;list-style:none;display:grid}.steps li{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:14px}.steps li b{color:var(--accent);margin-bottom:4px;font-size:11px;display:block}.data-table{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 12px}.data-table th{letter-spacing:.04em;color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:600}.data-table code{font-family:var(--mono);background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.data-table tbody tr:last-child td{border-bottom:none}.table-scroll{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);overflow-x:auto}.kv-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0;display:grid}.kv{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px}.kv span{letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase;margin-bottom:3px;font-size:11px;display:block}.kv b{font-size:15px;font-weight:600}.kv small{color:var(--text-secondary);margin-top:3px;font-size:13px;font-weight:400;display:block}.role-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);font-size:11px;font-family:var(--mono);border-radius:4px;padding:1px 6px;display:inline-block}.insight-cols{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.insight-box{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px}.insight-box h4{align-items:center;gap:7px;margin:0 0 8px;font-size:14px;display:flex}.insight-box ul{color:var(--text-secondary);margin:0;padding-left:18px;font-size:14px}.insight-box li{margin-bottom:6px}.insight-box li:last-child{margin-bottom:0}.insight-box.cannot{border-left:3px solid var(--serious)}.insight-box.flags{border-left:3px solid var(--warning)}.ordered-read{counter-reset:step;margin:14px 0;padding:0;list-style:none}.ordered-read li{counter-increment:step;color:var(--text-secondary);margin-bottom:9px;padding-left:34px;font-size:14.5px;position:relative}.ordered-read li:before{content:counter(step);background:var(--surface-2);border:1px solid var(--border);width:22px;height:22px;color:var(--text-primary);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:1px;left:0}.medium-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:14px 0;display:grid}.medium{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);align-items:flex-start;gap:10px;padding:11px 13px;font-size:13.5px;display:flex}.medium.good{border-left:3px solid var(--good)}.medium.avoid{border-left:3px solid var(--critical)}.medium b{font-size:13.5px;display:block}.medium small{color:var(--text-muted);font-size:12.5px}.code-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.code-tab{cursor:pointer;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:7px;padding:6px 13px;font-family:inherit;font-size:13px}.code-tab[aria-selected=true]{background:var(--text-primary);color:var(--surface-1);border-color:var(--text-primary)}.code-lang-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.code-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);position:relative}.code-block pre{font-family:var(--mono);margin:0;padding:16px 18px;font-size:12.8px;line-height:1.65;overflow-x:auto}.code-block .copy{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:6px;padding:4px 10px;font-family:inherit;font-size:12px;position:absolute;top:10px;right:10px}.code-block .copy:hover{color:var(--text-primary)}.code-meta{color:var(--text-muted);margin:8px 0 0;font-size:12.5px}.playground{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);overflow:hidden}.play-top{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;font-size:13px;display:flex}.play-top span{color:var(--text-muted);font-size:12px}.controls{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-items:end;gap:16px;padding:16px;display:grid}.control label{justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13.5px;font-weight:600;display:flex}.control label b{font-variant-numeric:tabular-nums;color:var(--accent)}.control small{color:var(--text-muted);margin-top:5px;font-size:12.5px;display:block}.control input[type=range]{width:100%;accent-color:var(--accent)}.control select{border:1px solid var(--border);background:var(--surface-1);width:100%;color:var(--text-primary);border-radius:7px;padding:7px 10px;font-family:inherit;font-size:14px}.reset{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:13px}.reset:hover{color:var(--text-primary)}.plot-area{padding:8px 16px 16px}.plot-area svg{width:100%;height:auto;display:block}.metrics{background:var(--border);border-top:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;display:grid}.metric{background:var(--surface-1);padding:11px 16px}.metric span{color:var(--text-muted);font-size:11.5px;display:block}.metric b{font-variant-numeric:tabular-nums;font-size:17px}.play-warning{background:color-mix(in srgb, var(--warning) 12%, var(--surface-1));border-top:1px solid var(--border);align-items:flex-start;gap:8px;margin:0;padding:10px 16px;font-size:13px;display:flex}.lesson-note{color:var(--text-secondary);margin:12px 0 0;font-size:13.5px}.table-view{margin-top:12px}.table-view summary{cursor:pointer;color:var(--text-secondary);font-size:13.5px}.table-view summary:hover{color:var(--text-primary)}.relatives{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.relative-link{border:1px solid var(--border);background:var(--surface-1);border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13.5px;display:inline-flex}.relative-link:hover{border-color:var(--accent);color:var(--accent)}.not-use{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.not-use li{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;display:grid}.not-use .arrow{color:var(--text-muted)}@media (max-width:620px){.not-use li{grid-template-columns:1fr}.not-use .arrow{display:none}}.site-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:40px;padding:28px 0 44px;font-size:13.5px}.site-footer a{text-underline-offset:3px;text-decoration:underline}.family-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;padding-bottom:56px;display:grid}.family-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.family-card:hover{border-color:var(--border-strong)}.family-card h3{margin:6px 0;font-size:17px}.family-card p{color:var(--text-secondary);margin:0 0 10px;font-size:13.5px}.compare-table{border-collapse:collapse;width:100%;font-size:13.5px}.compare-table th,.compare-table td{border:1px solid var(--border);vertical-align:top;text-align:left;padding:10px 12px}.compare-table thead th{background:var(--surface-2)}.compare-table tbody th{background:var(--surface-1);color:var(--text-muted);width:168px;font-size:12px;font-weight:600}.qa-step{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:20px}.qa-step h3{margin:0 0 12px;font-size:16px}.answer-row{flex-wrap:wrap;gap:8px;display:flex}.anti-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding-bottom:56px;display:grid}.anti-card{background:var(--surface-1);border:1px solid var(--border);border-left:3px solid var(--critical);border-radius:var(--radius);padding:16px 18px}.anti-card h3{margin:0 0 8px;font-size:16px}.anti-card .fix{border-top:1px solid var(--border);margin-top:10px;padding-top:10px;font-size:13.5px}.anti-card .fix b{color:var(--good)}@media print{.site-header,.detail-toc,.playground .controls,.theme-toggle{display:none!important}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}