/* =====================================================================
   psf-clasicos.css — Artículos resumidos (antes Estudios clásicos). [D-328 · v10.19.0]
   Solo tokens. Lo memorable es la cifra de cada estudio, en serif; el
   resto se queda quieto: tarjetas planas, una regla, nada de sombras.
   ===================================================================== */
.psf-cla{ max-width:72ch; }
.psf-cla__hero{ margin-bottom:var(--pf-s-6); }
.psf-cla__meta{ font-family:var(--pf-sans); font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx); margin:0 0 var(--pf-s-1); }
.psf-cla__largo{ font-family:var(--pf-sans); font-size:var(--pf-fs-small); color:var(--pf-ink-soft); margin:var(--pf-s-1) 0 var(--pf-s-4); }

.psf-cla__cifra{ display:flex; flex-wrap:wrap; align-items:baseline; gap:var(--pf-s-2) var(--pf-s-3); margin:0; padding:var(--pf-s-3) 0; border-top:1px solid var(--pf-line); border-bottom:1px solid var(--pf-line); }
.psf-cla__cifra-n{ font-family:var(--pf-serif); font-size:var(--pf-fs-h2); line-height:1.1; color:var(--pf-brand-tx); font-variant-numeric:tabular-nums; }
.psf-cla__cifra-t{ font-size:var(--pf-fs-small); color:var(--pf-ink-soft); max-width:40ch; }

/* Índice: una lista, no una rejilla de cajas iguales. */
.psf-cla__lista{ list-style:none; margin:0; padding:0; border-top:1px solid var(--pf-line); }
.psf-cla__item{ border-bottom:1px solid var(--pf-line); }
.psf-cla__tarjeta{ display:grid; grid-template-columns:11em 1fr; gap:var(--pf-s-1) var(--pf-s-4); padding:var(--pf-s-4) 0; color:inherit; text-decoration:none; min-height:var(--pf-tap); }
.psf-cla__tarjeta:hover .psf-cla__n{ color:var(--pf-brand-tx); text-decoration:underline; text-underline-offset:3px; }
.psf-cla__tarjeta:focus-visible{ outline:2px solid var(--pf-brand); outline-offset:2px; }
.psf-cla__tarjeta .psf-cla__meta{ grid-column:1; grid-row:1 / span 3; padding-top:.35em; }
.psf-cla__n{ grid-column:2; font-family:var(--pf-serif); font-size:var(--pf-fs-h3); line-height:1.25; color:var(--pf-ink); }
.psf-cla__area{ grid-column:2; font-family:var(--pf-sans); font-size:var(--pf-fs-micro); color:var(--pf-ink-soft); }
.psf-cla__linea{ grid-column:2; font-size:var(--pf-fs-small); line-height:var(--pf-lh-body); color:var(--pf-ink-soft); }

/* Estudio. */
.psf-cla__indice{ margin:0 0 var(--pf-s-6); }
.psf-cla__indice ol{ display:flex; flex-wrap:wrap; gap:var(--pf-s-2); list-style:none; margin:0; padding:0; counter-reset:parte; }
.psf-cla__indice li{ counter-increment:parte; }
.psf-cla__indice a{ display:inline-flex; align-items:center; gap:var(--pf-s-1); min-height:var(--pf-tap); padding:0 var(--pf-s-3); border:1px solid var(--pf-line); border-radius:var(--pf-r-pill); font-family:var(--pf-sans); font-size:var(--pf-fs-small); color:var(--pf-ink); text-decoration:none; }
.psf-cla__indice a::before{ content:counter(parte); color:var(--pf-ink-faint-tx); font-variant-numeric:tabular-nums; }
.psf-cla__indice a:hover{ border-color:var(--pf-brand); color:var(--pf-brand-tx); }
.psf-cla__indice a:focus-visible{ outline:2px solid var(--pf-brand); outline-offset:2px; }
.psf-cla__parte{ margin:0 0 var(--pf-s-8); scroll-margin-top:var(--pf-s-16); }
.psf-cla__parte h2{ font-family:var(--pf-serif); font-size:var(--pf-fs-h3); margin:0 0 var(--pf-s-3); }
.psf-cla__parte p{ line-height:var(--pf-lh-body); }
.psf-cla__parte--criticas{ border-left:3px solid var(--pf-warn); padding-left:var(--pf-s-4); }
.psf-cla__preguntas{ padding-left:1.3em; }
.psf-cla__preguntas li{ margin:0 0 var(--pf-s-3); font-family:var(--pf-serif); font-size:var(--pf-fs-body); line-height:1.5; }

.psf-cla__fuentes{ border-top:1px solid var(--pf-line); padding-top:var(--pf-s-4); font-size:var(--pf-fs-micro); color:var(--pf-ink-soft); }
.psf-cla__fuentes h2{ font-family:var(--pf-sans); font-size:var(--pf-fs-small); margin:0 0 var(--pf-s-2); }
.psf-cla__fuentes ul{ padding-left:1.1em; }
.psf-cla__fuentes li{ margin:0 0 var(--pf-s-2); overflow-wrap:anywhere; }
.psf-cla__fuentes a{ color:var(--pf-brand-tx); }
.psf-cla__pie{ font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx); margin-top:var(--pf-s-4); }

.psf-cla__vecinos{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--pf-s-3); margin-top:var(--pf-s-8); font-family:var(--pf-sans); font-size:var(--pf-fs-small); }
.psf-cla__vecinos a{ display:inline-flex; flex-direction:column; justify-content:center; min-height:var(--pf-tap); color:var(--pf-brand-tx); text-decoration:none; }
.psf-cla__vecinos a span{ font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx); }
.psf-cla__vecinos a:focus-visible{ outline:2px solid var(--pf-brand); outline-offset:2px; }
.psf-cla__todos{ align-self:center; }
.psf-cla__sig{ text-align:right; }

@media (max-width:560px){
	.psf-cla__tarjeta{ grid-template-columns:1fr; }
	.psf-cla__tarjeta .psf-cla__meta{ grid-column:1; grid-row:auto; padding-top:0; }
	.psf-cla__n,.psf-cla__area,.psf-cla__linea{ grid-column:1; }
	.psf-cla__parte--criticas{ padding-left:var(--pf-s-3); }
}