/* Plantilla de categoría de problema (ProblemCategoryPage).
   ProblemQuickPaths (acceso directo) + ProblemChapter (capítulos numerados) + cierre editorial.
   La numeración 01/02/03 la aporta el contador del sistema (system.css, ek-problem-detail). */

/* ProblemQuickPaths — índice editorial grande: fila completa clicable, líneas finas, sin cards ni pills. */
.ek-problem-index{background:var(--ek-paper);border-bottom:1px solid var(--ek-line)}
.ek-problem-index .container{padding:clamp(38px,5.5vw,80px) 0}
.ek-problem-index-lead{max-width:46ch;margin:0 0 clamp(22px,3vw,40px);color:var(--ek-muted);font-size:clamp(.98rem,.95rem + .12vw,1.06rem);line-height:1.62}
.ek-problem-index ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ek-line)}
.ek-problem-index li{border-bottom:1px solid var(--ek-line)}
.ek-problem-index a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:clamp(15px,2vw,25px) 0;color:var(--ek-ink);font-family:var(--serif);font-size:clamp(1.3rem,1rem + 1.8vw,2.45rem);letter-spacing:-.02em;line-height:1.1;text-decoration:none;transition:color .2s ease,padding-left .22s ease,background-color .2s ease}
.ek-problem-index a:hover,.ek-problem-index a:focus-visible{color:var(--ek-accent);padding-left:8px;background:linear-gradient(90deg,rgba(0,109,119,.055),rgba(0,109,119,0) 62%)}
.ek-problem-index-arrow{flex:none;color:var(--ek-accent);font-family:var(--sans);font-size:.95rem;transition:transform .22s ease}
.ek-problem-index a:hover .ek-problem-index-arrow,.ek-problem-index a:focus-visible .ek-problem-index-arrow{transform:translateX(5px)}

/* ProblemChapter — más aire entre capítulos y medida de lectura cómoda; la línea fina ya la pone el sistema. */
body.ek-problem-detail .ek-chapter{padding:clamp(38px,4.6vw,74px) 0}
body.ek-problem-detail .ek-chapter .ek-section-copy p{max-width:66ch}
/* Microeyebrow de grupo: separa bloques de capítulos sin repetirse en cada H2. */
.ek-chapter-group{margin:0;padding:clamp(28px,3.6vw,50px) 0 0;color:var(--ek-muted);font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
/* Cierre de capítulo: frase final con más presencia, sin card. */
body.ek-problem-detail .prose .ek-chapter-close{margin-top:clamp(18px,2.4vw,30px);color:var(--ek-ink);font-family:var(--serif);font-size:clamp(1.35rem,1rem + 1.5vw,2.05rem);line-height:1.24;letter-spacing:-.02em}
@media(max-width:600px){
  .ek-chapter-group{letter-spacing:.14em}
}
@media(prefers-reduced-motion:reduce){
  .ek-problem-index a,.ek-problem-index-arrow{transition:none}
}