.elkuator_article_metrics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem 1rem;
    margin-top: 0.65rem;
    font-size: 0.875em;
    line-height: 1.4;
}

.elkuator_article_metric {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

.elkuator_article_metric__icon.fa {
    display: inline-flex;
    flex: 0 0 1.1em;
    align-items: center;
    justify-content: center;
    width: 1.1em;
    height: 1.1em;
    font-size: 0.95em;
    line-height: 1;
    text-align: center;
    opacity: 0.82;
}

.elkuator_article_metric__label,
.elkuator_article_metric__value {
    white-space: nowrap;
}

.elkuator_article_metric__value {
    font-weight: 600;
}

@media (max-width: 480px) {
    .elkuator_article_metrics {
        gap: 0.35rem 0.8rem;
        font-size: 0.84em;
    }
}