/*
 * CSS Custom Highlight API（プレビュー側検索ハイライト）
 * Lightning CSS が ::highlight をパースできずビルド警告になるため、Tailwind パイプライン外の静的 CSS に配置。
 * 色は src/styles/globals.css の CodeMirror 検索ハイライトと揃えること。
 * ::highlight() では box-shadow/outline が使えないため背景色コントラストのみで表現
 */
::highlight(md-lite-search) {
  background-color: oklch(0.96 0.09 96);
  border-radius: 2px;
}

html.dark ::highlight(md-lite-search) {
  background-color: oklch(0.55 0.13 80 / 0.5);
}

::highlight(md-lite-search-focus) {
  background-color: oklch(0.88 0.14 85);
  border-radius: 2px;
}

html.dark ::highlight(md-lite-search-focus) {
  background-color: oklch(0.56 0.17 50);
}