/**
 * Blog index + single article.
 */

.evelia-blog-head { padding-top: 4rem; text-align: center; }
.evelia-blog-head__intro { margin-top: 1rem; max-width: 32rem; margin-inline: auto; color: hsl(var(--muted-foreground)); }

.evelia-blog-grid { display: grid; gap: 2rem; padding-block: 3rem 4rem; }
@media (min-width: 640px) { .evelia-blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .evelia-blog-grid { grid-template-columns: repeat(3, 1fr); } }

.evelia-blog-card { border-radius: 1.75rem; overflow: hidden; background: hsl(var(--ivory)); box-shadow: 0 12px 40px -16px hsl(348 34% 46% / 0.16); }
.evelia-blog-card__media { display: block; aspect-ratio: 4/3; background: hsl(var(--blush) / 0.4); overflow: hidden; }
.evelia-blog-card__media img { width: 100%; height: 100%; object-fit: cover; }
.evelia-blog-card__body { padding: 1.5rem; }
.evelia-blog-card__cat { font-size: 10px; letter-spacing: 0.2em; color: hsl(var(--gold)); text-transform: uppercase; }
.evelia-blog-card__title { font-family: var(--font-display-family); font-size: 1.25rem; margin-top: 0.5rem; }
.evelia-blog-card__title a { color: hsl(var(--plum)); }
.evelia-blog-card__excerpt { margin-top: 0.5rem; font-size: 0.875rem; color: hsl(var(--muted-foreground)); line-height: 1.7; }
.evelia-blog-card__meta { margin-top: 0.75rem; font-size: 0.75rem; color: hsl(var(--muted-foreground)); }
.evelia-blog-empty { text-align: center; padding: 4rem 0; color: hsl(var(--muted-foreground)); }
.evelia-blog-pagination { display: flex; justify-content: center; gap: 0.5rem; padding-bottom: 4rem; }
.evelia-blog-pagination .page-numbers {
	display: flex;
	height: 2.25rem;
	min-width: 2.25rem;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	border: 1px solid hsl(var(--champagne) / 0.6);
	padding-inline: 0.5rem;
}
.evelia-blog-pagination .page-numbers.current { background: hsl(var(--rose)); color: #fff; border-color: transparent; }

.evelia-article__head { padding: 3rem 0 1.5rem; text-align: center; }
.evelia-article__title { font-family: var(--font-display-family); font-size: 2.25rem; margin-top: 0.75rem; color: hsl(var(--plum)); }
.evelia-article__meta { margin-top: 0.5rem; font-size: 0.8125rem; color: hsl(var(--muted-foreground)); }
.evelia-article__cover img { width: 100%; max-width: 86rem; margin-inline: auto; display: block; border-radius: 1.5rem; object-fit: cover; max-height: 34rem; }
.evelia-article__content { padding-block: 3rem; font-size: 1rem; line-height: 1.95; color: hsl(var(--foreground) / 0.9); }
.evelia-article__content p { margin-bottom: 1.5rem; }
.evelia-article__content h2, .evelia-article__content h3 { font-family: var(--font-display-family); color: hsl(var(--plum)); margin: 2rem 0 1rem; }
.evelia-article__content img { border-radius: 1.25rem; }
.evelia-article__footer { padding-bottom: 3rem; }
.evelia-comments { padding-bottom: 4rem; }
.evelia-comments__list { list-style: none; padding: 0; margin: 1.5rem 0; display: flex; flex-direction: column; gap: 1.25rem; }
.evelia-comments__list .comment-body { border: 1px solid hsl(var(--champagne) / 0.4); border-radius: 1.25rem; padding: 1.25rem; }