/* Калькулятор «¿Te conviene cambiar de tarifa?» (ТЗ-3): кандидаты, письмо, проверка оферты. Только переменные style.css, свои классы tf-*. */
.tf-cands { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--bg-2); }
.tf-cands h5 { margin: 0 0 6px; font-size: 1rem; font-weight: 500; }
.tf-cand { border-top: 1px solid var(--line); padding: 12px 0 4px; margin-top: 10px; }
.tf-cand:first-of-type { border-top: 0; margin-top: 4px; }
.tf-cand-h { margin: 0 0 6px; }
.tf-cand ul { margin: 6px 0 8px; padding-left: 20px; }
.tf-letter { margin: 10px 0 6px; padding: 12px 14px; border: 1px dashed var(--line-2); border-radius: 12px; }
.tf-letter[hidden] { display: none; }
.tf-letter-form { margin: 8px 0; }
.tf-lbl { display: block; margin: 8px 0; }
.tf-text { width: 100%; min-height: 18rem; font: .9rem/1.5 var(--mono); resize: vertical; }
.tf-channels ul { margin: 6px 0; padding-left: 20px; }
.tf-check { margin-top: 22px; }
.tf-check > summary { cursor: pointer; font-size: 1.05rem; }
.tf-drop { display: block; margin: 12px 0 6px; }
.tf-verdict { margin-top: 14px; padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line-2); background: var(--surface); }
.tf-verdict .tf-v-h { font-size: 1.1rem; margin: 0 0 8px; }
.tf-verdict.tf-better { border-color: var(--accent); }
.tf-verdict.tf-worse { border-color: var(--bad); }
.tf-verdict.tf-similar { border-color: var(--warn); }
.tf-verdict:focus { outline: 2px solid var(--accent); }
@media (max-width: 600px) { .tf-text { min-height: 22rem; } }

/* Л-6: кнопки черновика мастера */
.draft-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 4px 0 12px; }
.draft-row .ok { color: var(--accent); }