/* Additional tracked details (2026-09-09): medication, status and surgery
   lines the veteran keeps by hand. Lives under Statements on /profile.html
   and /my-preparation and in the Build your evidence phase of a saved claim
   journey. Reuses the rq-* card vocabulary from record-requests.css and the
   rf-* form/button vocabulary from record-findings.css, so every action
   already carries the BUTTON LAW border and glow. Tokens only. */

.td-kinds { display: flex; flex-wrap: wrap; gap: var(--space-2); margin: var(--space-3) 0 0; }
.td-kinds .rf-btn { min-height: 44px; }
.td-kind { display: inline-block; padding: 4px 12px; border-radius: 999px; font-size: var(--text-sm); font-weight: 700; border: 1px solid var(--color-accent); color: var(--color-text); background: var(--color-bg-alt, var(--color-bg)); white-space: nowrap; }
.td-line { margin: var(--space-2) 0 0; font-size: var(--text-body); line-height: 1.5; color: var(--color-text); overflow-wrap: anywhere; }
.td-for { margin: var(--space-1) 0 0; font-size: var(--text-sm); color: var(--color-text-muted); }
.td-empty { margin: var(--space-3) 0 0; font-size: var(--text-body); color: var(--color-text-muted); }
.td-fields { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--space-3); }
.td-fields .rf-field-wide { grid-column: 1 / -1; }
@media (max-width: 480px) {
  .td-kinds { flex-direction: column; }
  .td-kinds .rf-btn { width: 100%; }
}