/* --------------------------------------------------------------------------
   Eyebrow label — small uppercase tag above headings
-------------------------------------------------------------------------- */
.eyebrow {
    display: inline-block;
    font-family: var(--font-heading);
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--color-secondary);
    margin-bottom: var(--space-md);
    padding: 4px 10px;
    background: rgba(43, 108, 176, 0.14);
    border: 1px solid rgba(43, 108, 176, 0.28);
    border-radius: var(--r-card);
}
:root[data-theme="light"] .eyebrow {
    background: rgba(43, 108, 176, 0.08);
}