/* Extends browse.css and firm-preview.css — reuses their --br-* tokens and the shared
   .fp-* card/locked/CTA styles. Only product-specific bits (meta chips, description,
   firm attribution line) get rules here. */

.pp-meta-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.pp-meta-chip {
    font-size: .78rem;
    font-weight: 600;
    color: var(--br-navy);
    background: var(--br-cream);
    border: 1.5px solid var(--br-cream3);
    border-radius: 999px;
    padding: 4px 12px;
}

.pp-description {
    margin: 0 0 16px;
    color: var(--br-light);
    font-size: .9rem;
    line-height: 1.6;
}

.pp-firm-line {
    margin: 0 0 20px;
    font-size: .85rem;
    color: var(--br-light);
}

.pp-firm-link {
    font-weight: 700;
    color: var(--br-navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.pp-firm-link:hover { color: var(--br-saffron); }