/* ==========================================================================
   Section labels (eyebrows) across the whole site: plain small capitals after a short brand line,
   instead of rounded pills with dots or icons. Loaded after every page's own styles so it wins.
   ========================================================================== */
.sv-badge, .wy-eyebrow, .sv-eyebrow, .ins-eyebrow, .fq-eyebrow, .ft-eyebrow {
    display: inline-flex; align-items: center; gap: .75rem;
    padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none;
    -webkit-backdrop-filter: none; backdrop-filter: none;
    font-size: .78rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; line-height: 1.4;
    color: #1E75B0;
}
.sv-badge::before, .wy-eyebrow::before, .sv-eyebrow::before, .ins-eyebrow::before, .fq-eyebrow::before, .ft-eyebrow::before {
    content: ''; flex-shrink: 0; width: 28px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #1E8FD0, #9BC73B);
}
.sv-badge > i, .wy-eyebrow > i, .sv-eyebrow > i, .ins-eyebrow > i, .fq-eyebrow > i, .ft-eyebrow > i,
.wy-eyebrow .wy-dot, .ft-eyebrow .ft-dot { display: none; }
a.sv-eyebrow:hover { background: none; }

/* On dark backgrounds (heroes, dark bands, footer) */
.wy-eyebrow, .sv-eyebrow, .ins-eyebrow, .fq-eyebrow, .ft-eyebrow,
.sv-head-dark .sv-badge, .sv-section-dark .sv-badge { color: #8FD7FF; }
.wy-eyebrow::before, .sv-eyebrow::before, .ins-eyebrow::before, .fq-eyebrow::before, .ft-eyebrow::before,
.sv-head-dark .sv-badge::before { background: linear-gradient(90deg, #4FCFFF, #9BC73B); }
