/* Shared Spotlight trigger styles (landing hero + app navbar) */ /* Eyebrow above the search bar: deliberately understated label, no pill chrome. Visibility comes from weight + a small inline kbd that mirrors the bar's own kbd, so the two read as a single component. */ .hero-search-eyebrow { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px 4px; color: #1a1a1a; font-size: 13px; font-weight: 700; line-height: 1.2; letter-spacing: 0.15px; } .hero-search-eyebrow-label { color: inherit; } .hero-search-eyebrow-kbd { display: inline-flex; align-items: center; gap: 2px; padding: 3px 6px; background: rgba(0, 0, 0, 0.72); border: 1px solid rgba(0, 0, 0, 0.55); border-radius: 6px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset; } .hero-search-eyebrow-key { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-size: 10.5px; font-weight: 700; color: #ffcd00; line-height: 1; letter-spacing: 0; padding: 0 2px; background: transparent; border: 0; } /* "Ctrl" is 4 chars vs the single ⌘ glyph, so give it a hair more breathing room and tighten the size by ½px so it lines up visually with the K next to it. */ .hero-search-eyebrow-mod-text { padding: 0 4px; font-size: 10px; letter-spacing: 0.2px; } /* OS-aware kbd visibility. Default is Apple (single ⌘ glyph reads cleanly on first paint); the inline