.lead { color: var(--text-2); max-width: 64ch; line-height: 1.55; }

.cc-work { margin-top: 16px; }
.cc-ops { display: grid; gap: 8px; margin-bottom: 16px; }
.cc-sub { margin-left: 22px; color: var(--text-2); }

.cc-fr { margin-bottom: 16px; }
.cc-frtitle { font-size: .78rem; font-weight: 700; color: var(--text-2); }
.cc-fr .row { margin-top: 6px; gap: 10px; }
.cc-fr input[type="text"] { max-width: 180px; font-family: var(--mono); font-size: .84rem; }

.cc-hc { max-width: 200px; margin-bottom: 16px; }
.cc-actions { align-items: center; gap: 12px; margin-bottom: 14px; }
.cc-count { font-size: .8rem; color: var(--text-2); font-variant-numeric: tabular-nums; }

.cc-tablewrap { overflow: auto; border: 1px solid var(--line); border-radius: 8px; max-height: 460px; }
.cc-table { border-collapse: collapse; font-size: .8rem; width: 100%; }
.cc-table th, .cc-table td { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 5px 9px; text-align: left; white-space: nowrap; max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
.cc-table th { position: sticky; top: 0; background: var(--surface-2); color: var(--text-2); font-weight: 650; }
