.ajuda { max-width: 1280px; margin: 0 auto; padding: 24px; color: var(--ink); }
.ajuda h1 { font-size: 24px; margin: 0 0 8px; }
.ajuda h2 { font-size: 20px; margin: 0 0 12px; }
.ajuda h3 { font-size: 16px; margin: 0 0 8px; }
.ajuda p, .ajuda li { line-height: 1.6; }
.ajuda-grade { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 24px; margin-top: 24px; }
.ajuda nav a { display: flex; flex-direction: column; justify-content: center; min-height: 60px; padding: 12px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.ajuda nav a:hover, .ajuda nav a[aria-current] { background: var(--panel-2); }
.ajuda nav a[aria-current] { border-left: 4px solid var(--ink-accent); }
.ajuda small, .ajuda-meta { color: var(--muted); font-size: 13px; }
.ajuda input, .ajuda button { min-height: 44px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--panel); color: var(--ink); font: inherit; }
.ajuda input { width: 100%; margin-top: 8px; }
.ajuda article { min-width: 0; }
.ajuda section { margin-bottom: 24px; padding: 16px; background: var(--panel); border: 1px solid var(--line); border-radius: 8px; }
.ajuda article header { margin-bottom: 24px; }
.ajuda article a { color: var(--ink-accent); display: inline-flex; align-items: center; min-height: 44px; overflow-wrap: anywhere; }
.ajuda summary { cursor: pointer; min-height: 44px; padding: 12px 0; }
.ajuda video { width: 100%; aspect-ratio: 16 / 9; background: var(--bg); border-radius: 8px; }
.ajuda :focus-visible { outline: 2px solid var(--ink-accent); outline-offset: 3px; }
.ajuda-skeleton div { height: 80px; margin-top: 16px; background: var(--panel); border-radius: 8px; }
@media (max-width: 820px) { .ajuda { padding: 16px; } .ajuda-grade { grid-template-columns: 1fr; } .ajuda nav { max-height: 300px; overflow-y: auto; } }