/* The relationship line on a Today card and a person card.
   Tokens only. index.html links this, and home-route.js declares the same
   href so a routed Front Page still has the rules. */

.hwk { margin-top: 6px; max-width: 36rem; }
.hwk-line {
  display: block; width: 100%; text-align: left; background: transparent;
  border: 0; padding: 0; cursor: pointer; font: inherit; color: inherit;
}
.hwk-k {
  display: block; font-family: var(--ds-font-mono); font-size: 0.62rem;
  letter-spacing: 0.06em; text-transform: uppercase; color: var(--ds-ink-muted);
}
.hwk-v { display: block; font-size: 0.8rem; color: var(--ds-ink-secondary); margin-top: 2px; }
.hwk-v.is-empty { color: var(--ds-ink-muted); }
.hwk-edit { margin-top: 6px; }
.hwk-edit .textarea { width: 100%; }
.hwk-actions { display: flex; gap: 8px; align-items: center; margin-top: 6px; flex-wrap: wrap; }
.hwk-actions .sp { flex: 1; }
.hwk-count { font-family: var(--ds-font-mono); font-size: 0.68rem; color: var(--ds-ink-muted); }
.hwk-count.is-soft { color: var(--ds-text-negative); }
.hwk-draft {
  margin-top: 8px; font-size: 0.8rem; white-space: pre-wrap; color: var(--ds-ink);
  background: var(--ds-bg-subtle); border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius); padding: 8px 10px;
}
.hwk-draft-k {
  font-family: var(--ds-font-mono); font-size: 0.62rem; letter-spacing: 0.06em;
  text-transform: uppercase; color: var(--ds-ink-muted); display: block; margin-bottom: 4px;
}