/* Blog pages: reuse the playground's tokens from ../style.css */
.post { max-width: 720px; margin: 0 auto; padding: 32px 20px 64px; line-height: 1.7; }
.post h1 { font-size: 2rem; line-height: 1.25; margin: 0 0 8px; }
.post .meta { color: var(--text-3); margin: 0 0 32px; font-size: 0.95rem; }
.post h2 { margin: 40px 0 12px; font-size: 1.35rem; }
.post p, .post li { color: var(--text); }
.post a { color: var(--accent); }
.post img { max-width: 100%; height: auto; border-radius: var(--radius); border: 1px solid var(--border); }
.post pre { background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius); padding: 14px 16px; overflow-x: auto; font: var(--code-size)/var(--code-line) var(--font-mono); }
.post code { font-family: var(--font-mono); font-size: 0.92em; }
.post :not(pre) > code { background: var(--surface-2); padding: 1px 5px; border-radius: 4px; }
.post-list { list-style: none; padding: 0; }
.post-list li { padding: 16px 0; border-bottom: 1px solid var(--border); }
.post-list a { font-size: 1.15rem; font-weight: 600; text-decoration: none; }
.post-list p { margin: 4px 0 0; color: var(--text-2); }