/* Blog list, archives, single post */
.page-title { padding-block: 1.5rem .5rem; text-align: center; }
.page-title h1 { margin: 0; }
.section--posts { padding-top: 1.5rem; }
.post-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.75rem 30px; }
.post-card__media { display: block; margin-bottom: 1rem; aspect-ratio: 3 / 2; overflow: hidden; background: var(--c-bg-soft); }
.post-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }
.post-card:hover .post-card__media img { transform: scale(1.03); }
.post-card__title { margin: 0 0 .4rem; font-size: 1.125rem; line-height: 1.3; }
.post-card__title a { color: var(--c-ink); }
.post-card__title a:hover { color: var(--c-accent-dark); }
.post-card__date { display: block; font-size: .75rem; color: var(--c-text); }
@media (max-width: 900px) { .post-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .post-grid { grid-template-columns: 1fr; } }

.post-single { padding-top: 1.75rem; }
.post-single__head { margin-bottom: 1.5rem; }
.post-single__cats { margin: 0 0 .25rem; font-weight: 500; color: #7f8f9b; }
.post-single__cats a { color: #7f8f9b; }
.post-single__cats a:hover { color: var(--c-accent-dark); }
.post-single h1 { margin-bottom: .5rem; font-size: clamp(1.75rem, 1.3rem + 1.4vw, 2.5rem); letter-spacing: 0; }
.post-single__date { font-size: .875rem; color: #7f8f9b; }
.post-single .entry-content h2 { font-size: clamp(1.5rem, 1.2rem + 1vw, 1.75rem); }
.post-single .entry-content img { height: auto; }
.post-single__cover { width: 100%; height: auto; margin-bottom: 1.5rem; border-radius: var(--radius); }