/* Blog list + detail — unique styling */
.blog-card { display: block; }
.blog-cover { aspect-ratio: 16/10; border-radius: var(--radius-md); overflow: hidden; margin-bottom: var(--spacing-md); background: var(--bg-secondary); border: 1px solid var(--border-color); }
.blog-cover img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.blog-card:hover .blog-cover img { transform: scale(1.06); }
.blog-cover-placeholder { width: 100%; height: 100%; display: grid; place-items: center; color: var(--border-color); font-size: 2.2rem; }
.blog-card h3 { font-size: 1.32rem; margin: var(--spacing-sm) 0; }
.blog-card p { color: var(--text-light); font-size: 1.1rem; margin-bottom: var(--spacing-sm); }

.post-body-wrap { max-width: 760px; margin: 0 auto; }
.post-cover { width: 100%; border-radius: var(--radius-md); margin-bottom: var(--spacing-xl); }
.post-body { font-size: 1.15rem; line-height: 1.8; color: var(--text-color); }
.post-body p { margin-bottom: var(--spacing-lg); }
.post-body h2, .post-body h3 { margin: var(--spacing-xl) 0 var(--spacing-md); }
.post-body ul, .post-body ol { margin: 0 0 var(--spacing-lg) var(--spacing-lg); list-style: revert; }
.post-body img { border-radius: var(--radius-md); margin: var(--spacing-lg) 0; }