/* Ayuda y controles de audio, separados del diseño general. */
.help-callout { border-color: var(--accent); }
.help-steps { display: grid; gap: .6rem; padding-left: 1.6rem; }
.help-steps li { padding: .5rem .7rem; border-left: 3px solid var(--line-strong); background: var(--surface-2); }
.help-steps strong { color: var(--accent-2); }
.help-grid article { min-height: 10rem; }
.help-directory { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.help-directory article { padding: .9rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); }
.help-directory h3 { margin: 0 0 .3rem; }
.help-directory p { margin: 0; color: var(--muted); }
.shortcut-table th:first-child { width: 12rem; color: var(--accent-2); font-family: ui-monospace, monospace; }
#audio-dialog, #shortcut-dialog { overscroll-behavior: contain; }
#audio-dialog [data-audio-surface] { display: grid; gap: .75rem; }
#audio-dialog label { display: grid; gap: .3rem; }
#audio-dialog .check-label { display: flex; }
#audio-dialog hr { width: 100%; border: 0; border-top: 1px solid var(--line); }
.manual-actions { margin-bottom: 1rem; }
.manual-chapters { display: grid; gap: .8rem; }
.manual-chapter { min-width: 0; }
.manual-chapter > [data-panel-content] { max-width: 78rem; }
.manual-chapter code { overflow-wrap: anywhere; word-break: break-word; }
.manual-chapter table th:first-child { min-width: 13rem; }
kbd { padding: .08rem .32rem; border: 1px solid var(--line-strong); border-bottom-width: 2px; border-radius: 4px; background: var(--surface-2); font-family: ui-monospace, monospace; }

@media (max-width: 760px) {
  .help-directory { grid-template-columns: 1fr; }
  .shortcut-table th:first-child { width: auto; }
}
