.article .bottomright { padding-top: 40px; padding-bottom: 50px; }

.post-lede { font-style: italic; color: #4a3d22; margin: 0 0 14px; font-size: 13px; }
.post-list { list-style: none; margin: 0; padding: 0; }
.post-row { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid #c8b58a; }
.post-row:first-child { padding-top: 4px; }
.post-row:last-child { border-bottom: 0; }
.post-thumb { flex: 0 0 140px; display: block; }
.post-thumb img { width: 100%; height: auto; display: block; border: 1px solid #6c4f1d; box-sizing: border-box; }
.post-info { flex: 1; min-width: 0; }
.post-title { margin: 0 0 4px; font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; font-variant: small-caps; font-size: 18px; font-weight: bold; color: #30291f; line-height: 1.2; }
.post-title a { color: #30291f; text-decoration: none; }
.post-title a:hover { text-decoration: underline; }
.post-meta { font-size: 11px; color: #6a5a36; margin-bottom: 6px; }
.post-meta .author { font-style: italic; }
.post-excerpt { margin: 0; font-size: 13px; color: #4a3d22; line-height: 1.5; }
.post-empty { font-style: italic; color: #6a5a36; padding: 14px 0; }
.post-pagination { margin-top: 18px; }

.post-hero { display: block; max-width: 100%; height: auto; margin: 0 0 14px; border: 1px solid #6c4f1d; box-sizing: border-box; }
.post-body { font-size: 13px; line-height: 1.6; color: #2a2418; }
.post-body p { margin: 0 0 12px; }
.post-body img { max-width: 100%; height: auto; }
.post-body h2, .post-body h3 { font-family: Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif; color: #30291f; margin: 18px 0 8px; }
.post-body h2 { font-size: 18px; font-variant: small-caps; }
.post-body h3 { font-size: 16px; }
.post-body a { color: #6c4f1d; }
.post-body ul, .post-body ol { margin: 0 0 12px 24px; padding: 0; }
.post-body li { margin-bottom: 4px; }
.post-body blockquote { border-left: 3px solid #c8b58a; margin: 0 0 12px; padding: 4px 0 4px 12px; color: #4a3d22; font-style: italic; }
.post-back { margin: 18px 0 0; font-size: 12px; }
.post-back a { color: #6c4f1d; }

@media (max-width: 560px) {
    .post-row { flex-direction: column; gap: 10px; }
    .post-thumb { flex: 1 1 auto; max-width: 240px; }
}