/* ============================================================
   HUF — Componente: Steps (.hd-steps)
   ------------------------------------------------------------
   Procedimiento en pasos ordenados: el bloque "¿Cómo funciona?" que
   acompaña a las pantallas de configuración.

   Es contenido de apoyo, no el objeto de la pantalla: tamaño de meta y
   color atenuado, para que nunca compita con el formulario al que
   explica (HVL §7.6, el apoyo queda subordinado).
   ============================================================ */

.hd-steps {
    margin: 0;
    padding-left: var(--hd-space-4);
    font-size: var(--hd-text-meta);
    color: var(--hd-theme-text-muted);
    line-height: 1.6;
}

.hd-steps__item + .hd-steps__item {
    margin-top: var(--hd-space-2);
}

/* El número del paso es la única parte con el acento: da el orden de un
   vistazo sin que el texto entero suba de peso. */
.hd-steps__item::marker {
    color: var(--hd-theme-accent-text);
    font-weight: 600;
}

/* Los términos que el usuario debe buscar en la otra aplicación (nombres
   de menú, llaves) van resaltados: son lo accionable del párrafo. */
.hd-steps__item strong {
    color: var(--hd-theme-text);
    font-weight: 600;
}