/* Additions for templates the original compiled CSS doesn't cover
   (archive grid, pagination, small fixes). Visual language matches the site. */

.cx-archive-title { margin: 32px 0 8px; }

.cx-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px 24px;
    margin: 24px 0 40px;
}
@media (max-width: 1024px) { .cx-archive-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .cx-archive-grid { grid-template-columns: 1fr; } }

.cx-pagination { display: flex; justify-content: center; gap: 6px; margin: 0 0 56px; flex-wrap: wrap; }
.cx-pagination .page-numbers {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #111;
    padding: 8px 14px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    text-decoration: none;
    background: #fff;
}
.cx-pagination .page-numbers.current { background: #e30613; border-color: #e30613; color: #fff; }
.cx-pagination .page-numbers:hover:not(.current) { border-color: #111; }

.cx-no-results { font-family: "Plus Jakarta Sans", sans-serif; margin: 24px 0 64px; }

/* Author avatar images from get_avatar() */
.author__avatar img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }

/* Keep embedded videos responsive inside content */
.single-page__content iframe { max-width: 100%; }