.cf { margin: 24px 0 0; }
.cf h2 { font-size: 18px; margin: 0 0 4px; }
.cf-sub { color: var(--sp-o-muted, #5b5b5b); margin: 0 0 10px; font-size: 13.5px; }
.cf-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.cf-table td { padding: 5px 6px; border-bottom: 1px solid var(--sp-o-card-edge, #e5e2da); vertical-align: top; }
.cf-table .cf-num, .cf-table .cf-name { text-align: left; }
.cf-num { width: 4.5em; color: var(--sp-o-muted, #5b5b5b); font-variant-numeric: tabular-nums; }
.cf-amt { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cf-head td { font-weight: 600; padding-top: 14px; border-bottom: 1px solid var(--sp-o-ink, #1a1a1a); }
.cf-total td, .cf-ni td { font-weight: 600; }
.cf-change td { border-top: 2px solid var(--sp-o-ink, #1a1a1a); }
.cf-acct td { color: var(--sp-o-muted, #5b5b5b); font-size: 13px; }
.cf-acct .cf-name { padding-left: 18px; }
.cf-d1 .cf-name { padding-left: 16px; }
.cf-d2 .cf-name { padding-left: 32px; }
.cf-d3 .cf-name { padding-left: 48px; }
.cf-ok { font-weight: 600; color: var(--sp-o-muted, #2a6034); margin: 10px 0 0; }
.cf-bad { font-weight: 600; color: var(--sp-problem, #7c1919); margin: 10px 0 0; }
.cf-warn { color: var(--sp-o-warn, #7c4400); margin: 8px 0 0; }
.cf-compact summary { cursor: pointer; display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline; }
.cf-compact .cf-amt { margin-left: auto; font-variant-numeric: tabular-nums; }
.cf-ok-word { font-weight: 600; color: var(--sp-o-muted, #2a6034); }
.cf-bad-word { font-weight: 600; color: var(--sp-problem, #7c1919); }
@media (max-width: 480px) { .cf-num { display: none; } .cf-table { font-size: 13px; } }