/* =========================================================================
   LA EVIDENCIA DETRÁS DE LA ADVERTENCIA DE SUICIDALIDAD  ·  [D-187 · v9.17.0]

   Hereda la gramática visual de la página de ganancia de peso (bloques,
   tarjetas, tablas, notas) para que las dos páginas transversales se lean
   como hermanas. Añade tres piezas propias: los cuatro «por cada 1000»
   de la etiqueta como cifras grandes, la cronología en cinco pasos y la
   lista de referencias. Todo en tokens, sin un solo literal.
   ========================================================================= */

.psf-sui{color:var(--pf-ink);}

/* ── Índice y enlace a la hoja ────────────────────────────────────── */
.psf-sui__indice{margin:var(--pf-s-6) 0;}
.psf-sui__indice ul{
	display:flex;flex-wrap:wrap;gap:var(--pf-s-2);margin:0;padding:0;list-style:none;}
.psf-sui__indice a{
	display:inline-flex;align-items:center;min-height:var(--pf-tap);
	padding:0 var(--pf-s-3);
	border:2px solid var(--pf-line);border-radius:var(--pf-r-pill);
	font-size:var(--pf-fs-micro);color:var(--pf-ink);text-decoration:none;}
.psf-sui__indice a:hover{border-color:var(--pf-ink);}
.psf-sui__indice a:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}

.psf-sui__hoja{
	display:block;margin:0 0 var(--pf-s-6);padding:var(--pf-s-3) var(--pf-s-4);
	border:2px solid var(--pf-brand-line);border-radius:var(--pf-r-md);
	background:var(--pf-brand-tint);text-decoration:none;}
.psf-sui__hoja:hover{border-color:var(--pf-brand-tx);}
.psf-sui__hoja:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}
.psf-sui__hoja-t{
	display:block;font-size:var(--pf-fs-body);
	font-weight:var(--pf-w-semibold);color:var(--pf-brand-tx);}
.psf-sui__hoja-s{
	display:block;margin-top:var(--pf-s-1);font-size:var(--pf-fs-micro);
	line-height:1.5;color:var(--pf-ink-soft);}

/* ── Bloques ──────────────────────────────────────────────────────── */
.psf-sui__bl{
	margin:0 0 var(--pf-s-8);padding-top:var(--pf-s-6);
	border-top:1px solid var(--pf-line);scroll-margin-top:var(--pf-s-8);}
.psf-sui__h2{
	margin:0 0 var(--pf-s-3);font-family:var(--pf-serif);
	font-size:var(--pf-fs-h3);line-height:1.2;color:var(--pf-brand-deep);}
.psf-sui__h3{
	margin:var(--pf-s-6) 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-body);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);}
.psf-sui__p{
	margin:0 0 var(--pf-s-4);font-size:var(--pf-fs-small);line-height:1.65;
	color:var(--pf-ink);max-width:var(--pf-w-read);}
.psf-sui__l{margin:0 0 var(--pf-s-3);padding-left:1.15em;max-width:var(--pf-w-read);}
.psf-sui__l li{
	margin-bottom:var(--pf-s-2);font-size:var(--pf-fs-small);line-height:1.6;
	color:var(--pf-ink);}

/* ── Hipótesis, plegadas ──────────────────────────────────────────── */
.psf-sui__it{border-top:1px solid var(--pf-line);}
.psf-sui__it:last-of-type{border-bottom:1px solid var(--pf-line);}
.psf-sui__sum{
	display:block;padding:var(--pf-s-3) 0;cursor:pointer;list-style:none;
	min-height:var(--pf-tap);font-size:var(--pf-fs-body);
	font-weight:var(--pf-w-semibold);color:var(--pf-ink);}
.psf-sui__sum::-webkit-details-marker{display:none;}
.psf-sui__sum::before{content:"▸ ";color:var(--pf-ink-faint-tx);}
.psf-sui__it[open] .psf-sui__sum::before{content:"▾ ";}
.psf-sui__sum:focus-visible{outline:3px solid var(--pf-ink);outline-offset:3px;}
.psf-sui__itc{padding:0 0 var(--pf-s-4);}
.psf-sui__itc p{
	margin:0 0 var(--pf-s-2);font-size:var(--pf-fs-small);line-height:1.65;
	color:var(--pf-ink);max-width:var(--pf-w-read);}

/* ── La regla destacada ───────────────────────────────────────────── */
.psf-sui__destacado{
	margin:0 0 var(--pf-s-4);padding:var(--pf-s-4);
	border:2px solid var(--pf-ink);border-left-width:8px;
	border-radius:var(--pf-r-md);background:var(--pf-paper-alt);}
.psf-sui__destacado h3{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-body);font-weight:var(--pf-w-bold);color:var(--pf-ink);}
.psf-sui__destacado p{
	margin:0 0 var(--pf-s-2);font-size:var(--pf-fs-small);line-height:1.65;
	color:var(--pf-ink);}

/* ── Tarjetas ─────────────────────────────────────────────────────── */
.psf-sui__grid2{
	display:grid;gap:var(--pf-s-3);margin:0 0 var(--pf-s-4);
	grid-template-columns:repeat(auto-fit,minmax(26ch,1fr));}
.psf-sui__card{
	padding:var(--pf-s-3) var(--pf-s-4);
	border:1px solid var(--pf-line);border-radius:var(--pf-r-md);
	background:var(--pf-paper-alt);}
.psf-sui__card--marco{border-width:2px;border-color:var(--pf-ink);}
.psf-sui__card h3{
	margin:0 0 var(--pf-s-2);font-family:var(--pf-sans);
	font-size:var(--pf-fs-body);font-weight:var(--pf-w-semibold);
	color:var(--pf-brand-tx);}
.psf-sui__card--marco h3{color:var(--pf-ink);font-family:var(--pf-mono);}
.psf-sui__card p{
	margin:0;font-size:var(--pf-fs-small);line-height:1.6;color:var(--pf-ink);}

/* ── Tablas ───────────────────────────────────────────────────────── */
.psf-sui__scroll{overflow-x:auto;margin:0 0 var(--pf-s-3);}
.psf-sui__tabla{width:100%;border-collapse:collapse;font-size:var(--pf-fs-micro);}
.psf-sui__tabla th,.psf-sui__tabla td{
	padding:var(--pf-s-2);text-align:left;vertical-align:top;
	border-bottom:1px solid var(--pf-line);line-height:1.5;}
.psf-sui__tabla thead th{
	background:var(--pf-paper-alt);color:var(--pf-brand-tx);
	font-weight:var(--pf-w-semibold);}
.psf-sui__tabla tbody th{color:var(--pf-ink);font-weight:var(--pf-w-semibold);}
.psf-sui__tabla td{color:var(--pf-ink);}
.psf-sui__ic{color:var(--pf-ink-faint-tx);font-family:var(--pf-mono);}

/* ── Notas y pies ─────────────────────────────────────────────────── */
.psf-sui__ojo{
	margin:var(--pf-s-3) 0;padding:var(--pf-s-3) var(--pf-s-4);
	border-left:4px solid var(--pf-ink);background:var(--pf-paper-alt);
	font-size:var(--pf-fs-small);line-height:1.65;color:var(--pf-ink);
	max-width:var(--pf-w-read);}
.psf-sui__aviso{
	margin:var(--pf-s-4) 0 0;padding:var(--pf-s-3) var(--pf-s-4);
	border:1px dashed var(--pf-line);border-radius:var(--pf-r-md);
	font-size:var(--pf-fs-micro);line-height:1.6;color:var(--pf-ink-soft);}
.psf-sui__ftes{
	margin:0 0 var(--pf-s-2);font-size:var(--pf-fs-micro);line-height:1.5;
	color:var(--pf-ink-faint-tx);}
.psf-sui__ftes a{color:var(--pf-brand-tx);}
.psf-sui__cierre{
	margin:var(--pf-s-6) 0;font-size:var(--pf-fs-micro);
	line-height:1.55;color:var(--pf-ink-faint-tx);}


/* ── El recuadro de la advertencia, citado en la propia página ───── */
.psf-sui__recuadro{margin:var(--pf-s-4) 0 var(--pf-s-2);}

/* ── Las cuatro cifras de la etiqueta ─────────────────────────────── */
.psf-sui__cifras{
	display:grid;gap:var(--pf-s-3);margin:var(--pf-s-4) 0 var(--pf-s-2);
	grid-template-columns:repeat(auto-fit,minmax(11ch,1fr));max-width:var(--pf-w-read);}
.psf-sui__cifra{
	padding:var(--pf-s-3);text-align:center;
	border:2px solid var(--pf-ink);border-radius:var(--pf-r-md);background:var(--pf-surface);}
.psf-sui__cifra--menos{border-color:var(--pf-line);background:var(--pf-paper-alt);}
.psf-sui__cn{
	display:block;font-family:var(--pf-serif);font-size:var(--pf-fs-h2);
	line-height:1;font-weight:var(--pf-w-semibold);color:var(--pf-ink);font-variant-numeric:tabular-nums;}
.psf-sui__cifra--menos .psf-sui__cn{color:var(--pf-brand-tx);}
.psf-sui__ct{
	display:block;margin-top:var(--pf-s-2);font-size:var(--pf-fs-micro);
	line-height:1.4;color:var(--pf-ink-soft);}
.psf-sui__pie-cifras{
	margin:0 0 var(--pf-s-3);font-size:var(--pf-fs-micro);line-height:1.55;
	color:var(--pf-ink-soft);max-width:var(--pf-w-read);}

/* ── La cronología ────────────────────────────────────────────────── */
.psf-sui__crono{margin:0 0 var(--pf-s-4);padding:0;list-style:none;max-width:var(--pf-w-read);}
.psf-sui__crono li{
	display:grid;grid-template-columns:8ch 1fr;gap:var(--pf-s-3);
	padding:var(--pf-s-3) 0;border-top:1px solid var(--pf-line);
	font-size:var(--pf-fs-small);line-height:1.65;color:var(--pf-ink);}
.psf-sui__crono li:last-child{border-bottom:1px solid var(--pf-line);}
.psf-sui__ano{
	font-family:var(--pf-mono);font-size:var(--pf-fs-micro);letter-spacing:.04em;
	color:var(--pf-brand-tx);padding-top:.25em;}
@media (max-width:480px){
	.psf-sui__crono li{grid-template-columns:1fr;gap:var(--pf-s-1);}
}

/* ── Listas numeradas y tablas con título ─────────────────────────── */
.psf-sui__l--num{list-style:decimal;}
.psf-sui__tabla caption{
	caption-side:top;text-align:left;padding:0 0 var(--pf-s-2);
	font-family:var(--pf-mono);font-size:var(--pf-fs-micro);letter-spacing:.04em;
	text-transform:uppercase;color:var(--pf-ink-faint-tx);}
.psf-sui__fila-total th,.psf-sui__fila-total td{border-top:2px solid var(--pf-ink);}

/* ── [D-188] La nota sobre América Latina: un hueco declarado, con la
   misma forma que los huecos del resto del sitio (no un aviso de error). */
.psf-sui__nota-latam{
	margin:var(--pf-s-4) 0 0!important;padding:var(--pf-s-3) var(--pf-s-4);
	border:1px dashed var(--pf-line);border-radius:var(--pf-r-md);
	background:var(--pf-paper-alt);}

/* ── Lo que te llevas y fuentes ───────────────────────────────────── */
.psf-sui__llevas{
	padding:var(--pf-s-4) var(--pf-s-6);border:2px solid var(--pf-ink);
	border-radius:var(--pf-r-md);background:var(--pf-paper-alt);}
.psf-sui__llevas .psf-sui__h2{margin-top:0;}
.psf-sui__refs{margin:0;padding-left:1.4em;max-width:var(--pf-w-read);}
.psf-sui__refs li{
	margin-bottom:var(--pf-s-2);font-size:var(--pf-fs-micro);line-height:1.55;
	color:var(--pf-ink-soft);scroll-margin-top:var(--pf-s-8);}
.psf-sui__refs a{color:var(--pf-brand-tx);word-break:break-all;}

@media print{
	.psf-sui__indice{display:none;}
	.psf-sui__itc{display:block !important;}
	.psf-sui__sum::before{content:"";}
	.psf-sui__bl{break-inside:avoid;page-break-inside:avoid;}
}
