/* 一覧（/）の、アプリを探す欄と、絞り込みのボタン（2026-10-07 夜。社長「検索フィルターをつけましょう。」「検索フィルターにはマイクもつけましょう。」）。一覧だけが読み込む。
   動きは /js/finder.js。JavaScript が動かない時は、欄ごと出ない（hidden のまま＝全部のタイルが見える）。
   組の名前・札の字は、ここに書かない（ボタンの字は、画面の見出しから finder.js が読む）。押す所は 44px 以上・字は 12px 以上 */
.finder[hidden], .finder [hidden], .tiles[hidden], .tiles > li[hidden] { display: none !important; }
.finder { margin: 0 0 8px; }
.finder-row { display: flex; gap: 8px; align-items: center; }
.finder-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.finder-q { flex: 1 1 auto; min-width: 0; width: 100%; height: 44px; margin: 0; padding: 0 12px; font: inherit; font-size: 16px; line-height: 1.4;
  color: var(--text); background: var(--panel); border: 1px solid #8b96a8; border-radius: 10px; -webkit-appearance: none; appearance: none; }
.finder-q::placeholder { color: var(--muted); opacity: 1; }
.finder-q:focus-visible, .finder-mic:focus-visible, .finder-chip:focus-visible, .finder-reset:focus-visible { outline: 3px solid var(--link); outline-offset: 1px; }
.finder-mic { flex: 0 0 44px; width: 44px; height: 44px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;
  color: var(--text); background: var(--panel); border: 1px solid #8b96a8; border-radius: 10px; cursor: pointer; }
.finder-mic svg { display: block; }
.finder-mic[aria-pressed="true"] { color: #fff; background: #b3261e; border-color: #b3261e; }
.finder-msg { font-size: 12px; line-height: 1.6; color: var(--muted); margin: 4px 0 0; }
.finder-msg:empty, .finder-none p:empty { margin: 0; }
/* ボタンの列は、1段。入り切らない時は、列の中だけ横に送る（ページは、はみ出さない） */
.finder-chips { display: flex; gap: 6px; margin: 6px 0 0; padding: 3px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.finder-chips::-webkit-scrollbar { display: none; }
.finder-chip { flex: 0 0 auto; min-height: 44px; margin: 0; padding: 0 14px; font: inherit; font-size: 13px; line-height: 1.4; white-space: nowrap;
  color: var(--text); background: var(--panel); border: 1px solid var(--border); border-radius: 22px; cursor: pointer; }
.finder-chip[aria-pressed="true"] { color: #fff; background: var(--head); border-color: var(--head); font-weight: 700; }
.finder-none { display: flex; flex-wrap: wrap; align-items: center; gap: 0 12px; margin: 0; }
.finder-none p { font-size: 14px; line-height: 1.6; margin: 6px 0 0; }
.finder-reset { min-height: 44px; margin: 6px 0 0; padding: 0 14px; font: inherit; font-size: 13px; color: var(--link); background: var(--panel); border: 1px solid var(--border); border-radius: 22px; cursor: pointer; }
/* 広い画面（720px〜）は、横に送らず、折り返す（マウスでは横に送りにくい） */
@media (min-width: 720px) { .finder-chips { flex-wrap: wrap; overflow-x: visible; } }