/* Header action buttons (Ayuda, theme) and the Ayuda dialog. */
.head__actions { display: flex; align-items: center; gap: 8px; flex: none; }
.head__btn {
  display: inline-flex; align-items: center; gap: 6px; min-height: 34px; padding: 0 12px; border: 0; border-radius: var(--radius);
  background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--rule-strong); cursor: pointer; font: 600 13px/1 var(--font); color: var(--ink);
}
.head__btn:hover { box-shadow: inset 0 0 0 1px var(--accent); }
.head__icon { display: inline-flex; }
.head__icon svg { width: 16px; height: 16px; }
@media (max-width: 559px) { .head__btn-text { display: none; } .head__btn { padding: 0 9px; } }

.help { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 0; border-radius: 10px; background: var(--surface); color: var(--ink); box-shadow: 0 0 0 1px var(--rule-strong), var(--shadow); }
.help::backdrop { background: rgb(0 0 0 / 0.45); }
.help__head { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; background: var(--surface); border-bottom: 1px solid var(--rule); }
.help__title { margin: 0; font: 600 20px/1.2 var(--font-serif); }
.help__body { padding: 14px 18px 20px; font-size: 14px; color: var(--ink-2); }
.help__body p { margin: 0 0 10px; max-width: 70ch; }
.help__sources { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
.help__sources li { display: grid; gap: 3px; padding: 10px 12px; border-radius: var(--radius); background: var(--surface-2); box-shadow: inset 3px 0 0 var(--accent); }
.help__sources b { color: var(--ink); font-weight: 600; }

/* Manual / Inferido tag, shared by the dialog and the Señales tab. */
.src-tag { display: inline-block; padding: 1px 6px; border-radius: 4px; font: 700 10.5px/1.5 var(--font); letter-spacing: 0.06em; text-transform: uppercase; vertical-align: 1px; }
.src-tag.is-manual { color: var(--st-loaded); background: color-mix(in srgb, var(--st-loaded) 16%, transparent); }
.src-tag.is-inferred { color: var(--st-unloaded); background: color-mix(in srgb, var(--st-unloaded) 20%, transparent); }
:root[data-theme="light"] .head__brand { filter: brightness(0) saturate(0) opacity(0.78); }