/* /add/{token} friend-invite landing. Scoped under .hint-v2, tokens only. */

.hint-v2 .invite-wrap {
    display: flex;
    justify-content: center;
}

.hint-v2 .invite-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
    max-width: 30rem;
    margin-inline: auto;
    padding: var(--space-7);
}

.hint-v2 .invite-title {
    margin-block: var(--space-2) 0;
}

.hint-v2 .invite-sub {
    color: var(--text-secondary);
    max-width: 26rem;
}

/* Badge row uses the shared .store-badges (components.css — promoted per the
   graduation rule once /v2/send became the second consumer). */

.hint-v2 .invite-open {
    align-self: center;
}

.hint-v2 .invite-learn {
    color: var(--text-muted);
    font-size: var(--text-label);
    text-decoration: none;
}

.hint-v2 .invite-learn:hover {
    color: var(--text-primary);
    text-decoration: underline;
}