: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-body h2{margin-top:36px;font-size:24px}.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:100%;margin:20px 0;font-size:15px}.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{padding:28px 0 8px}.hero-eyebrow{color:var(--accent-ink);margin:0 0 10px;font-size:14px}.hero-title{margin:0 0 14px;font-size:44px}.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}.topic-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none;display:grid}.topic-card{border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:10px;height:100%;padding:16px 18px;text-decoration:none;display:block}.topic-card:hover{background:#f7f5f1}.topic-card-name{color:var(--ink);font-family:Georgia,TH Sarabun New,serif;font-size:18px;font-weight:700;display:block}.topic-card-count{color:var(--accent-ink);margin-top:2px;font-size:13px;display:block}.topic-card-desc{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.6;display:block}.topic-card-go{color:var(--accent-ink);margin-top:10px;font-size:14px;display:block}.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}