.ctc-top { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.ctc-top .ctc-wide { grid-column: 1 / -1; }
.ctc-top textarea { resize: vertical; min-height: 64px; }
.ctc-note { margin: 16px 0 12px; color: var(--ink-soft); }
.ctc-rows { display: grid; gap: 12px; }
.ctc-row { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)) !important; align-items: end; background: #fff; border-left: 4px solid var(--rule) !important; }
.ctc-row[data-tier="2"] { border-left-color: var(--teal) !important; }
.ctc-row[data-tier="3"] { border-left-color: var(--ink) !important; }
.ctc-row[data-tier="4"] { border-left-color: var(--ochre) !important; }
.ctc-row legend { font: 600 1rem/1.3 var(--f-display); color: var(--ink); letter-spacing: -0.01em; }
.ctc-badge { font: 400 0.875rem var(--f-mono); color: var(--ink-soft); }
.ctc-row .ctc-name { grid-column: 1 / -1; }
.ctc-row label[hidden] { display: none; }
.ctc-remove { justify-self: start; }
.ctc-rowbtns { margin-top: 16px; }
.ctc-empty { color: var(--ink-soft); margin: 0; }
.ctc-stack { max-width: 440px; }
.ctc-tablewrap { overflow-x: auto; }
.ctc-tablewrap td:first-child code { white-space: nowrap; }
@media (max-width: 640px) {
  .ctc-tablewrap thead { display: none; }
  .ctc-tablewrap tr { display: block; padding: 10px 0; border-bottom: 1px solid var(--rule); }
  .ctc-tablewrap td { display: grid; grid-template-columns: 6.5em minmax(0, 1fr); gap: 8px; border: 0; padding: 3px 0; }
  .ctc-tablewrap td::before { content: attr(data-h); font: 400 0.75rem var(--f-mono); color: var(--ink-soft); padding-top: 2px; }
  .ctc-tablewrap td:first-child code { white-space: normal; word-break: break-all; }
}
.ctc-tablewrap tr[data-tier="4"] td:nth-child(2) { font-weight: 600; }
.ctc-tablewrap code, .ctc .tool-verdict code { font-family: var(--f-mono); font-size: 0.875em; word-break: break-word; }
.ctc .tool-verdict ul, .ctc-more ul { margin: 8px 0 0; padding-left: 20px; }
.ctc .tool-verdict li { margin-bottom: 6px; }
.ctc-more { border-top: 1px solid var(--rule); padding-top: 8px; }
.ctc-more summary { font: 600 1.05rem var(--f-display); cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.ctc-more summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
.ctc-more p { margin: 12px 0 0; }
.ctc .tool-actions { margin-top: 16px; }