/* openslides.dev/blog/ — the list and the posts. Loaded after site.css, only
 * by the blog pages; the prose column is site.css's .doc, narrowed here to a
 * reading measure. Every value reads a token, as in site.css. */
.post p, .post li, .post h2 { max-width: 68ch; }
.post .crumb { font: var(--type-caption); color: var(--text-faint); margin-bottom: var(--space-6); }
.post .crumb a { color: var(--text-muted); border-bottom: 0; }
.post .crumb a:hover { color: var(--text-strong); }
.post .updated { margin-bottom: var(--space-8); }
.post code { color: var(--text-strong); }
.post .post-back { margin-top: var(--space-12); }

.post-list { list-style: none; padding: 0; margin: 0; display: grid; }
.post-list li { padding-block: var(--space-8); border-top: 1px solid var(--border-hairline); }
.post-list li:last-child { border-bottom: 1px solid var(--border-hairline); }
.post-list time { font: var(--type-caption); color: var(--text-faint); }
.post-list h2 { margin: var(--space-2) 0 var(--space-3); }
.post-list h2 a { color: var(--text-strong); border-bottom: 0; }
.post-list h2 a:hover { color: var(--accent); }
.post-list p + p { margin-top: var(--space-3); }