:root{--ink:#1c1a17;--muted:#5f5a52;--line:#e5e0d8;--paper:#fff;--accent:#0b6e4f;--accent-ink:#08472f;--code-bg:#f4f1ec}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--paper);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,TH Sarabun New,Leelawadee UI,Tahoma,sans-serif;font-size:17px;line-height:1.75}h1,h2,h3{letter-spacing:0;font-family:Georgia,TH Sarabun New,Times New Roman,serif;line-height:1.35}a{color:var(--accent-ink)}.wrap{max-width:720px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line)}.site-header .wrap{justify-content:space-between;align-items:baseline;gap:16px;padding-top:18px;padding-bottom:18px;display:flex}.brand{color:var(--ink);font-family:Georgia,TH Sarabun New,serif;font-size:22px;font-weight:700;text-decoration:none}.brand small{color:var(--muted);margin-left:8px;font-family:inherit;font-size:13px;font-weight:400}.nav a{color:var(--muted);margin-left:18px;font-size:15px;text-decoration:none}.nav a:hover{color:var(--ink);text-decoration:underline}main .wrap{padding-top:36px;padding-bottom:64px}.lede{color:var(--muted);font-size:19px}.post-list{margin:28px 0 0;padding:0;list-style:none}.post-list li{border-top:1px solid var(--line);padding:16px 0}.post-list li:last-child{border-bottom:1px solid var(--line)}.post-list a.title{color:var(--ink);font-family:Georgia,TH Sarabun New,serif;font-size:20px;font-weight:700;text-decoration:none}.post-list a.title:hover{color:var(--accent-ink);text-decoration:underline}.meta{color:var(--muted);margin-top:4px;font-size:14px}.meta .topic-tag{border:1px solid var(--line);color:var(--accent-ink);border-radius:999px;margin-right:8px;padding:0 10px;font-size:13px;text-decoration:none;display:inline-block}.excerpt{color:var(--muted);margin:6px 0 0;font-size:15.5px}.article h1{margin:0 0 8px;font-size:32px}.article-cover{margin:20px 0 0}.article-cover img{border:1px solid var(--line);border-radius:10px;width:100%;height:auto}.article-body>p:first-of-type{color:var(--muted);font-size:19px}.article-body h2{border-top:1px solid var(--line);margin-top:36px;padding-top:12px;font-size:24px}.article-body li{margin-bottom:6px}.article-nav{border-top:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:16px;font-size:15px;display:flex}.article-body h3{margin-top:28px;font-size:20px}.article-body pre{background:var(--code-bg);border:1px solid var(--line);border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.6;overflow-x:auto}.article-body code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.article-body p code,.article-body li code{background:var(--code-bg);border-radius:4px;padding:1px 6px}.article-body table{border-collapse:collapse;width:max-content;max-width:100%;margin:20px 0;font-size:15px;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;padding:8px 12px}.article-body th{background:var(--code-bg)}.article-body blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:20px 0;padding:4px 0 4px 16px}.hero{grid-template-columns:1fr;padding:28px 0 8px;display:grid}.hero-text{min-width:0}.hero-eyebrow{color:var(--accent-ink);align-items:center;gap:10px;margin:0 0 12px;font-size:14px;display:flex}.hero-eyebrow:before{content:"";background:var(--accent);width:28px;height:3px}.hero-title{margin:0 0 14px;font-size:clamp(40px,6vw,62px);line-height:1.15}.hero-art{margin:0;display:none}@media (min-width:760px){.hero{grid-template-columns:1.35fr 1fr;align-items:center;gap:24px}.hero-art{display:block}.hero-art svg{width:100%;max-width:300px;height:auto;margin-left:auto;display:block}}.hero-links{margin:22px 0 0}.btn{background:var(--accent-ink);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-right:12px;padding:9px 22px;font-family:inherit;font-size:15.5px;text-decoration:none;display:inline-block}.btn:hover{background:#063a28}.hero-stats{color:var(--muted);margin:18px 0 0;font-size:14px}.featured{border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:10px;margin-top:18px;padding:22px 24px;text-decoration:none;display:block}.featured:hover{background:#f7f5f1}.featured-eyebrow{color:var(--accent-ink);font-size:14px;display:block}.featured-title{color:var(--ink);margin-top:6px;font-family:Georgia,TH Sarabun New,serif;font-size:28px;font-weight:700;line-height:1.4;display:block}.featured-excerpt{color:var(--muted);margin-top:8px;font-size:16px;line-height:1.7;display:block}.featured-go{color:var(--accent-ink);margin-top:12px;font-size:15px;display:block}.topic-index{margin:18px 0 0;padding:0;list-style:none}.topic-index-row{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:4px 16px;padding:18px 0;display:grid}.topic-index-row:last-child{border-bottom:1px solid var(--line)}.topic-index-num{color:var(--accent,#0b6e4f);font-family:Georgia,TH Sarabun New,serif;font-size:30px;font-weight:700;line-height:1.2}.topic-index-main{min-width:0}.topic-index-name{color:var(--ink);font-family:Georgia,TH Sarabun New,serif;font-size:21px;font-weight:700;text-decoration:none}.topic-index-name:hover{color:var(--accent-ink);text-decoration:underline}.topic-index-desc{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.65;display:block}.topic-index-side{flex-wrap:wrap;grid-column:2;align-items:baseline;gap:2px 14px;margin-top:6px;font-size:14px;display:flex}.topic-index-count{color:var(--accent-ink);white-space:nowrap}.topic-index-latest{color:var(--muted);text-decoration:none}.topic-index-latest:hover{color:var(--ink);text-decoration:underline}@media (min-width:760px){.topic-index-row{grid-template-columns:60px 1fr auto;gap:4px 20px}.topic-index-side{text-align:right;flex-direction:column;grid-column:3;align-items:flex-end;gap:4px;max-width:250px;margin-top:0}}.btn-ghost{color:var(--accent-ink);padding:9px 4px;font-size:15.5px;display:inline-block}main .wrap section+section{margin-top:44px}.section-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:6px;display:flex}.section-head h2{margin:0;font-size:24px}.section-head a{white-space:nowrap;font-size:14px}.section-sub{color:var(--muted);margin:10px 0 0}.feature-list{margin:18px 0 0;padding:0;list-style:none}.feature-list li{border-top:1px solid var(--line);gap:18px;padding:16px 0;display:flex}.feature-list li:last-child{border-bottom:1px solid var(--line)}.feature-num{color:var(--accent);font-family:Georgia,serif;font-size:28px;font-weight:700;line-height:1.2}.feature-list a.title{color:var(--ink);font-family:Georgia,TH Sarabun New,serif;font-size:20px;font-weight:700;text-decoration:none}.feature-list a.title:hover{color:var(--accent-ink);text-decoration:underline}.topic-list{margin:14px 0 0;padding:0;list-style:none}.topic-list li{border-top:1px solid var(--line);padding:10px 0}.topic-list li:last-child{border-bottom:1px solid var(--line)}.topic-list span{color:var(--muted);font-size:15px}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:14px}.site-footer .wrap{padding-top:20px;padding-bottom:28px}.rss-link{color:var(--muted);margin-left:12px;font-size:14px}.rss-link:hover{color:var(--ink)}.byline{margin-top:6px;font-size:14px;display:block}.byline a{color:var(--muted)}.byline a:hover{color:var(--ink)}.ai-prompt-box{border:1px solid var(--line);background:var(--code-bg);border-radius:8px;margin-top:40px;padding:20px 22px}.ai-prompt-box h2{margin:0 0 8px;font-size:20px}.ai-prompt-box p{color:var(--muted);margin:0 0 12px;font-size:15px}.ai-prompt-box blockquote{border-left:3px solid var(--accent);background:var(--paper);margin:0 0 14px;padding:12px 14px;font-size:15px}.ai-prompt-box button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:15px}.ai-prompt-box button:hover{background:var(--accent-ink)}