/* search.css — サイト内検索ページ(/search/、2026-07-24 TASK-167 WP-C5新設)
   検索モーダル(components.css内 .search-modal-*)と見た目のトーンを揃えつつ、常設パネルとして
   スクロール・フォーカスの挙動をモーダルに依存させない独立レイアウトにする。
   結果一覧のグループ化(.search-results-groups/.search-result-group-heading)・個々の結果
   カード(.search-results-list/.search-result-item)はcomponents.css側のスタイルをそのまま
   再利用する(検索モーダルと/searchページで見た目が分裂しないようにするため)。 */
.search-page-panel{
  background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);overflow:hidden;
}
.search-page-bar{
  display:flex;align-items:center;gap:.7em;padding:var(--space-4) var(--space-5);
  border-bottom:1px solid var(--color-border);background:var(--color-bg-section);
}
.search-page-bar .search-modal-bar-icon{width:22px;height:22px;flex:none;color:var(--color-text-faint);display:flex}
.search-page-bar .search-modal-bar-icon svg{width:100%;height:100%}
.search-page-input{
  flex:1;min-width:0;border:0;outline:0;font-size:1.05rem;font-family:inherit;
  color:var(--color-text);background:transparent;padding:.3em 0;
}
.search-page-input::placeholder{color:var(--color-text-faint)}
.search-page-body{padding:var(--space-4) var(--space-5) var(--space-6)}