.tcl-form { display: block !important; }
.tcl textarea { font: 400 0.9rem/1.5 var(--f-mono) !important; min-height: 280px; resize: vertical; tab-size: 2; white-space: pre; overflow-wrap: normal; overflow-x: auto; }
.tcl-hint { margin: 8px 0 0; font: 400 0.8125rem var(--f-mono); color: var(--ink-soft); }
.tcl-actions { margin-top: 16px; }
.tcl-actions .btn, .tcl-copy .btn { min-height: 44px; }
.tcl-pending { color: var(--ink-soft); margin: 0; }
.tcl-error { overflow-wrap: anywhere; }
.tcl-strip { max-width: 520px; }
.tcl-group h3 { font: 600 1.15rem/1.3 var(--f-display); margin: 8px 0 12px; display: flex; align-items: center; gap: 10px; }
.tcl-group h3 span { font: 600 0.8125rem var(--f-mono); padding: 2px 8px; border: 1px solid var(--ink); border-radius: 999px; }
.tcl-group--high h3 span { background: var(--ink); color: var(--paper-light); }
.tcl-group--medium h3 span { background: var(--ochre); }
.tcl-group--low h3 span { background: var(--paper); }
.tcl-group ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.tcl-f { background: #fff; border: 1px solid var(--rule); border-left: 4px solid var(--rule); padding: 12px 16px; min-width: 0; }
.tcl-group--high .tcl-f { border-left-color: var(--ink); }
.tcl-group--medium .tcl-f { border-left-color: var(--ochre); }
.tcl-f p { margin: 0 0 6px; overflow-wrap: anywhere; }
.tcl-f__where { font: 400 0.8125rem var(--f-mono); color: var(--ink-soft); }
.tcl-f__fix { font-size: 0.95rem; }
.tcl-chip { display: inline-block; font: 600 0.75rem var(--f-mono); text-transform: uppercase; letter-spacing: 0.04em; color: var(--teal); border: 1px solid var(--teal); padding: 1px 6px; margin-right: 4px; }
.tcl-f code, .tcl-skel code { font: 400 0.85em var(--f-mono); background: var(--paper); padding: 0 4px; }
.tcl-f__q { margin: 8px 0 0; padding: 0 0 0 12px; border-left: 2px solid var(--teal); font-style: italic; font-size: 0.92rem; color: var(--ink-soft); }
.tcl-f__q cite { font: normal 400 0.75rem var(--f-mono); margin-left: 6px; white-space: nowrap; }
.tcl-skel { border-top: 1px solid var(--rule); padding-top: 12px; }
.tcl-skel summary { font: 600 1.05rem var(--f-display); cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.tcl-skel summary:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
.tcl-skel pre { font: 400 0.85rem/1.5 var(--f-mono); background: #fff; border: 1px solid var(--rule); padding: 12px; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0 0 12px; }
.tcl-copy { margin-top: 16px; }
