/* 검색 수요 탭 (search.js) — 토큰만 사용(style.css :root) */

#p-search h4{font-size:13px;font-weight:600;margin:0 0 6px;color:var(--ink)}
#p-search h4 .hint{font-weight:400}
.lm-h4.up{color:var(--up)} .lm-h4.down{color:var(--down)}
.lm-nm{min-width:150px}
.lm-dom{font-size:12px;color:var(--ink-soft)}
.lm-sp{display:block}
.lm-sp path{fill:none;stroke:var(--blue);stroke-width:1.6}
.lm-sp circle{fill:var(--blue)}

/* ② 판정 칩 — 확산(a) · 커뮤니티 선행(b) · 레딧 밖 수요(c) · 둔화(d) · 검색만(s) */
.pill.lm-q{white-space:normal;font-family:var(--font);letter-spacing:0;line-height:1.4}
.lm-q-a{color:var(--up);background:var(--up-wash)}
.lm-q-b{color:var(--warn);background:var(--warn-wash)}
.lm-q-c{color:var(--blue);background:var(--blue-wash)}
.lm-q-d{color:var(--down);background:var(--down-wash)}
.lm-q-s{color:var(--muted)}

/* ③·④ 2열 (좁으면 1열) */
.lm-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}

/* ③ 검색 의도 막대 (VOC 막대와 같은 형식) */
.lm-bars{display:flex;flex-direction:column;gap:3px}
.lm-brow{display:grid;grid-template-columns:minmax(96px,150px) minmax(40px,1fr) auto;gap:8px;align-items:center;min-height:26px;font-size:12px;cursor:pointer;border-radius:3px;padding:0 4px}
.lm-brow:hover,.lm-brow:focus-visible{background:var(--panel-2);outline:none}
.lm-brow[aria-pressed="true"]{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--oy)}
.lm-brow .lb{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lm-brow .tr{position:relative;height:14px;background:var(--panel-2);border-radius:2px;overflow:hidden}
.lm-brow .tr i{position:absolute;left:0;top:0;bottom:0;background:var(--blue);opacity:.7;border-radius:2px}
.lm-brow .vv{font:500 12px var(--mono);color:var(--ink);white-space:nowrap;text-align:right}
.lm-brow .vv .sep{color:var(--muted);margin:0 4px}
.lm-tag{display:inline-block;font-size:12px;line-height:1.3;padding:0 4px;border:1px solid var(--rule-strong);border-radius:3px;color:var(--muted);vertical-align:1px}
.lm-kw{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--rule)}
.lm-kwh{font-size:13px}

/* ④ 검색 경로 */
.lm-pg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lm-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px;font-size:12.5px}
.lm-ol li{padding-left:2px}
.lm-ol li > span:first-child{color:var(--ink-soft)}
.lm-ol li > span.mono{float:right;color:var(--ink);font-size:12px}
.lm-cmp{border-top:1px solid var(--rule);padding-top:10px;display:flex;flex-direction:column;gap:6px}
.lm-cmp h4 .mono{color:var(--ink);margin-left:4px}
.lm-paths{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:12px}
.lm-paths li{display:flex;flex-wrap:wrap;gap:4px;align-items:center;color:var(--ink-soft)}
.lm-paths li span{background:var(--panel-2);border:1px solid var(--rule);border-radius:3px;padding:0 6px}
.lm-paths li span.lm-seed{color:var(--oy);border-color:var(--oy)}
.lm-paths li i{font-style:normal;color:var(--muted)}

/* ⑤ CEP 카드 */
.lm-cep{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.lm-cc{background:var(--panel-2);border:1px solid var(--rule);border-radius:var(--r);padding:9px 11px;display:flex;flex-direction:column;gap:5px}
.lm-cc.lm-off{opacity:.62}
.lm-cch{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
.lm-cch b{font-size:13px;color:var(--ink)}
.lm-why{font-size:12px;color:var(--ink-soft);line-height:1.5}
.lm-chips{display:flex;flex-wrap:wrap;gap:4px}
.lm-chip{font-size:12px;color:var(--ink-soft);border:1px solid var(--rule-strong);border-radius:3px;padding:0 5px;background:var(--panel)}

/* ⑥ 검색 이슈 */
.lm-iss{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px}
.lm-ih{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:13px}
.lm-sum{margin:3px 0 2px;padding-left:16px;font-size:12px;color:var(--ink-soft);line-height:1.5}
.lm-src{font-size:12px}

/* ⑦ AI 답변 인용 */
tr.lm-oy td{background:var(--oy-wash)}
.lm-all > summary{cursor:pointer;font-size:12px;color:var(--ink-soft);padding:4px 0}
.lm-all[open] > summary{color:var(--ink)}

/* OY VOC 카드 → 검색 수요 탭 바로가기 · 레일 기준월 */
.lm-jump{white-space:nowrap}
.rail-lm{margin:-4px 4px 10px;padding:0 10px;font-size:12px;color:var(--muted)}
.rail-lm b{color:var(--ink-soft);font-weight:600}

@media (max-width:1100px){ .lm-2{grid-template-columns:minmax(0,1fr)} }
@media (max-width:760px){
  .lm-pg{grid-template-columns:minmax(0,1fr)}
  .lm-cep{grid-template-columns:minmax(0,1fr)}
  .rail-lm{display:none}
}

/* ② 급상승·급감 — 표가 7열이라 위아래로 쌓음 */
.lm-mvs{display:flex;flex-direction:column;gap:14px}

/* ⑦ AI 요약 인용 — 3단 표 핵심 행 · 리테일러 막대(US몰 강조) · 묶음 막대(클릭 없음) */
tr.lm-key td{background:var(--oy-wash)}
.lm-brow.lm-static{cursor:default}
.lm-brow.lm-static:hover{background:none}
.lm-brow.lm-self{background:var(--oy-wash);box-shadow:inset 2px 0 0 var(--oy)}
.lm-brow.lm-self .lb{color:var(--oy);font-weight:600}
.lm-brow.lm-self .tr i{background:var(--oy);opacity:1}
#lm-aio > h4{margin-top:4px}
