/* Bilvo label.css — this build's section labels: mono label in brackets, muted text, accent mark (ui/labels.py; the skill's own markup, restyled). */
:root { --lb-accent: var(--accent); --lb-accent-ink: var(--accent-ink); --lb-ink-text: var(--text); --lb-muted: var(--text-2); --lb-line: var(--line); --lb-paper: var(--surface); --lb-on-dark: var(--on-dark);
  --lb-soft: color-mix(in srgb, var(--lb-accent) 14%, var(--lb-paper)); --lb-ink: var(--lb-accent-ink);
  /* the mark on a filled (ink) chip is the accent lifted to a light shade, so it always reads on the chip (Farhan 2026-10-31,
     Ashmore: an olive dot on a grey chip vanished); browsers without relative colours get a pale accent tint */
  --lb-mark-on-ink: color-mix(in oklab, var(--lb-accent) 45%, #fff); --lb-mark-on-ink: oklch(from var(--lb-accent) max(l, 0.8) c h);
  --lb-text: var(--lb-muted); --lb-mark: var(--lb-accent); --lb-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2l1.9 6.1L20 10l-6.1 1.9L12 18l-1.9-6.1L4 10l6.1-1.9z'/></svg>");
  /* thin marks (brackets, hairlines) take a deeper accent so they never vanish on a pale accent (Farhan 2026-10-23: 'bracket color is bad, not visible') */
  --lb-mark-thin: color-mix(in oklab, var(--lb-mark) 55%, var(--lb-ink-text)); }
:root:root :is(.eyebrow, [data-shared-hero] .sh-eyebrow, [data-shared-hero] .sh-kicker) { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13px; font-weight: 500; letter-spacing: .02em; text-transform: uppercase; line-height: 1.3; color: var(--lb-text); }
:root:root .eyebrow::before, :root:root [data-shared-hero] .sh-eyebrow::before, :root:root [data-shared-hero] .sh-kicker::before { content: "["; width: auto; height: auto; background: none; -webkit-mask: none; mask: none; color: var(--lb-mark-thin); }
:root:root .eyebrow::after, :root:root [data-shared-hero] .sh-eyebrow::after, :root:root [data-shared-hero] .sh-kicker::after { content: "]"; color: var(--lb-mark-thin); }
:root:root :is(.eyebrow, [data-shared-hero] .sh-eyebrow, [data-shared-hero] .sh-kicker) > :is(svg, img, i, svg) { display: none; }