.article-v2{--ink: oklch(.19 .008 70);--ink-2: oklch(.38 .008 70);--ink-3: oklch(.58 .008 70);--rule: oklch(.88 .006 80);--rule-2: oklch(.93 .005 80);--paper: oklch(.985 .004 85);--paper-2: oklch(.965 .005 85);--paper-3: oklch(.94 .006 85);--prism-hw: oklch(.62 .14 28);--prism-auto: oklch(.62 .14 75);--prism-dev: oklch(.62 .14 150);--prism-ai: oklch(.62 .14 210);--prism-trd: oklch(.62 .14 285);--good: oklch(.56 .1 150);--sans: "Inter Tight", ui-sans-serif, system-ui, sans-serif;--thai: "IBM Plex Sans Thai", "Inter Tight", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--serif: "Newsreader", Georgia, serif;--fs-body: 17px;max-width:1240px;margin:0 auto;padding:24px 48px 120px;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased}.article-v2[data-lang=th]{font-family:var(--thai)}.article-v2 *{box-sizing:border-box}.article-v2 a{color:inherit}html.dark .article-v2{--paper: oklch(.155 .01 265);--paper-2: oklch(.19 .012 265);--paper-3: oklch(.23 .012 265);--ink: oklch(.97 .005 85);--ink-2: oklch(.78 .01 85);--ink-3: oklch(.55 .01 85);--rule: oklch(.28 .012 265);--rule-2: oklch(.23 .012 265);--prism-hw: oklch(.74 .16 28);--prism-auto: oklch(.8 .15 75);--prism-dev: oklch(.76 .15 150);--prism-ai: oklch(.76 .15 210);--prism-trd: oklch(.76 .15 285);--good: oklch(.72 .14 150)}.progress{position:fixed;top:0;left:0;height:2px;background:var(--prism-hw);width:0%;z-index:40;transition:width .1s linear}.article-v2~.progress,.article-v2 .progress{background:var(--hue, var(--prism-hw))}.article-v2 .crumbs{display:flex;align-items:center;gap:10px;padding:22px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}.article-v2 .crumbs a{color:var(--ink-2);text-decoration:none}.article-v2 .crumbs a:hover{color:var(--ink)}.article-v2 .crumbs .sep{color:var(--ink-3);opacity:.5}.article-v2 .crumbs .cat-chip{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}.article-v2 .crumbs .cat-chip .hue{width:7px;height:7px;border-radius:50%;background:var(--hue, var(--prism-hw))}.article-v2 .article-head{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding:26px 0 32px;border-bottom:1px solid var(--rule);align-items:end}.article-v2 .chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.article-v2 .chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border:1px solid var(--rule);color:var(--ink-2);background:var(--paper)}.article-v2 .chip .sw{width:8px;height:8px;border-radius:50%;background:var(--ink-3)}.article-v2 .chip.used{border-color:var(--ink);color:var(--ink)}.article-v2 .chip.used .sw{background:var(--good)}.article-v2 .chip.cat{border-color:var(--ink);color:var(--ink)}.article-v2 .chip.cat .sw{background:var(--hue, var(--prism-hw))}.article-v2 h1.head{font-family:var(--serif);font-weight:500;font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-.005em;margin:0 0 18px;text-wrap:balance}.article-v2[data-lang=en] h1.head{font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.022em}.article-v2 .deck{font-family:var(--thai);font-style:normal;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:var(--ink-2);max-width:640px;margin:0 0 18px;text-wrap:pretty}.article-v2[data-lang=en] .deck{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.6vw,22px);line-height:1.45}.article-v2 .byline{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);display:flex;gap:18px;align-items:center;flex-wrap:wrap}.article-v2 .byline .v{color:var(--ink)}.article-v2 .byline .sep{opacity:.4}.article-v2 .byline .pair-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:var(--ink);border-bottom:1px solid var(--ink);text-decoration:none}.article-v2 .hero-img{aspect-ratio:3 / 4;background:linear-gradient(160deg,color-mix(in oklch,var(--hue, var(--prism-hw)) 16%,var(--paper)) 0%,var(--paper-3) 70%),repeating-linear-gradient(45deg,var(--paper-3) 0 14px,var(--paper-2) 14px 28px);border:1px solid var(--rule);position:relative;overflow:hidden}.article-v2 .hero-img:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--hue, var(--prism-hw));z-index:1}.article-v2 .hero-img img{width:100%;height:100%;object-fit:cover;display:block}.article-v2 .hero-img .lbl{position:absolute;bottom:12px;left:14px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.06em}.article-v2 .hero-img .inner{position:absolute;inset:18% 22%;background:var(--paper);border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.08em}.article-v2 .main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:64px;padding-top:36px}.article-v2 article{max-width:680px}.article-v2 article>p,.article-v2 article>ul,.article-v2 article>ol{font-family:var(--serif);font-size:var(--fs-body);line-height:1.65;color:var(--ink);margin:0 0 20px}.article-v2[data-lang=th] article>p,.article-v2[data-lang=th] article>ul,.article-v2[data-lang=th] article>ol{font-family:var(--thai);font-size:calc(var(--fs-body) - .5px);line-height:1.75}.article-v2 article>ul,.article-v2 article>ol{padding-left:1.4em}.article-v2 article>ul li,.article-v2 article>ol li{margin-bottom:6px}.article-v2 article>h2{font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.1;letter-spacing:-.015em;margin:48px 0 16px;padding-top:4px;text-wrap:balance;scroll-margin-top:24px}.article-v2 article>h3{font-family:var(--sans);font-weight:600;font-size:18px;letter-spacing:-.005em;margin:32px 0 10px}.article-v2[data-lang=th] article>h3{font-family:var(--thai)}.article-v2 article a{color:var(--ink);border-bottom:1px solid var(--hue, var(--prism-hw));text-decoration:none}.article-v2 article a:hover{background:color-mix(in oklch,var(--hue, var(--prism-hw)) 10%,transparent)}.article-v2 article>blockquote{font-family:var(--serif);font-style:italic;font-weight:500;font-size:24px;line-height:1.3;letter-spacing:-.015em;margin:32px 0;padding:20px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);color:var(--ink);text-wrap:balance}.article-v2 article>blockquote p{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}.article-v2 article>blockquote:before{content:'"';font-size:42px;line-height:0;vertical-align:-16px;color:var(--hue, var(--prism-hw));margin-right:6px}.article-v2[data-lang=th] article>blockquote{font-family:var(--thai);font-style:normal;font-size:20px}.article-v2 article>table{width:100%;border-collapse:collapse;font-family:var(--sans);margin:24px 0}.article-v2[data-lang=th] article>table{font-family:var(--thai)}.article-v2 article>table th,.article-v2 article>table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);font-size:14px}.article-v2 article>table th{font-family:var(--mono);font-size:10.5px;font-weight:500;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--ink)}.article-v2 aside.side{position:sticky;top:24px;align-self:start}.article-v2 .toc{border:1px solid var(--rule);padding:14px 16px;background:var(--paper);margin-bottom:18px}.article-v2 .toc h5{margin:0 0 10px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.article-v2 .toc ol{list-style:none;padding:0;margin:0;counter-reset:step;font-size:13px;line-height:1.5}.article-v2 .toc li{counter-increment:step;padding:4px 0 4px 30px;position:relative}.article-v2 .toc li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:4px;font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.04em}.article-v2 .toc li a{color:var(--ink-2);text-decoration:none;border-bottom:0}.article-v2 .toc li a:hover{color:var(--ink);background:none}.article-v2 .toc li.on a{color:var(--ink);font-weight:500}.article-v2 .toc li.on:before{color:var(--hue, var(--prism-hw))}.article-v2 .side-cta{border:1px dashed var(--ink-2);padding:14px 16px;background:var(--paper)}.article-v2 .side-cta h5{margin:0 0 4px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.article-v2 .side-cta p{margin:0 0 10px;font-size:13px;color:var(--ink-2);line-height:1.5}.article-v2 .side-cta form{display:flex;gap:0}.article-v2 .side-cta input{flex:1;font-family:var(--mono);font-size:12px;padding:7px 10px;border:1px solid var(--rule);background:var(--paper-2);color:var(--ink);border-right:0}.article-v2 .side-cta button{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:7px 12px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer}.article-v2 .related{margin-top:48px}.article-v2 .related h3{font-family:var(--serif);font-weight:500;font-size:24px;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid var(--ink);display:flex;align-items:center;gap:10px}.article-v2 .related h3 svg{width:14px;height:14px}.article-v2 .related h3 em{font-style:italic}.article-v2 .rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--rule)}.article-v2 .rel-grid a{padding:18px 20px;text-decoration:none;color:var(--ink);border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:8px;transition:background .15s ease}.article-v2 .rel-grid a:last-child{border-right:0}.article-v2 .rel-grid a:hover{background:var(--paper-2)}.article-v2 .rel-grid .kind{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;align-items:center}.article-v2 .rel-grid .kind .hue{width:7px;height:7px;border-radius:50%;background:var(--hue, var(--prism-hw))}.article-v2 .rel-grid h4{font-family:var(--serif);font-weight:500;font-size:18px;line-height:1.2;margin:0;letter-spacing:-.005em}.article-v2[data-lang=th] .rel-grid h4{font-family:var(--thai);line-height:1.4}.article-v2 .rel-grid .m{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.04em;margin-top:auto;padding-top:8px}.article-v2 .footer-newsletter{max-width:720px;margin:64px auto 0}.article-v2 .footer{margin-top:48px;padding-top:28px;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;font-size:13px;color:var(--ink-2)}.article-v2 .footer h5{margin:0 0 10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.article-v2 .footer ul{list-style:none;padding:0;margin:0;line-height:1.9}.article-v2 .footer a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid transparent}.article-v2 .footer a:hover{border-bottom-color:var(--ink-2);color:var(--ink)}.article-v2 .footer .copy{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.04em}@media(max-width:1000px){.article-v2 .article-head{grid-template-columns:1fr;gap:28px}.article-v2 .hero-img{aspect-ratio:16 / 10;max-width:520px}.article-v2 .main{grid-template-columns:1fr;gap:32px}.article-v2 aside.side{position:static}}@media(max-width:680px){.article-v2{padding:16px 20px 80px}.article-v2 .nav-links{display:none}.article-v2 article{max-width:100%}.article-v2 .rel-grid{grid-template-columns:1fr}.article-v2 .rel-grid a{border-right:0;border-bottom:1px solid var(--rule)}.article-v2 .rel-grid a:last-child{border-bottom:0}.article-v2 .footer{grid-template-columns:1fr}}