/* バナナハウス用語辞典 — サイト全体で安全なナビ用CSS(.byj-* / .byj-suggest 名前空間・色は自己完結) */

/* グローバルナビに差し込む項目(テーマのli体裁を尊重しつつ最小限) */
.byj-menu-item > a { white-space: nowrap; }

/* ナビ直下 検索フォーム(声優サイト方式) */
.byj-nav-search { display:flex; justify-content:center; padding:8px 16px 10px; position:relative; box-sizing:border-box; }
.byj-nav-search * { box-sizing:border-box; }
.byj-nav-search form { display:flex; max-width:420px; width:100%; background:#fff; border-radius:999px; overflow:hidden; box-shadow:0 1px 3px rgba(0,0,0,.08); }
.byj-nav-search input[type="search"] { flex:1; padding:8px 16px; font-size:13px; line-height:1.4; border:1.5px solid #1f9d7a; border-right:none; border-radius:999px 0 0 999px; outline:none; background:#fff; color:#333; min-width:0; -webkit-appearance:none; appearance:none; }
.byj-nav-search input[type="search"]:focus { border-color:#0d9488; }
.byj-nav-search button { background:#1f9d7a; color:#fff; border:1.5px solid #1f9d7a; padding:0 16px; border-radius:0 999px 999px 0; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:background-color .15s; }
.byj-nav-search button:hover { background:#157a5f; border-color:#157a5f; }

/* サジェスト ドロップダウン(ナビ・ポータル共用。.byj-suggest で名前空間化) */
.byj-suggest { position:absolute; left:50%; transform:translateX(-50%); top:calc(100% - 2px); width:calc(100% - 32px); max-width:420px; background:#fff; border:1px solid #e2e8f0; border-radius:12px; box-shadow:0 12px 30px rgba(16,40,34,.14); overflow:hidden auto; display:none; z-index:9999; max-height:380px; text-align:left; }
.byj-suggest.show { display:block; }
.byj-suggest .item { display:flex; align-items:center; gap:8px; padding:9px 14px; cursor:pointer; border-bottom:1px solid #f1f5f4; color:#1f2a37; text-decoration:none; font-size:13px; line-height:1.5; }
.byj-suggest .item:last-child { border-bottom:0; }
.byj-suggest .item:hover, .byj-suggest .item.active { background:#e6f6f1; }
.byj-suggest .item .t { font-weight:700; }
.byj-suggest .item .k { color:#64748b; font-size:11px; }
.byj-suggest .item .cat { margin-left:auto; font-size:10px; color:#fff; border-radius:999px; padding:2px 8px; white-space:nowrap; flex:none; }
.byj-suggest .badge2 { font-size:10px; line-height:1; padding:3px 6px; border-radius:4px; font-weight:700; flex:none; }
.byj-suggest .badge2.-term { background:#e6f6f1; color:#157a5f; }
.byj-suggest .badge2.-exp { background:#fff3e0; color:#b26a00; }
.byj-suggest mark { background:transparent; color:#157a5f; font-weight:700; padding:0; }
.byj-suggest .empty { padding:14px; color:#999; font-size:12px; text-align:center; }

@media (max-width:600px){ .byj-nav-search { padding:6px 10px 8px; } .byj-nav-search input[type="search"]{ font-size:12px; } .byj-suggest{ width:calc(100% - 20px); } }