/* 약·보조제 도감 V2 — /guide/compendium.php
   DS2 토큰(cfl_design_v2.css) + 바이블 목차(bible_v2.css)와 같은 크롬·카드 문법.
   옛 compendium.css는 더 이상 이 페이지에서 불러오지 않는다. */

.guide-bible-v2 .cpd-wrap{width:100%;max-width:808px;margin:0 auto;padding:32px var(--ds-gutter) 48px}

/* 머리 */
.guide-bible-v2 .cpd-head{padding:0 0 24px}
.guide-bible-v2 .cpd-eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--ds-primary);margin-bottom:12px}
.guide-bible-v2 .cpd-head h1{font-size:1.75rem;line-height:1.3;letter-spacing:-.02em;margin:0 0 12px}
.guide-bible-v2 .cpd-lead{font-size:1rem;line-height:1.6;color:var(--ds-muted)}
.guide-bible-v2 .cpd-meta{font-size:.875rem;line-height:1.6;margin-top:16px;color:var(--ds-muted)}
.guide-bible-v2 .cpd-meta b{color:var(--ds-ink);font-variant-numeric:tabular-nums}

/* 근거 등급 색 — DS2 계열의 차분한 4단 */
.guide-bible-v2 .cpd-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}
.guide-bible-v2 .cpd-g-green{background:#5f8f5a}
.guide-bible-v2 .cpd-g-yellow{background:#d2a93a}
.guide-bible-v2 .cpd-g-orange{background:#c9743f}
.guide-bible-v2 .cpd-g-white{background:#c9c7bd}

/* 등급 읽는 법 */
.guide-bible-v2 .cpd-legend{padding:16px;background:var(--ds-soft);border-radius:12px}
.guide-bible-v2 .cpd-legend h2{font-size:.875rem;font-weight:700;margin:0 0 8px;color:var(--ds-ink)}
.guide-bible-v2 .cpd-legend ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.guide-bible-v2 .cpd-legend li{display:grid;grid-template-columns:10px auto minmax(0,1fr);align-items:center;gap:8px;font-size:.875rem;line-height:1.5;color:var(--ds-muted)}
.guide-bible-v2 .cpd-legend li b{color:var(--ds-ink);font-weight:600;white-space:nowrap}

/* 로그인 안내(통계만) — 줄 전체가 링크 */
.guide-bible-v2 .cpd-login{display:flex;align-items:center;gap:12px;min-height:48px;margin-top:12px;padding:12px 16px;border:1px solid var(--ds-line);border-radius:12px;background:var(--ds-surface);text-decoration:none;font-size:.875rem;line-height:1.5;color:var(--ds-muted)}
.guide-bible-v2 .cpd-login span{flex:1;min-width:0}
.guide-bible-v2 .cpd-login b{flex:none;color:var(--ds-primary);font-weight:600}

/* 종류 필터 */
.guide-bible-v2 .cpd-chips{display:flex;gap:8px;margin:24px 0 12px;overflow-x:auto;scrollbar-width:none}
.guide-bible-v2 .cpd-chips::-webkit-scrollbar{display:none}
.guide-bible-v2 .cpd-chip{flex:none;min-height:44px;padding:8px 16px;border:1px solid var(--ds-line);border-radius:999px;background:var(--ds-surface);color:var(--ds-muted);font-size:.875rem;cursor:pointer}
.guide-bible-v2 .cpd-chip[aria-pressed=true]{background:var(--ds-primary);border-color:var(--ds-primary);color:#fff;font-weight:600}

/* 카드 — bible-chap과 같은 접이식 */
.guide-bible-v2 .cpd-card{border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);margin:0 0 12px;scroll-margin-top:80px}
.guide-bible-v2 .cpd-card summary{display:grid;grid-template-columns:10px minmax(0,1fr) auto 12px;align-items:start;gap:12px;padding:16px;min-height:64px;list-style:none;border-radius:20px;cursor:pointer}
.guide-bible-v2 .cpd-card summary::-webkit-details-marker{display:none}
.guide-bible-v2 .cpd-card summary>.cpd-dot{margin-top:8px}
.guide-bible-v2 .cpd-tx{min-width:0}
.guide-bible-v2 .cpd-nm{display:block;margin:0;font-size:1rem;font-weight:600;line-height:1.6;color:var(--ds-ink);letter-spacing:0}
.guide-bible-v2 .cpd-tg{display:block;font-size:.875rem;line-height:1.6;color:var(--ds-muted);margin-top:4px}
.guide-bible-v2 .cpd-rt{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.guide-bible-v2 .cpd-badge{font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:8px;white-space:nowrap}
.guide-bible-v2 .cpd-b-green{background:#e8f0df;color:#35583b}
.guide-bible-v2 .cpd-b-yellow{background:#f7edcf;color:#6d510b}
.guide-bible-v2 .cpd-b-orange{background:#f8e3d4;color:#7a3f17}
.guide-bible-v2 .cpd-b-white{background:#efede7;color:#59675e}
.guide-bible-v2 .cpd-type{font-size:.75rem;color:var(--ds-muted);white-space:nowrap}
.guide-bible-v2 .cpd-chev{width:8px;height:8px;border-right:2px solid var(--ds-muted);border-bottom:2px solid var(--ds-muted);transform:rotate(45deg);margin-top:8px}
.guide-bible-v2 .cpd-card[open] summary{border-radius:20px 20px 0 0;background:var(--ds-soft)}
.guide-bible-v2 .cpd-card[open] .cpd-chev{transform:rotate(-135deg)}

/* 펼친 본문 */
.guide-bible-v2 .cpd-body{padding:8px 16px 16px}
.guide-bible-v2 .cpd-sec{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:var(--ds-primary);margin:20px 0 8px}
.guide-bible-v2 .cpd-body>.cpd-sec:first-child{margin-top:12px}
.guide-bible-v2 .cpd-verdict{font-size:1rem;font-weight:600;line-height:1.6;color:var(--ds-ink)}
.guide-bible-v2 .cpd-summary{font-size:1rem;line-height:1.7;color:var(--ds-ink);margin-top:12px}
.guide-bible-v2 .cpd-facts{margin:0;display:grid;gap:0}
.guide-bible-v2 .cpd-facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--ds-line)}
.guide-bible-v2 .cpd-facts>div:first-child{border-top:0;padding-top:4px}
.guide-bible-v2 .cpd-facts dt{font-size:.875rem;font-weight:600;color:var(--ds-muted)}
.guide-bible-v2 .cpd-facts dd{margin:0;font-size:.9375rem;line-height:1.6;color:var(--ds-ink)}
.guide-bible-v2 .cpd-caution dt{color:var(--ds-warning)}
.guide-bible-v2 .cpd-ings{list-style:none;margin:0;padding:0}
.guide-bible-v2 .cpd-ings li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--ds-line)}
.guide-bible-v2 .cpd-ings li:first-child{border-top:0;padding-top:4px}
.guide-bible-v2 .cpd-ings .cpd-dot{margin-top:7px}
.guide-bible-v2 .cpd-ings b{display:block;font-size:.9375rem;font-weight:600;line-height:1.6;color:var(--ds-ink)}
.guide-bible-v2 .cpd-ings small{display:block;font-size:.875rem;line-height:1.6;color:var(--ds-muted)}

/* 우리 앱 아이들 */
.guide-bible-v2 .cpd-usage-head{font-size:.9375rem;line-height:1.6;color:var(--ds-ink)}
.guide-bible-v2 .cpd-usage-head b{font-variant-numeric:tabular-nums}
.guide-bible-v2 .cpd-stagebar{display:flex;align-items:flex-end;gap:8px;margin:12px 0 4px;max-width:360px}
.guide-bible-v2 .cpd-sb{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;color:var(--ds-muted)}
.guide-bible-v2 .cpd-sb i{display:block;width:100%;max-width:40px;border-radius:4px 4px 0 0;background:#c9d8c3}
.guide-bible-v2 .cpd-sb.hot i{background:var(--ds-primary)}
.guide-bible-v2 .cpd-sb b{font-size:.8125rem;color:var(--ds-ink);font-variant-numeric:tabular-nums}
.guide-bible-v2 .cpd-usage-note{font-size:.75rem;line-height:1.6;color:var(--ds-muted);margin-top:8px}

.guide-bible-v2 .cpd-link{display:flex;align-items:center;min-height:44px;margin-top:12px;font-size:.9375rem;font-weight:600;color:var(--ds-primary)}

/* 하단 */
.guide-bible-v2 .cpd-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.guide-bible-v2 .cpd-empty{font-size:1rem;color:var(--ds-muted);padding:24px 0}
.guide-bible-v2 .cpd-foot{font-size:.875rem;color:var(--ds-muted);line-height:1.6;padding-top:24px;margin-top:32px;border-top:1px solid var(--ds-line)}

@media(max-width:767px){.guide-bible-v2 .cpd-wrap{padding-top:24px}}
@media(max-width:480px){
  .guide-bible-v2 .cpd-card summary{grid-template-columns:10px minmax(0,1fr) 12px}
  .guide-bible-v2 .cpd-rt{grid-column:2;grid-row:2;flex-direction:row;align-items:center;gap:8px}
  .guide-bible-v2 .cpd-chev{grid-column:3;grid-row:1}
  .guide-bible-v2 .cpd-facts>div{grid-template-columns:1fr;gap:2px}
}