/* The transcription page. Everything else it wears is index.css — the tokens,
   the header and footer, the hero, the steps and the FAQ — so this file holds
   only what that page does not already have. */

.tx-hero h1 { max-width: 17ch; }
.tx-hero .lede { max-width: 58ch; }


.tx-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 36px;
  max-width: 980px;
}
.tx-list li {
  font-size: 15px; line-height: 1.6; color: var(--text-muted);
  padding-left: 14px; border-left: 2px solid var(--border);
}
.tx-list b { color: var(--text); font-weight: 500; }
@media (max-width: 760px) {
  .tx-list { grid-template-columns: 1fr; }
}

.tx-end { margin-top: 32px; }

.tx-guide { margin-top: 32px; max-width: 68ch; font-size: 15px; line-height: 1.6; color: var(--text-muted); }
.tx-guide a { color: var(--brass); text-underline-offset: 3px; }