:root { --bg:#faf7f2; --ink:#1c1917; --accent:#ea580c; --muted:#78716c; --line:#e7e5e4; }
* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: Georgia, 'Times New Roman', serif; background: var(--bg); color: var(--ink); line-height: 1.75; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }
.wrap { max-width: 760px; margin: 0 auto; padding: 48px 28px; }
header.site { padding: 24px 0; border-bottom: 1px solid var(--line); margin-bottom: 40px; }
.brand { font-size: 13px; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); font-family: -apple-system, sans-serif; font-weight: 600; }
h1.title { font-size: 44px; line-height: 1.15; margin: 16px 0 12px; font-weight: 600; letter-spacing: -0.5px; }
p.sub { color: var(--muted); font-size: 19px; max-width: 560px; }
.post-list { list-style: none; }
.post-list li { padding: 26px 0; border-bottom: 1px solid var(--line); }
.post-list li:last-child { border-bottom: none; }
.post-list h2 { font-size: 26px; font-weight: 600; letter-spacing: -0.3px; }
.post-list time { font-size: 12px; color: var(--muted); text-transform: uppercase; letter-spacing: 1.5px; font-family: -apple-system, sans-serif; }
.post-list p { color: var(--muted); margin-top: 8px; }
article h1 { font-size: 40px; line-height: 1.2; margin: 8px 0 12px; font-weight: 600; letter-spacing: -0.5px; }
article .meta { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; font-family: -apple-system, sans-serif; margin-bottom: 36px; }
article .body { font-size: 19px; }
article .body p { margin-bottom: 1.5em; }
article .body h2 { font-size: 30px; margin: 1.8em 0 0.7em; letter-spacing: -0.3px; }
article .body h3 { font-size: 24px; margin: 1.5em 0 0.5em; }
article .body ul, article .body ol { margin: 0 0 1.5em 1.6em; }
article .body li { margin-bottom: 0.5em; }
article .body blockquote { border-left: 4px solid var(--accent); padding-left: 20px; color: var(--muted); font-style: italic; margin: 0 0 1.5em; }
article .body img { max-width: 100%; height: auto; border-radius: 10px; margin: 10px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.06); }
article .body figure { margin: 0 0 1.5em; }
article .body figcaption { font-size: 14px; color: var(--muted); text-align: center; margin-top: 6px; }
article .body pre { background: #1c1917; color: #faf7f2; padding: 16px 20px; border-radius: 8px; overflow-x: auto; font-size: 15px; }
article .body code { font-family: 'SF Mono', Consolas, monospace; }
article figure.cover { margin: 0 0 28px; }
article figure.cover img { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 8px 30px rgba(0,0,0,0.1); }
footer.site { margin-top: 56px; padding-top: 28px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }