.content-shell, .article-container { max-width: 860px; }
.content-card, .article { padding: clamp(1.5rem, 4vw, 3rem); background: white; }
.content-card + .content-card { margin-top: 1.5rem; }
.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
.post-card { overflow: hidden; padding: 1rem; background: white; border-radius: var(--radius-sm); }
.post-card__image { display: block; margin: -1rem -1rem 1rem; }
.post-card__image img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.post-card__meta { color: var(--muted); font-size: 0.78rem; }
.post-card h2 { font-size: 1.6rem; }
.article__header { margin-bottom: 2rem; }
.article__featured { margin: 0 0 2.5rem; }
.article__featured img { width: 100%; }
.article__content { font-size: 1.07rem; }
.article__content > * + * { margin-top: 1.25em; }
.article__content h2, .article__content h3 { margin-top: 1.8em; }
.error-page { max-width: 720px; text-align: center; }
.nav-links { display: flex; gap: 0.7rem; margin-top: 2rem; }
.page-numbers { display: inline-grid; place-items: center; min-width: 40px; min-height: 40px; padding: 0.4rem; background: white; text-decoration: none; }
.page-numbers.current { background: var(--forest); color: white; }

@media (max-width: 860px) { .post-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 580px) { .post-grid { grid-template-columns: 1fr; } }