/*
   La ayuda de la plataforma (/ayuda/{pantalla}). Se apoya en probar.css (el
   molde de actos, el límite en ámbar, las puertas) y suma lo propio: la
   lista de papers y el índice.
*/

.ay-miga { font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .7rem; letter-spacing: .08em; color: var(--pb-tenue); margin: 0 0 1.4rem; }
.ay-miga a { color: inherit; text-decoration: none; }
.ay-miga a:hover { color: var(--pb-acento); }

.ay .pb-acto { margin-top: 2.2rem; }
.ay .pb-acto > p { max-width: 66ch; }
.ay .pb-acto > p + p { margin-top: .8rem; }
.ay-ejemplo { margin-top: .9rem; padding-left: 14px; border-left: 3px solid var(--pb-aviso); color: var(--pb-tenue); }

.ay-tecnica {
    font-family: 'Space Grotesk', system-ui, sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    margin: 1.6rem 0 .5rem;
}
.ay-papers { list-style: none; padding: 0; margin: 0; }
.ay-papers li { border-top: 1px dashed var(--pb-linea); padding: .8rem 0; }
.ay-cita { font-size: .95rem; margin: 0; }
.ay-cita a { color: var(--pb-acento); text-decoration: none; }
.ay-aporte { color: var(--pb-tenue); font-size: .92rem; margin: .3rem 0 0; max-width: 66ch; }

.ay-indice { list-style: none; padding: 0; margin: 1.8rem 0 2.4rem; counter-reset: ay; }
.ay-indice li { border-top: 1px solid var(--pb-linea); }
.ay-indice li:last-child { border-bottom: 1px solid var(--pb-linea); }
.ay-indice a { display: flex; flex-direction: column; gap: .2rem; padding: 1rem 0 1rem 2.6rem; position: relative; color: inherit; text-decoration: none; }
.ay-indice a::before {
    counter-increment: ay; content: counter(ay, decimal-leading-zero);
    position: absolute; left: 0; top: 1.1rem;
    font-family: 'JetBrains Mono', ui-monospace, monospace; font-size: .7rem; color: var(--pb-tenue);
}
.ay-indice a b { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.2rem; font-weight: 600; }
.ay-indice a span { color: var(--pb-tenue); font-size: .9rem; }
.ay-indice a:hover b { color: var(--pb-acento); }