/* ── 숫자 점검 (public/js/pages/data-check.js) ─────────────────── */
.dc .page-head p { max-width: 720px; }
.dc-legend { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px 16px; }
.dc-legend > div { display: flex; flex-direction: column; gap: 4px; align-items: flex-start; }
.dc-jump { display: flex; flex-wrap: wrap; gap: 6px; }
.dc-jump .chip.active { background: var(--accent-soft); color: var(--accent); border-color: var(--accent-ring); }
.dc-top { align-items: start; }
.dc-gaps { list-style: none; margin: 0; display: flex; flex-direction: column; gap: 8px; }
.dc-gaps li { display: grid; grid-template-columns: minmax(80px, 1.1fr) minmax(70px, 1fr) minmax(60px, 1.2fr) auto; align-items: center; gap: 10px; }
.dc-gap-name { font-weight: 600; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text); }
.dc-gap-metric { color: var(--text-2); }
.dc-bar { display: inline-block; vertical-align: middle; width: 100%; min-width: 60px; max-width: 160px; height: 8px; border-radius: 4px; background: var(--surface-3); overflow: hidden; margin-right: 8px; }
.dc-bar i { display: block; height: 100%; border-radius: 4px; }
.dc-bar i.t-success { background: var(--success); } .dc-bar i.t-warning { background: var(--warning); } .dc-bar i.t-danger { background: var(--danger); }
.dc-src { margin-bottom: 16px; scroll-margin-top: calc(var(--topbar-h) + 12px); }
.dc-src:focus { outline: none; } .dc-src.dc-focus { box-shadow: 0 0 0 2px var(--accent-ring), var(--sh-sm); }
.dc-src .card-head { align-items: flex-start; flex-wrap: wrap; }
.dc-meta { display: flex; gap: 14px; flex-wrap: wrap; align-items: baseline; color: var(--text-2); }
.dc-via { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding-top: 10px; padding-bottom: 0; }
.dc-scroll { overflow-x: auto; }
.dc-tbl th[scope="row"] { font-weight: 600; white-space: nowrap; color: var(--text); font-size: 13px; }
.dc-tbl td, .dc-tbl th[scope="row"] { vertical-align: top; padding-top: 12px; }
.dc-fill { min-width: 200px; white-space: nowrap; }
.dc-fill .dc-bar { width: 110px; }
.dc-miss { color: var(--danger); }
.dc-status { min-width: 220px; max-width: 360px; }
.dc-why { line-height: 1.45; }
.dc-tbl tr.dc-na th, .dc-tbl tr.dc-na td { color: var(--text-3); }
.dc-issues { list-style: none; display: flex; flex-direction: column; gap: 6px; margin: 0; }
.nowrap { white-space: nowrap; }
@media (max-width: 860px) {
  .dc-legend { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dc-gaps li { grid-template-columns: minmax(0, 1fr) auto; } .dc-gaps li .dc-bar { grid-column: 1 / -1; max-width: none; }
  .dc-status { min-width: 180px; }
}

/* ── 광고 강도 + 광고비 가정 계산기 (public/js/ad-intensity.js) ── */
.adi { border: 1px solid var(--border); border-radius: var(--r); padding: 12px 14px; background: var(--surface); }
.adi-head { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
.adi-tiles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.adi-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.adi-t .lbl { font-size: 11.5px; color: var(--text-3); font-weight: 600; }
.adi-t b { font-size: 18px; letter-spacing: -.01em; }
.adi-calc { margin-top: 10px; border: 1px dashed var(--border-strong); border-radius: var(--r); padding: 8px 12px; }
.adi-calc summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
.adi-calc-body { display: flex; flex-direction: column; gap: 8px; padding-top: 8px; }
.adi-in { width: 140px; }
.adi-result { font-size: 13px; }
.drawer .adi-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 720px) { .adi-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }