/* Page-specific additions for /youtube-to-chords. Shared blocks live in seo.css. */

.ytc-table { min-width: 640px; }
.ytc-table--wide { min-width: 820px; }
.ytc-table code { padding: 2px 6px; font: 600 12.5px/1.4 var(--font-chord); color: var(--ink); background: var(--surface-2); border: 1px solid var(--stroke); border-radius: 6px; overflow-wrap: anywhere; }
.ytc-table tbody th[scope="row"] { width: 190px; }

.ytc-error { display: inline-block; font-weight: 600; color: var(--ink); }

.ytc-step-sample { display: block; margin-top: 8px; padding: 9px 12px; font: 600 12.5px/1.45 var(--font-chord); color: var(--ink-secondary); background: var(--surface-2); border: 1px solid var(--stroke); border-radius: var(--radius-sm); overflow-wrap: anywhere; }

.ytc-second { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--stroke); }

@media (max-width: 760px) {
  .ytc-table tbody th[scope="row"] { width: 140px; }
}