/* Blog list and article pages, inside the main site frame. */
.blog { max-width: 820px; padding-top: 48px; padding-bottom: 72px; }
.blog .h1 { margin-bottom: 28px; }
.blog-card { padding: 22px 0; border-top: 1px solid var(--line, #e3e7ee); }
.blog-card h2 { font-size: 1.35rem; margin: 0 0 8px; }
.blog-card a { text-decoration: none; color: inherit; }
.blog-card a:hover { color: var(--brand, #000cff); }
.blog-meta { font-family: var(--mono, monospace); font-size: 0.78rem; color: var(--ink-3, #6b7690); }
.prose { font-size: 1.06rem; line-height: 1.75; }
.prose h2 { font-size: 1.5rem; margin: 2em 0 0.5em; }
.prose h3 { font-size: 1.2rem; margin: 1.6em 0 0.4em; }
.prose p, .prose ul, .prose ol { margin: 0 0 1.1em; }
.prose a { color: var(--brand, #000cff); }
.prose img { max-width: 100%; height: auto; }