Highlight publication venue abbreviations

[fanyangCS]

Design rationale

• Surfaces the existing abbr value beside the venue/year metadata, where it remains scannable without competing with the publication title.
• Uses the site's warm brown accent as a subtle tinted background and border, with 700 weight, a modest 4px radius, and compact horizontal padding.
• Restyles CSS Custom Highlight API search hits from the global purple to warm apricot #F7E2C4 with deep brown #5B3A23 text (8.02:1 contrast), matching the editorial palette without changing search behavior.
• Flex wrapping and overflow-wrap accommodate both short venues (ICML) and longer abbreviations on narrow screens.
• The publication pages use an intentionally white editorial surface across OS color schemes, so both venue badges and search highlights stay consistent in light, dark, and system preferences.
• Publication data/content is unchanged.

Changes

• _layouts/bib.liquid: render a semantic venue badge in publication metadata.
• assets/css/main.scss: add responsive badge styling and override only the search-hit foreground/background colors.

Verification

• ruby test/cache_bust_test.rb (6 runs, 8 assertions)
• node test/theme_test.js (3/3 passing)
• npx prettier --check _sass/_base.scss _layouts/bib.liquid assets/css/main.scss
• JEKYLL_ENV=production bundle exec jekyll build
• git diff --check
• Deployed-preview Playwright/Chromium search for system: 45 visible publications and 98 highlight ranges on desktop (1440px) and mobile (390px); no horizontal overflow; text selection returns System; venue badges remain present (104).
• Dark-system emulation retains the intentional white Publications surface and the same warm highlight palette.
• GitHub Actions: branch preview, PR build, and Prettier all pass.

AI disclosure

This design and implementation were created with AI assistance and reviewed through formatting, source checks, CI, contrast calculation, and desktop/mobile browser interaction verification.