/* ============================================
   Blog Detail Meta – feature header & tags
   ============================================ */

.feature-header {
    margin-top: var(--margin-xl);
    margin-bottom: var(--margin-xl);
}

.tag {
    display: inline-block;
    font-size: var(--font-size-xs);
    padding: var(--gap-xs) var(--gap-sm);
    border-radius: var(--radius-pill);
    background: var(--color-surface-muted);
    color: var(--color-text-primary);
}

.tag--status {
    background: var(--color-primary-100);
    color: var(--color-primary-700);
    font-weight: var(--font-weight-bold);
}

.tag--released {
    background: var(--color-success);
    color: white;
}