/**
 * T11 · Realce de foco visible en las cabeceras de acordeón (WCAG 2.4.7 AA).
 *
 * Las cabeceras son enfocables (accesibilidad-acordeones.js) y el foco global
 * (accesibilidad-foco.css, T9) les aplica un outline con outline-offset:2px,
 * es decir, DIBUJADO POR FUERA del borde. Pero muchas cabeceras viven dentro de
 * contenedores con overflow:hidden (el grupo, la celda de la tabla…), que
 * RECORTAN ese outline exterior: el foco entra pero no se ve.
 *
 * Solución: en las cabeceras, dibujar el recuadro HACIA DENTRO (outline-offset
 * negativo), donde el overflow:hidden no lo recorta. Se conserva el mismo
 * color/grosor del foco del resto del site. Se marca con el atributo
 * data-a11y-acordeon (lo pone el JS), así vale para las tres variantes de
 * marcado, no solo para .cabecera.
 */
[data-a11y-acordeon]:focus-visible {
	outline-offset: -3px !important;
}