/* 검증 통과 지표 카드 — A는 값, B는 범위. 등급이 눈에 보여야 한다. */
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px}
.sg-card{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px 16px;background:#fff}
.sg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.sg-axis{font-size:12px;color:#667085;letter-spacing:-.01em}
.sg-grade{font-size:11px;font-weight:700;line-height:1;padding:3px 7px;border-radius:999px}
.sg-A .sg-grade{background:#e7f5ec;color:#137a3e}
.sg-B .sg-grade{background:#fff4e5;color:#a35b00}
.sg-value{font-size:26px;font-weight:700;letter-spacing:-.02em;color:#101828;line-height:1.15}
.sg-range{font-size:20px}
.sg-spread{display:block;margin-top:3px;font-size:11px;font-weight:600;color:#a35b00}
.sg-guide{margin:8px 0 0;font-size:13px;line-height:1.55;color:#344054}
.sg-meta{margin-top:10px;font-size:11px;color:#98a2b3}
@media (prefers-color-scheme:dark){
  .sg-card{background:#16181d;border-color:rgba(255,255,255,.08)}
  .sg-value{color:#f2f4f7}.sg-guide{color:#cdd3dd}.sg-axis,.sg-meta{color:#8a93a3}
  .sg-A .sg-grade{background:#10331f;color:#5fd08a}.sg-B .sg-grade{background:#3a2a10;color:#f0b45f}
}

/* 래퍼 — 시세 페이지 안. 데이터 도착 전엔 hidden(빈 제목 금지). */
.sg-wrap{padding:18px 16px 24px;max-width:720px;margin:0 auto}
.sg-title{font-size:21px;font-weight:800;letter-spacing:-.01em;color:#163438;margin:0 0 4px}
.sg-intro{font-size:15px;line-height:1.6;color:#4a5350;margin:0 0 14px}
@media (prefers-color-scheme:dark){
  .sg-title{color:#f2f4f7}.sg-intro{color:#cdd3dd}
}