:root { color-scheme: light; --ink: #2b2a26; --muted: #6b6558; --line: #e3dccb; --paper: #fbf8f0; --accent: #3d6b62; }
* { box-sizing: border-box; }
body { margin: 0; background: #ece6d6; color: var(--ink); font: 16px/1.7 "Sarabun", "Noto Sans Thai", system-ui, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 48px; background: var(--paper); min-height: 100vh; }
h1 { margin: 0 0 4px; font-size: 26px; }
h2 { margin: 28px 0 8px; font-size: 18px; border-bottom: 1px solid var(--line); padding-bottom: 4px; }
.meta { color: var(--muted); font-size: 14px; margin: 0 0 16px; }
ul { padding-left: 22px; }
li { margin: 4px 0; }
a { color: var(--accent); }