/* Blog example. Layout only; everything else comes from dist/dinsor.css. */

.posts { list-style: none; margin: 0; padding: 0; }

.post-item { padding: var(--space-32) 0; }
.post-item + .post-item { border-top: 1px solid var(--line); }
.post-item h2 a { color: var(--ink); text-decoration: none; }
.post-item h2 a:hover { color: var(--accent); text-decoration: underline; }
.post-item .lede { margin-top: var(--space-12); }

.meta { margin-top: var(--space-8); font-size: var(--text-caption); line-height: 1.45; color: var(--stone); }

.article { max-width: var(--layout-measure); }
.article .meta { margin-top: var(--space-16); }
.article .lede { margin-top: var(--space-24); }
.article p + p { margin-top: var(--space-16); }
.article h2 { margin-top: var(--space-48); }
.article h2 + p { margin-top: var(--space-16); }
.article .quote { margin-top: var(--space-48); margin-bottom: var(--space-48); }
.article pre { margin-top: var(--space-24); }
.article .plain { margin-top: var(--space-16); }

.pager { margin-top: var(--space-96); }