/* Ayuda y Buscar. */
.cq-paleta, .cq-menu__hoja, .cq-dictado { max-height: calc(100dvh - var(--cq-space-4)); overflow-y: auto; }
.cq-paleta, .cq-menu__hoja { width: 100%; max-width: none; margin: auto 0 0; padding-bottom: calc(var(--cq-space-5) + env(safe-area-inset-bottom)); border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.cq-paleta[open] { display: flex; flex-direction: column; height: calc(100dvh - var(--cq-space-4)); }
.cq-paleta__lista { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }
.cq-paleta__opcion { display: flex; align-items: center; gap: var(--cq-space-3); min-height: var(--cq-touch); padding: var(--cq-space-3); border-radius: var(--cq-radius-control); cursor: pointer; overflow-wrap: anywhere; }
.cq-paleta__opcion[aria-selected="true"] { background: var(--cq-accent-tint); box-shadow: inset var(--cq-focus-ring); }
.cq-paleta__opcion:hover { background: var(--cq-surface-2); }
.cq-paleta__opcion > .cq-icono { flex-shrink: 0; color: var(--cq-ink-2); }
.cq-paleta__opcion > .cq-meta { margin-left: auto; text-align: end; }
.cq-paleta__grupo { padding: var(--cq-space-4) var(--cq-space-3) var(--cq-space-2); color: var(--cq-ink-2); font-size: var(--cq-type-label); }
.cq-paleta__opcion[aria-disabled="true"], .cq-menu__lista [aria-disabled="true"] { color: var(--cq-ink-2); cursor: not-allowed; }
@media (width >= 37.5em) {
  .cq-paleta { width: calc(100% - var(--cq-space-7)); max-width: calc(var(--cq-inspector-width) * 2); margin: var(--cq-space-7) auto auto; border-radius: var(--cq-radius-sheet); }
  .cq-paleta[open] { height: min(calc(var(--cq-touch) * 14), calc(100dvh - var(--cq-space-7) * 2)); }
}
/* Ayuda contextual: tacto amplio, ilustraciones de trazo y lectura en el tema activo. */
.cq-ayuda { width: var(--cq-touch); height: var(--cq-touch); min-width: var(--cq-touch); min-height: var(--cq-touch); padding: 0; flex: 0 0 var(--cq-touch); color: var(--cq-ink-2); vertical-align: middle; }
.cq-ayuda[hidden] { display: none; }
.cq-ayuda .cq-icono { width: var(--cq-space-4); height: var(--cq-space-4); }
.cq-ayuda:hover, .cq-ayuda:focus-visible { background: var(--cq-accent-tint); color: var(--cq-ink); }
.cq-ayuda:focus-visible { box-shadow: var(--cq-focus-ring); }
.cq-ilustracion { display: block; width: var(--cq-space-7); height: var(--cq-space-7); margin-inline: auto; color: var(--cq-ink-2); flex-shrink: 0; }
.cq-ayuda-hoja { position: fixed; inset: auto 0 0; margin: 0; width: 100%; max-width: none; max-height: calc(100dvh - var(--cq-space-7) - env(safe-area-inset-top)); padding: 0; border-radius: var(--cq-radius-sheet) var(--cq-radius-sheet) 0 0; }
.cq-ayuda-hoja[open] { display: flex; flex-direction: column; }
.cq-ayuda-hoja__cuerpo { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: var(--cq-space-5); }
.cq-ayuda-hoja__cuerpo > * + * { margin-top: var(--cq-space-5); }
.cq-ayuda-hoja__acciones { flex-shrink: 0; margin-top: 0; padding: var(--cq-space-3) var(--cq-space-5) max(var(--cq-space-3), env(safe-area-inset-bottom)); border-top: 1px solid var(--cq-line); background: var(--cq-surface); }
.cq-ayuda-texto { color-scheme: inherit; background: transparent; padding: 0; margin: 0; max-width: var(--cq-measure); font-family: var(--cq-font-ui); font-size: var(--cq-text-14); line-height: 1.6; }
.cq-ayuda-ficha { overflow-wrap: anywhere; }
.cq-ayuda-ficha > section { padding-block: var(--cq-space-4); border-bottom: 1px solid var(--cq-line); }
.cq-ayuda-enlace { display: flex; align-items: center; min-height: var(--cq-touch); color: var(--cq-ink); text-underline-offset: var(--cq-space-1); }
.cq-opcion-con-ayuda { display: flex; flex-direction: column; align-items: stretch; min-width: 0; gap: var(--cq-space-1); }
.cq-opcion-con-ayuda > .cq-radio { flex: 1; }
.cq-opcion-con-ayuda > .cq-ayuda { align-self: flex-end; }
@media (width >= 37.5em) {
  .cq-ayuda-hoja { inset: 0 auto auto 0; width: calc(100vw - var(--cq-space-6)); max-width: calc(var(--cq-space-7) * 10); max-height: calc(100dvh - var(--cq-space-6)); border-radius: var(--cq-radius-sheet); }
}
/* Ayuda a pantalla completa (R7): aviso de contenido en revisión y buscador con rótulo visible. */
.cq-ayuda-revision { display: flex; flex-direction: column; align-items: flex-start; gap: var(--cq-space-2); }
.cq-ayuda-buscar > span { color: var(--cq-ink-2); font-size: var(--cq-type-label); }
