/* talk-doors.css — the "Talk · N" chip (r14, r02). Paper/olive visual contract (DESIGN.md). */
.td-chip {
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 34px; padding: 4px 12px;
  border: 1px solid var(--olive, #526547); border-radius: 999px;
  background: transparent; color: #344b2c;
  font: inherit; font-size: 13px; font-weight: 600; line-height: 1.2;
  text-decoration: none; white-space: nowrap; cursor: pointer;
}
.td-chip:hover { background: #eef2e6; text-decoration: none; }
.td-chip:focus-visible { outline: 2px solid var(--olive, #526547); outline-offset: 2px; }
.td-chip .td-ic { flex: none; }
.td-chip .td-n { font-variant-numeric: tabular-nums; }
.td-chip.td-primary { background: var(--olive, #526547); color: #fffef9; border-color: var(--olive, #526547); }
.td-chip.td-primary:hover { background: #344b2c; }
.td-note { margin: 8px 0 0; font-size: 12.5px; line-height: 1.45; color: #586653; }
.td-preview { margin: 6px 0 0; font-size: 13px; line-height: 1.45; color: #29372e; overflow-wrap: anywhere; }
.td-preview b { font-weight: 600; }
.td-in { font-size: 12.5px; color: #586653; }
@media (max-width: 760px) {
  .td-chip { min-height: 44px; padding: 6px 14px; }
}