/* ══ 분야 필터 버튼 · 시트 안 카테고리 칩 (2026-09-12, 3단계) ══
   카테고리 7개는 폭 352px 에 637px 이라 붙는 바에서 **3개가 화면 밖**이었다.
   시트로 내리고, 붙는 바에는 검색 알약 + 이 버튼 하나만 남긴다. */
.sol-filter-btn {
  flex: 0 0 auto; width: 44px; height: 44px;
  display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  background: var(--al2-surface, var(--dk-bg-card, #fff)); border: 1px solid var(--al2-g200, var(--dk-line, #E2E8F0));
  border-radius: 999px; color: var(--al2-g600, var(--dk-muted, #475569)); cursor: pointer;
  font-family: inherit; font-size: .82rem;
}
.sol-filter-btn.on { border-color: var(--al2-brand, #6C3AE0); color: var(--al2-brand, var(--dk-violet, #6C3AE0)); }
.sol-filter-btn [data-fsheet-badge] {
  min-width: 16px; height: 16px; padding: 0 4px; border-radius: 999px;
  background: var(--al2-brand-fill, #6C3AE0); color: #fff;
  font-size: .6rem; font-weight: 800; line-height: 16px; text-align: center;
}
/* ⚠️⚠️ 시트 안에서는 **가로 스크롤을 푼다.** `#cat-tabs` 가 `flex-wrap:nowrap !important`
   + `overflow-x:auto` 라 그대로 두면 시트 안에서도 레일이 되어 **똑같이 3개가 안 보인다** —
   바로 그 문제 때문에 옮긴 것이다. id + !important 라 여기서 같은 무기로 푼다.
   ⚠️ `position: sticky` 도 끈다 — 시트는 고정 패널이라 붙을 이유가 없다. */
.al2-fsheet-sec > #cat-tabs {
  flex-wrap: wrap !important; overflow-x: visible !important; overflow-y: visible !important;
  position: static !important; margin: 0 !important; padding: 0 !important;
  background: transparent; border: 0; box-shadow: none;
  -webkit-mask-image: none !important; mask-image: none !important;
}
/* ══ 검색 알약이 **아직 안 붙었을 때**의 바탕 모양 (2026-09-12) ══
   원래 이 모양은 `#nl-q` 의 인라인 style 이었다. 인라인은 특이도로 못 이겨서
   공용 알약(.al2-sbar)이 여백만 지우고 테두리·절대배치는 못 지웠고, 그 반쪽 상태가
   「테두리 안에 테두리 + 글자와 아이콘 겹침」이 됐다(실측 겹침 +15px, 390·1280 둘 다).
   ⚠️ `:not(.al2-sbar)` 로 **서로 배타적**으로 만든다 — 알약이 붙으면 이 규칙은 통째로
      꺼지므로 둘이 싸울 일이 없다. 특이도를 올리는 방식은 안 된다(알약이 또 진다).
   ⚠️ 지우지 말 것 — al2-search-bar.js 가 안 실리면 테두리 없는 맨 입력칸이 된다. */
#nl-searchrow > div:not(.al2-sbar) { display: block; }
#nl-searchrow > div:not(.al2-sbar) > i {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  color: var(--al2-brand, var(--dk-violet, #6C3AE0)); font-size: .85rem;
}
#nl-searchrow > div:not(.al2-sbar) > #nl-q {
  width: 100%; box-sizing: border-box;
  padding: 12px 14px 12px 38px;
  border: 1.5px solid var(--al2-brand, #6C3AE0); border-radius: 10px;
  font-family: inherit; outline: none;
}