.site-header { width: 100%; }
.main-content { max-width: 60rem; margin: 0 auto; padding: 0 1rem 3rem; }
.post-meta { font-size: .9em; opacity: .85; margin: .25rem 0 .75rem; display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.post-cover, .article-hero { max-width: 100%; height: auto; display: block; margin-bottom: .75rem; }
.article-body img { max-width: 100%; height: auto; }
.article-body pre { overflow-x: auto; }
.site-footer { text-align: center; padding: 1.5rem 1rem; font-size: .9em; opacity: .85; }
.tag-list { display: flex; flex-wrap: wrap; gap: .25rem; margin-top: .5rem; }