.tc .field { margin-bottom: 6px; }
.tc-stats { margin-top: 6px; }
.tc-sub { font-size: .95rem; margin: 20px 0 10px; color: var(--ink-2); }
.tc-limit-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.tc-limit-list li { display: grid; grid-template-columns: minmax(120px, 1fr) 2fr auto; align-items: center; gap: 12px; font-size: .9rem; }
.tc-limit-list b { font-variant-numeric: tabular-nums; min-width: 7.5em; text-align: right; font-weight: 600; color: var(--ink-2); }
.tc-bar { height: 8px; border-radius: 99px; background: var(--line-2); overflow: hidden; }
.tc-bar i { display: block; height: 100%; width: 0; background: var(--brand); border-radius: 99px; transition: width .15s; }
.tc-limit-list li.is-over b { color: var(--danger); }
.tc-limit-list li.is-over .tc-bar i { background: var(--danger); }
.tc-kw-list { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
.tc-kw-list li { padding: 4px 10px; border: 1px solid var(--line); border-radius: 999px; font-size: .875rem; background: #fff; }
.tc-kw-list li b { color: var(--brand-700); margin-left: 4px; }
@media (max-width: 520px) { .tc-limit-list li { grid-template-columns: 1fr auto; } .tc-bar { grid-column: 1 / -1; grid-row: 2; } }