/* ETHval — Composite sensitivity disclosure (composite-sens.js), section 03. Box chrome reuses .mc-box. */
.csx-wrap-outer { margin-top: 16px; }
.csx-wrap { width: calc(100% - 36px); }
.csx-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.csx-table th, .csx-table td { border-top: 1px solid var(--border); padding: 9px 6px; text-align: right; vertical-align: top; }
.csx-table thead th { font-size: 12px; font-weight: 600; color: var(--text-muted); border-top: 0; padding-top: 4px; line-height: 1.35; }
.csx-table th:first-child { text-align: left; width: 36%; padding-left: 0; }
.csx-table tbody th { font-size: 13px; font-weight: 600; color: var(--text); line-height: 1.35; word-break: keep-all; }
.csx-table td b { display: block; font-size: 14px; font-weight: 600; color: var(--text); white-space: nowrap; }
.csx-table td b.pos { color: var(--green); }
.csx-table td b.neg { color: var(--red); }
.csx-table td small { display: block; font-size: 12px; color: var(--text-muted); white-space: nowrap; margin-top: 1px; }
.csx-table td.csx-dash { font-size: 14px; color: var(--text-muted); }
.csx-table tr.csx-site { background: rgba(98, 126, 234, 0.08); }
.csx-note { font-size: 12px; line-height: 1.5; color: var(--text-muted); margin: 10px 0 0; word-break: keep-all; }
.csx-meta { font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  .csx-table th, .csx-table td { padding: 8px 3px; }
  .csx-table th:first-child { width: 34%; }
  .csx-table tbody th { font-size: 12px; }
  .csx-table td b { font-size: 13px; }
  .csx-table td small { font-size: 12px; white-space: normal; line-height: 1.3; }
}