.post-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.post-card { overflow: hidden; background: #fff; border: 1px solid var(--dl-border); border-radius: var(--dl-radius); }
.post-card__image { display: block; background: var(--dl-midnight-soft); }
.post-card__image img, .post-card__placeholder { width: 100%; aspect-ratio: 4/3; object-fit: cover; }
.post-card__placeholder { display: grid; place-items: center; color: var(--dl-gold); font-size: 2rem; }
.post-card__body { padding: 1.6rem; }
.post-card__body h2 { font-size: 1.65rem; }
.post-card__body h2 a, .text-link { text-decoration: none; }
.post-card__meta, .text-link { color: var(--dl-muted); font-size: .72rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.pagination { padding-bottom: 5rem; }
.nav-links { display: flex; flex-wrap: wrap; gap: .6rem; }
.page-numbers { display: grid; min-width: 42px; height: 42px; place-items: center; padding: 0 .8rem; border: 1px solid var(--dl-border); border-radius: 8px; text-decoration: none; }
.page-numbers.current { color: var(--dl-light); background: var(--dl-midnight); }
.single-post__header { max-width: 980px; padding-block: 5rem 2rem; text-align: center; }
.single-post__header h1 { max-width: 840px; margin-inline: auto; }
.single-post__image { margin-top: 3rem; }
.single-post__image img { width: 100%; max-height: 680px; object-fit: cover; border-radius: var(--dl-radius); }
.post-navigation { padding-bottom: 5rem; }
.content-none { grid-column: 1/-1; padding: 3rem; border: 1px solid var(--dl-border); border-radius: var(--dl-radius); }
@media (max-width: 900px) { .post-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 620px) { .post-grid { grid-template-columns: 1fr; } }