:root{--paper:#f6f3ec;--surface:#fffdf8;--ink:#1f2420;--muted:#5d655f;--line:#d9d4c6;--accent:#1f5f4a;--accent-soft:#e2ede7;--warn:#a3421c;--warn-soft:#f6e4da;--font-body:"Sarabun", system-ui, sans-serif;--font-ui:"IBM Plex Sans Thai", system-ui, sans-serif;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--paper:#151917;--surface:#1c211e;--ink:#e8e6df;--muted:#a2aaa3;--line:#333b36;--accent:#7fc4a8;--accent-soft:#20332b;--warn:#f0a07c;--warn-soft:#3a2419}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:1.125rem;line-height:1.85}a{color:var(--accent);text-underline-offset:.2em}.wrap{max-width:46rem;margin:0 auto;padding:0 1rem}.site-header{border-bottom:1px solid var(--line);font-family:var(--font-ui)}.site-header .wrap{justify-content:space-between;align-items:baseline;padding-block:1rem;display:flex}.site-header a{color:var(--ink);font-weight:600;text-decoration:none}.site-header span{color:var(--muted);font-size:.875rem}main.wrap{padding-block:2.5rem 4rem}h1,h2,h3{font-family:var(--font-ui);text-wrap:balance;line-height:1.35}h1{margin:0 0 .5rem;font-size:clamp(1.75rem,5vw,2.5rem)}h2{margin-top:2.5rem;font-size:1.375rem}.eyebrow{font-family:var(--font-ui);color:var(--muted);margin:0 0 .25rem;font-size:.875rem}.lead{color:var(--muted);margin-top:0}blockquote{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);font-family:var(--font-ui);border-radius:4px;margin:2rem 0;padding:1rem 1.25rem;font-size:.9375rem;line-height:1.65}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}blockquote ul{padding-left:1.25rem}blockquote li+li{margin-top:.35rem}img{max-width:100%;height:auto}blockquote img{background:#fff;border-radius:4px;margin-inline:auto;display:block}code{word-break:break-all;font-size:.85em}.card-list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:1.25rem;text-decoration:none;display:block}.card:hover{border-color:var(--accent)}.card h2,.card h3{color:var(--accent);margin:0 0 .25rem;font-size:1.1875rem}.card p{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.pager{border-top:1px solid var(--line);font-family:var(--font-ui);justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;font-size:.9375rem;display:flex}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-ui);padding-block:1.5rem;font-size:.875rem}.byline{font-family:var(--font-ui);color:var(--muted);margin-top:-.5rem}.button{background:var(--accent);color:var(--paper);font-family:var(--font-ui);border-radius:4px;padding:.6rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button:hover{opacity:.9}.part{margin-top:2.5rem}.part h3{margin-bottom:.5rem;font-size:1.1875rem}.part p{color:var(--muted);margin:.5rem 0;font-size:1rem;line-height:1.7}.chapter-num{font-family:var(--font-ui);color:var(--accent);margin:1.5rem 0 0;font-weight:600}.keywords{font-family:var(--font-ui);letter-spacing:.08em;color:var(--muted);margin:.75rem 0 2rem;font-size:.75rem}.prose h2{margin-top:3rem}.prose hr{border:0;border-top:1px solid var(--line);margin:3rem 0}.pager a{text-decoration:none}.pager a:hover{text-decoration:underline}.pager-next{text-align:right}.card .card-sub{color:var(--ink);margin-bottom:.35rem}.group{font-family:var(--font-ui);color:var(--muted);letter-spacing:.02em;margin:1.75rem 0 0;font-size:.9375rem}.chapter-num.code{letter-spacing:.02em;font-size:1.5rem}.prose table{border-collapse:collapse;font-family:var(--font-ui);margin:1.5rem 0;font-size:.9375rem;line-height:1.55;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:.45rem .6rem}.prose thead th{background:var(--accent-soft);font-weight:600}.prose img{background:#fff;border-radius:4px;margin:1.5rem auto .25rem;display:block}.prose img+em,.prose p:has(>a>img)+p>em:only-child{color:var(--muted)}.layer{font-family:var(--font-ui);letter-spacing:.06em;color:var(--accent);border-top:2px solid var(--accent);margin:3rem 0 .5rem;padding-top:1rem;font-size:.8125rem;font-weight:600}.layer+h2{margin-top:.5rem}details.answers{border:1px solid var(--line);background:var(--surface);border-radius:4px;margin:2rem 0}details.answers>summary{cursor:pointer;font-family:var(--font-ui);color:var(--accent);padding:.75rem 1rem;font-weight:600}details.answers[open]>summary{border-bottom:1px solid var(--line)}details.answers>:not(summary){margin-inline:1rem}details.answers>:last-child{margin-bottom:1rem}