.pricing-tab-content {
    display: none;
}

.pricing-tab-content.active {
    display: block;
}

.pricing-price-stack {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-bottom: 1.25rem;
}

.pricing-price-stack .monthly-equivalent {
    color: var(--color-text-muted);
    font-size: 0.95rem;
    font-weight: 700;
}

.pricing-price-stack .yearly-comparison {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: baseline;
}

.pricing-price-stack .yearly-comparison del {
    color: var(--color-text-muted);
    opacity: 0.75;
}

.pricing-empty-state {
    text-align: center;
    color: var(--color-text-muted);
}