/* v2 additions only — the theme stylesheet already carries the rest (style.css §21). */

/* --- Fetch card and the manual fallback --------------------------------- */
.tc-fetch { margin-bottom: var(--trs-4); }

/* A real fallback, so it reads as a considered second path rather than an
   error state. JS opens it whenever a lookup fails. */
.tc-manual {
  margin-bottom: var(--trs-6);
  border: 1px solid var(--trs-border);
  border-radius: var(--trs-radius-lg);
  background: var(--trs-surface-2);
}
.tc-manual__summary {
  display: flex; align-items: center; gap: var(--trs-2);
  min-height: 44px; padding: var(--trs-3) var(--trs-5);
  color: var(--trs-text); font-size: var(--trs-fs-sm); font-weight: 600;
  cursor: pointer; list-style: none;
  border-radius: var(--trs-radius-lg);
}
.tc-manual__summary::-webkit-details-marker { display: none; }
.tc-manual__summary::before {
  content: "+"; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 20px; height: 20px; border-radius: 50%;
  background: var(--trs-brand); color: var(--trs-on-brand);
  font-size: var(--trs-fs-sm); font-weight: 700; line-height: 1;
}
.tc-manual[open] > .tc-manual__summary::before { content: "\2212"; }
.tc-manual__summary:hover { color: var(--trs-brand-hover); }
.tc-manual__summary:focus-visible { outline: 2px solid var(--trs-brand); outline-offset: 2px; }
.tc-manual__body {
  padding: 0 var(--trs-5) var(--trs-5);
  border-top: 1px solid var(--trs-border);
  padding-top: var(--trs-5);
}
.tc-manual__body .tr-steps__list { margin-bottom: var(--trs-4); }