/* styles-append-props-heat-labels-v0.19.12.css
   Roadmap P3.4(b) — group the props heat strip into MARKETS vs SOURCES.

   Labels-only: two non-interactive group headers are injected by
   renderHeatStrip() (props.js v0.19.12) — a MARKETS header before the
   market cards and a SOURCES header before the Hard Rock + PP cards. No
   card behavior changes. New versioned file per the CSS-append rule
   (Cloudflare caches by name; never edit a deployed append in place).

   The strip (#heat-strip / .bh-heat) is a wrapping flex row; each label is
   a slim, stretched, non-interactive divider that stays attached to the
   start of its group on wrap. Vars carry conservative fallbacks so the
   label renders correctly even if a token is absent. */

.bh-heat-grouplabel {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    padding: 0 0.55rem 0 0.15rem;
    font-family: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    line-height: 1;
    color: var(--text-dim, #88857e);
    white-space: nowrap;
    user-select: none;
    border-right: 1px solid var(--hairline, rgba(255, 255, 255, 0.10));
}

/* SOURCES sits between the market block and the source cards — a touch more
   left padding so it reads as a fresh group, not a trailing market label. */
.bh-heat-grouplabel-src {
    padding-left: 0.55rem;
}

@media (max-width: 768px) {
    .bh-heat-grouplabel {
        font-size: 0.58rem;
        letter-spacing: 0.12em;
        padding: 0 0.4rem 0 0.1rem;
    }
    .bh-heat-grouplabel-src {
        padding-left: 0.4rem;
    }
}