/* Meta row component for articles/pages */

.meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.meta .meta-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    transition: color var(--transition-fast) var(--ease-out);
}

.meta time,
.meta .author,
.meta .reading-time {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}.author-avatar{
    width: 32px;
    height: 32px;
    aspect-ratio: 1 / 1; /* Added */
    border-radius: var(--radius-full);
    object-fit: cover;
    transition: transform var(--transition-smooth) var(--ease-smooth);
    will-change: transform;

}
.author-avatar:hover {
        transform: translate3d(0, 0, 0) scale(1.1);
    }

/* Documentation metadata (date, reading time) */
.docs-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4);
    font-size: var(--text-sm);
    color: var(--color-text-muted);
}

.docs-meta-item {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    transition: color var(--transition-fast) var(--ease-out);
}

.docs-meta-item svg {
    flex-shrink: 0;
    transition: transform var(--transition-fast) var(--ease-out);
}

.docs-meta-item:hover svg {
    transform: translate3d(0, 0, 0) scale(1.1);
}
