/**
 * Mobile Finder — small additions on top of broadband-card.css
 *
 * Mobile now shares the same "Signal Plate" design system as broadband and
 * electricity (see broadband-card.css) — same --bb- variables, same .bb-
 * class names. This file only covers the handful of elements unique to
 * mobile plans (streaming bundles, notes) that don't exist in the shared
 * broadband stylesheet. Load this AFTER broadband-card.css.
 */

.bb-card__streaming {
    margin-bottom: 1.5rem;
}

.bb-card__streaming-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.3rem;
}

.bb-card__streaming-badge {
    font-family: var(--bb-font-mono);
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--bb-color-ink);
    background: var(--bb-color-paper);
    border: 1px solid var(--bb-color-line-soft);
    padding: 0.2rem 0.6rem;
    border-radius: var(--bb-radius-pill);
}

.bb-card__notes {
    font-size: 0.85rem;
    color: var(--bb-color-muted);
    border-top: 1px solid var(--bb-color-line-soft);
    padding-top: 0.9rem;
    margin: 0;
}