/* ==========================================================================
   ARCHIVE CSS — blog index, category, search, archive pages
   ========================================================================== */

.rbx-archive-header,
.rbx-category-header {
    margin-bottom: calc(var(--gap) * 1.5);
}

.rbx-archive-description,
.rbx-category-description {
    color: var(--rbx-text-dim);
    font-size: 0.95rem;
    margin-top: var(--gap-sm);
}

.rbx-post-count {
    font-size: 0.8rem;
    color: var(--rbx-text-dim);
    background: var(--rbx-mid);
    padding: 0.2em 0.65em;
    border-radius: var(--radius);
    white-space: nowrap;
    align-self: center;
}

/* SVG thumbnail fallback in card context */
.rbx-card .rbx-svg-thumbnail {
    border-radius: 0;
    margin: 0;
    border: none;
}
.rbx-card .rbx-svg-thumbnail svg {
    aspect-ratio: 16/9;
    width: 100%;
    height: auto;
}