.blog-shell { max-width: 54rem; }
.blog-post { border-bottom: 1px solid var(--line-soft); padding: 1.5rem 0; }
.blog-post h2 { margin: .5rem 0; }
.blog-post img { display: block; max-width: 100%; height: auto; border-radius: .65rem; }
.blog-post details { margin-top: 1rem; }
.blog-post summary { cursor: pointer; color: var(--gold-light); }
.blog-meta { color: var(--muted); }
.blog-body { margin-top: 1rem; line-height: 1.85; overflow-wrap: anywhere; }
.blog-body pre, .blog-body table { display: block; max-width: 100%; overflow-x: auto; }
.blog-cover { width: min(100%, 36rem); }