/* card.css — 정제된 카드 표현 (list-classic.css 뒤에 로드)
   성분/효능을 칩으로(줄바꿈 안전), 효능 +N 배지, 지표존: 막대 위=정렬값 / 막대 아래=1일당 고정 */
.cl-body{ gap:7px; }

/* 성분 칩 — 필터 효능 관련만 + 외 N종 */
.cl-igline{ display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.cl-igline .ig{ display:inline-flex; align-items:baseline; gap:2px; font-size:11.5px; font-weight:600;
  color:var(--ink2); background:var(--raise); border-radius:7px; padding:3px 8px; white-space:nowrap; }
.cl-igline .ig .in{ color:var(--ink3); }
.cl-igline .ig b{ color:var(--ink); font-weight:800; }
.cl-igline .ig .iu{ font-size:9.5px; color:var(--ink4); margin-left:1px; }
.cl-igline .ig.core-hot{ background:var(--accent-weak); }
.cl-igline .ig.core-hot .in, .cl-igline .ig.core-hot b{ color:var(--accent-ink); }
.cl-igline .ig.more{ background:transparent; color:var(--ink4); font-weight:700; padding:3px 3px; }

/* 효능 칩 — 필터 효능만 + 외 N개, 원료 2개↑이면 +N */
.cl-effs{ display:flex; flex-wrap:wrap; gap:5px; }
.cl-effs .ef{ font-size:11px; font-weight:700; color:var(--ink2); background:var(--raise); border-radius:7px;
  padding:3px 8px; display:inline-flex; align-items:center; }
.cl-effs .ef.hot{ background:var(--accent-weak); color:var(--accent-ink); }
.cl-effs .ef .plus{ font-size:9px; font-weight:800; color:var(--accent); margin-left:3px; letter-spacing:-.02em; }
.cl-effs .ef.more-ef{ background:transparent; color:var(--ink4); font-weight:700; padding:3px 3px; }

/* 지표존 — 막대 위=정렬값(mval), 막대 아래(비교 위)=1일당 고정(mbase) */
.cl-metric{ gap:4px; }
.cl-metric .mlab{ white-space:normal; text-align:right; max-width:106px; line-height:1.2; }
.cl-metric .mbase{ font-size:11px; font-weight:700; color:var(--ink3); margin-top:1px; }
.cl-metric .mbase b{ color:var(--ink); font-weight:800; }