/* Listings: blog index, archives, search, 404 */
.listing__grid { margin-top: var(--space-block); }
.listing__search { max-width: 520px; margin-top: 1.5rem; }
.content-card { display: grid; gap: 1rem; align-content: start; }
.content-card__media { display: block; aspect-ratio: 3 / 2; overflow: hidden; border-radius: var(--radius); background: var(--c-surface-alt, #f3f1ec); }
.content-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--ease); }
.content-card:hover .content-card__media img { transform: scale(1.05); }
.content-card__type { font-size: 0.6875rem; letter-spacing: 0.18em; text-transform: uppercase; font-weight: 600; color: var(--c-accent, #8a5a24); }
.content-card__title { font-size: 1.5rem; }
.content-card__title a { color: inherit; text-decoration: none; }
.content-card__title a:hover { color: var(--c-accent, #8a5a24); }
.content-card__meta { font-size: var(--text-xs); color: var(--c-muted, #676c73); letter-spacing: 0.06em; text-transform: uppercase; }
.content-card__excerpt { font-size: var(--text-sm); color: var(--c-body, #3b3f45); }
.content-card__link { justify-self: start; }
.pagination { margin-top: var(--space-block); }
.pagination .nav-links { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; height: 2.75rem; padding: 0 0.9rem; border: 1px solid var(--c-border-strong, #6f7985); border-radius: var(--radius); text-decoration: none; color: var(--c-ink, #141414); font-size: var(--text-sm); font-weight: 500; }
.pagination .page-numbers.current, .pagination .page-numbers:hover { background: var(--c-ink, #141414); color: #fff; border-color: var(--c-ink, #141414); }
.pagination .page-numbers.dots { border: 0; }
.not-found { text-align: left; }
.not-found h1 { margin-bottom: 1.25rem; }
.not-found__search { max-width: 520px; margin-top: 2rem; }
.not-found__actions { margin-top: 2rem; }
.no-results { padding: 2rem; border: 1px dashed var(--c-border-strong, #6f7985); border-radius: var(--radius); }
