/* browse ページはタブ・カード・page-hero など共通コンポーネントで構成されるため、
   ページ固有の追加スタイルは今のところ不要です。
   将来、browseページだけの見た目調整が必要になったらここに追記してください。 */

.browse-search{
  display:flex; gap:10px; max-width:480px; margin-top:24px;
}
.browse-search input[type="text"]{
  flex:1; padding:11px 16px; font-size:14px;
  border:1px solid var(--hairline); border-radius:20px;
  font-family:'Zen Kaku Gothic New', sans-serif;
}
.browse-search input:focus-visible{ outline:2px solid var(--plum-deep); }
.browse-search .btn{ border-radius:20px; }