/**
 * Reassurance strip — objection-solvers grouped horizontally.
 * Variants: inline (decision moment), footer (sitewide).
 */

.reassurance-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.reassurance-strip__item {
    font-family: var(--font-sans, system-ui);
    white-space: nowrap;
}

.reassurance-strip__sep {
    margin-left: 0.5rem; /* intentional: adds visual breathing room before the · beyond flex gap */
    opacity: 0.5;
}

.reassurance-strip--inline {
    font-size: var(--text-sm, 0.875rem);
    font-weight: 500;
    color: var(--color-text-muted, #555);
    padding: 0.75rem 0;
}

.reassurance-strip--footer {
    font-size: var(--text-xs, 0.75rem);
    color: var(--color-text-muted-dark, #777);
    padding: 0.5rem 0;
}

@media (width <= 480px) {
    .reassurance-strip__sep {
        display: none;
    }

    .reassurance-strip {
        flex-direction: column;
        gap: 0.125rem;
    }
}