/**
 * psf-placebo.css — la carpeta del efecto placebo.  [D-246 · v9.65.0]
 *
 * Ni un valor hexadecimal propio: todo sale de psf-tokens.css, así que el modo
 * oscuro y el de alto contraste llegan aquí sin tocar este archivo.
 *
 * LA ÚNICA DECISIÓN VISUAL QUE ES CONTENIDO: la celda de I² por encima del
 * 75 % se pinta en el color de aviso. No es decoración — marca exactamente
 * las filas donde la media de la tabla resume mal, que es lo que un lector
 * apresurado se salta. El color dice «no se fíe de la columna de al lado».
 */

.psf-pl{ padding-bottom:var(--pf-s-16); }

/* ── cabecera y navegación ───────────────────────────────────────────── */

.psf-pl__cab{ max-width:var(--pf-w-read); margin-bottom:var(--pf-s-4); }

.psf-pl__h1{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h1);
	line-height:1.1; margin:4px 0 8px; color:var(--pf-ink); text-wrap:balance;
}

.psf-pl__lead{
	font-family:var(--pf-sans); font-size:var(--pf-fs-lead);
	line-height:1.5; color:var(--pf-ink-soft); margin:0; max-width:60ch;
}
.psf-pl__lead b{ color:var(--pf-ink); font-weight:600; }

.psf-pl__nav{
	margin:var(--pf-s-6) 0 var(--pf-s-8);
	padding:var(--pf-s-2) 0; border-top:1px solid var(--pf-line);
	border-bottom:1px solid var(--pf-line);
}
.psf-pl__nav ul{
	display:flex; flex-wrap:wrap; gap:var(--pf-s-1) var(--pf-s-4);
	margin:0; padding:0; list-style:none;
}
.psf-pl__nav li{ margin:0; }
.psf-pl__nav a,
.psf-pl__nav span{
	display:inline-block; padding:6px 0;
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	letter-spacing:.03em; text-decoration:none;
}
.psf-pl__nav a{ color:var(--pf-accent-tx); }
.psf-pl__nav a:hover{ text-decoration:underline; }
.psf-pl__nav [aria-current="page"]{
	color:var(--pf-ink); font-weight:600;
	box-shadow:inset 0 -2px 0 var(--pf-brand);
}

/* ── secciones ───────────────────────────────────────────────────────── */

.psf-pl__sec{ max-width:var(--pf-w-read); margin-bottom:var(--pf-s-8); }
.psf-pl__sec h2{
	font-family:var(--pf-serif); font-size:var(--pf-fs-h3);
	margin:0 0 var(--pf-s-3); line-height:1.2; color:var(--pf-ink); text-wrap:balance;
}
.psf-pl__sec p,
.psf-pl__sec li{
	font-family:var(--pf-sans); font-size:var(--pf-fs-body);
	line-height:1.6; color:var(--pf-ink-soft);
}
.psf-pl__sec p{ margin:0 0 var(--pf-s-3); max-width:66ch; }
.psf-pl__sec b{ color:var(--pf-ink); font-weight:600; }
.psf-pl__sec ul,
.psf-pl__sec ol{ margin:0 0 var(--pf-s-3); padding-left:var(--pf-s-6); max-width:66ch; }
.psf-pl__sec li{ margin-bottom:var(--pf-s-2); }

/*
 * Las dos secciones marcadas. `--clave` es lo que no se puede leer en
 * diagonal; `--contra` es donde este sitio contradice una creencia extendida,
 * y por eso lleva el borde de aviso y no el de marca.
 */
.psf-pl__sec--clave,
.psf-pl__sec--infantil{
	background:var(--pf-brand-tint); border:1px solid var(--pf-brand-line);
	border-left:4px solid var(--pf-brand);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-4) var(--pf-s-4) var(--pf-s-2);
}
.psf-pl__sec--contra{
	background:var(--pf-warn-tint); border:1px solid var(--pf-warn);
	border-left:4px solid var(--pf-warn);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-4) var(--pf-s-4) var(--pf-s-2);
}

/* ── definiciones ────────────────────────────────────────────────────── */

.psf-pl__def{ margin:0 0 var(--pf-s-4); max-width:66ch; }
.psf-pl__def dt{
	font-family:var(--pf-sans); font-size:var(--pf-fs-h4); font-weight:700;
	color:var(--pf-ink); margin-top:var(--pf-s-3);
}
.psf-pl__def dd{
	margin:2px 0 0; padding-left:var(--pf-s-4);
	border-left:2px solid var(--pf-line);
	font-family:var(--pf-sans); font-size:var(--pf-fs-body);
	line-height:1.6; color:var(--pf-ink-soft);
}
.psf-pl__def dd b{ color:var(--pf-ink); font-weight:600; }

/* ── tablas ──────────────────────────────────────────────────────────── */

/* Solo la tabla se desplaza; la página nunca. */
.psf-pl__tabla-caja{ overflow-x:auto; margin:0 0 var(--pf-s-3); }

.psf-pl__t{
	border-collapse:collapse; width:100%; min-width:520px;
	font-family:var(--pf-sans); font-size:var(--pf-fs-small);
}
.psf-pl__t caption{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	letter-spacing:.06em; text-transform:uppercase;
	color:var(--pf-ink-faint-tx); text-align:left; padding-bottom:var(--pf-s-2);
}
.psf-pl__t th,
.psf-pl__t td{
	border-bottom:1px solid var(--pf-line);
	padding:var(--pf-s-2) var(--pf-s-3); text-align:left; vertical-align:top;
}
.psf-pl__t thead th{
	background:var(--pf-paper-alt); color:var(--pf-ink);
	font-size:var(--pf-fs-micro); font-weight:700;
	letter-spacing:.03em; border-bottom:2px solid var(--pf-ink-faint);
}
.psf-pl__t tbody th{ color:var(--pf-ink); font-weight:600; }
.psf-pl__t tbody td{ color:var(--pf-ink-soft); }
.psf-pl__t-d{
	font-family:var(--pf-mono); font-size:var(--pf-fs-data);
	color:var(--pf-ink) !important; font-weight:500;
}
/* Véase la nota de cabecera: esto marca dónde la media resume mal. */
.psf-pl__t-alerta{
	background:var(--pf-warn-tint);
	color:var(--pf-warn-tx, var(--pf-warn)) !important; font-weight:600;
}
.psf-pl__t--meta{ min-width:640px; }
.psf-pl__t--meta td:last-child{ min-width:280px; }

.psf-pl__nota{
	font-size:var(--pf-fs-small) !important;
	color:var(--pf-ink-faint-tx) !important;
	border-left:3px solid var(--pf-line); padding-left:var(--pf-s-3);
}

/* ── índice de la portada ────────────────────────────────────────────── */

.psf-pl__indice{ list-style:none; padding:0 !important; margin:0; max-width:none !important; }
.psf-pl__indice li{ margin-bottom:var(--pf-s-2); }
.psf-pl__indice a{
	display:block; padding:var(--pf-s-3) var(--pf-s-4);
	background:var(--pf-surface); border:1px solid var(--pf-line);
	border-radius:var(--pf-r-sm); text-decoration:none;
	transition:border-color var(--pf-anim, .15s);
}
.psf-pl__indice a:hover{ border-color:var(--pf-brand); }
.psf-pl__indice a:focus-visible{ outline:var(--pf-focus) solid var(--pf-brand); outline-offset:2px; }
.psf-pl__indice b{
	display:block; font-family:var(--pf-sans); font-size:var(--pf-fs-h4);
	font-weight:700; color:var(--pf-accent-tx); line-height:1.3;
}
.psf-pl__indice span{
	display:block; margin-top:3px;
	font-size:var(--pf-fs-small); color:var(--pf-ink-soft); line-height:1.5;
}

/* ── hipótesis numeradas y listas de consejo ─────────────────────────── */

.psf-pl__hip li{ margin-bottom:var(--pf-s-3); }
.psf-pl__tips li{ margin-bottom:var(--pf-s-3); }

/* ── la fuente al pie de un párrafo ──────────────────────────────────── */

.psf-pl__fte{
	font-size:var(--pf-fs-small) !important;
	color:var(--pf-ink-faint-tx) !important;
	border-top:1px dashed var(--pf-line); padding-top:var(--pf-s-2);
}

/* ── pie de fuentes ──────────────────────────────────────────────────── */

.psf-pl__pie{
	max-width:var(--pf-w-read); margin-top:var(--pf-s-12);
	padding-top:var(--pf-s-4); border-top:2px solid var(--pf-line);
}
.psf-pl__pie h2{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	letter-spacing:.08em; text-transform:uppercase;
	color:var(--pf-ink-faint-tx); margin:0 0 var(--pf-s-3);
}
.psf-pl__pie ul{ margin:0; padding-left:var(--pf-s-6); }
.psf-pl__pie li{
	margin-bottom:var(--pf-s-3);
	font-family:var(--pf-sans); font-size:var(--pf-fs-small);
	line-height:1.5; color:var(--pf-ink-soft);
}
.psf-pl__pie a{ color:var(--pf-accent-tx); }
.psf-pl__fq{
	display:block; margin-top:3px;
	font-size:var(--pf-fs-micro); color:var(--pf-ink-faint-tx);
}
/*
 * LA MARCA DE «NO SE LEYÓ EL ORIGINAL», y tiene que verse. Va en el color de
 * aviso y no en gris: una cita de segunda mano no es un detalle tipográfico,
 * es el grado de confianza que merece la frase de al lado.
 */
.psf-pl__2a{
	display:inline-block; margin-left:4px; padding:1px 7px;
	background:var(--pf-warn-tint); border:1px solid var(--pf-warn);
	border-radius:var(--pf-r-pill);
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	color:var(--pf-warn-tx, var(--pf-warn)); white-space:nowrap;
}
.psf-pl__pie-n{
	margin:var(--pf-s-4) 0 0; font-family:var(--pf-sans);
	font-size:var(--pf-fs-micro); line-height:1.6; color:var(--pf-ink-faint-tx);
}

/* ── la hoja de bolsillo ─────────────────────────────────────────────── */

.psf-pl__mandos{
	display:flex; flex-wrap:wrap; align-items:center; gap:var(--pf-s-3);
	max-width:var(--pf-w-read); margin-bottom:var(--pf-s-6);
}
.psf-pl__imprimir{
	font-family:var(--pf-sans); font-size:var(--pf-fs-small); font-weight:700;
	min-height:var(--pf-tap); padding:10px 22px;
	background:var(--pf-brand); color:#fff;
	border:0; border-radius:var(--pf-r-pill); cursor:pointer;
}
.psf-pl__imprimir:hover{ background:var(--pf-brand-deep); }
.psf-pl__imprimir:focus-visible{ outline:var(--pf-focus) solid var(--pf-ink); outline-offset:2px; }
.psf-pl__pista{
	font-family:var(--pf-sans); font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx); max-width:42ch;
}

.psf-pl__hoja-caja{
	max-width:var(--pf-w-read); margin-bottom:var(--pf-s-8);
	display:grid; gap:var(--pf-s-3);
}
.psf-pl__hoja-bl{
	background:var(--pf-surface); border:1px solid var(--pf-line);
	border-left:4px solid var(--pf-brand);
	border-radius:var(--pf-r-sm); padding:var(--pf-s-3) var(--pf-s-4);
}
.psf-pl__hoja-bl h2{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	letter-spacing:.08em; text-transform:uppercase;
	color:var(--pf-brand-tx); margin:0 0 var(--pf-s-2);
}
.psf-pl__hoja-bl ul{ margin:0; padding-left:var(--pf-s-6); }
.psf-pl__hoja-bl li{
	margin-bottom:var(--pf-s-2);
	font-family:var(--pf-sans); font-size:var(--pf-fs-small);
	line-height:1.55; color:var(--pf-ink);
}
.psf-pl__hoja-bl li:last-child{ margin-bottom:0; }

/* El bloque de «lo que NO se hace» no puede parecerse a los demás. */
.psf-pl__hoja-bl:last-child{ border-left-color:var(--pf-danger); }
.psf-pl__hoja-bl:last-child h2{ color:var(--pf-danger-tx); }

/* ── teléfono ────────────────────────────────────────────────────────── */

@media (max-width:480px){
	.psf-pl__nav ul{ gap:var(--pf-s-1) var(--pf-s-3); }
	.psf-pl__sec--clave,
	.psf-pl__sec--infantil,
	.psf-pl__sec--contra{ padding:var(--pf-s-3); }
	.psf-pl__def dd{ padding-left:var(--pf-s-3); }
}

/* ── impresión ───────────────────────────────────────────────────────── */

/*
 * Lo que sobra en papel se va: los mandos, la navegación y el pie de fuentes
 * (que en la hoja de bolsillo ocuparía media página y no se usa de pie).
 * Un bloque partido entre dos hojas se lee mal y se fotocopia peor.
 */
@media print{
	.psf-pl__mandos,
	.psf-pl__nav{ display:none !important; }
	.psf-pl{ padding:0; }
	.psf-pl__h1{ font-size:20pt; }
	.psf-pl__lead{ font-size:10pt; }
	.psf-pl__hoja-bl,
	.psf-pl__sec,
	.psf-pl__t tr{ break-inside:avoid; page-break-inside:avoid; }
	.psf-pl__hoja-bl{ border-left-width:3pt; }
	.psf-pl__hoja-bl li{ font-size:10pt; line-height:1.4; }
	.psf-pl--hoja .psf-pl__pie{ display:none !important; }
	a[href]::after{ content:""; }
}

@media (prefers-reduced-motion:reduce){
	.psf-pl__indice a{ transition:none; }
}

/*
 * Los dos grados menores de confianza en una fuente, con aspecto distinto.
 * «el original no se ha leído» es un aviso: va en amarillo, arriba. «fuente
 * divulgativa» es solo una etiqueta de naturaleza —la página se leyó entera,
 * pero no es un artículo— y va en gris para no gritar lo mismo.
 */
.psf-pl__2a--div{
	background:var(--pf-paper-alt); border-color:var(--pf-line);
	color:var(--pf-ink-faint-tx);
}
.psf-pl__sinlink{
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	color:var(--pf-ink-faint-tx);
}