/*
 * WORKAROUND: Loaded via <link> tag in app/layout.js instead of @import in style.arxv.scss
 * Reason: Turbopack swc_css parser does not recognize ::highlight() pseudo-element
 *         (W3C CSS Custom Highlight API)
 * Tracking: https://github.com/vercel/next.js/issues/85398
 * Cleanup feature: .claude/feature/roadmap/arxv__corpus-document-annotation__cleanup__highlight-css-loading-workaround.md
 *
 * When upstream fixes:
 *   1. Move this file back to: src/core/ArXv/Assets/styles/component.annotation.highlight.css
 *   2. Remove <link> tag from app/layout.js
 *   3. Re-add @import in src/core/ArXv/Assets/styles/style.arxv.scss
 */
::highlight(arxv-annotation) {
    background-color: rgba(254, 240, 138, 0.7);
}