/* [D-25] 820 px era una columna de LECTURA aplicada a paginas que no lo
   son: el indice y las paginas de grupo son rejillas y tablas. Medido a
   1600 px de ancho: 390 px de blanco a cada lado. Se suben a
   --pf-w-sidebar (1200 px), que es el valor que el §5.2 del documento de
   diseno da para los layouts con contenido lateral. La prosa de dentro
   sigue limitada a --pf-w-read por la capa correctora de la v5.76. */
/* =========================================================================
   Psicofarmacología NbN · Overview de grupo (/grupo/{slug}/)
   Reutiliza el sistema visual del archivo en carpetas (psf-archivo.css) y la
   nemotecnia (psf-intro.css); aquí solo lo propio de esta página.
   ========================================================================= */

.psf-ov[data-acento="isrs"]{--ar-acento:#4d7ea8;--ar-acento-2:#7ba7c9;}
.psf-ov[data-acento="ap"]{--ar-acento:#8c5a9e;--ar-acento-2:#ad82bd;}
.psf-ov[data-acento="otros"]{--ar-acento:#8a8072;--ar-acento-2:#a89e90;}
.psf-ov[data-acento="adep"]{--ar-acento:#3f8f85;--ar-acento-2:#6fb3aa;}
.psf-ov[data-acento="adepdual"]{--ar-acento:#3f8f85;--ar-acento-2:#6fb3aa;}
.psf-ov[data-acento="adepmulti"]{--ar-acento:#7a6faf;--ar-acento-2:#a396cf;}
.psf-ov[data-acento="adepnadopa"]{--ar-acento:#c07a3a;--ar-acento-2:#d6a06a;}
.psf-ov[data-acento="adepmelato"]{--ar-acento:#4a5a9e;--ar-acento-2:#7f8cc4;}
.psf-ov[data-acento="tca"]{--ar-acento:#9a7b4f;--ar-acento-2:#c0a273;}
.psf-ov[data-acento="adepnmda"]{--ar-acento:#6d4c9f;--ar-acento-2:#9d84c4;}
.psf-ov[data-acento="vmat2"]{--ar-acento:#2f8f8f;--ar-acento-2:#66b6b6;}
.psf-ov[data-acento="estim"]{--ar-acento:#a8562f;--ar-acento-2:#cf8a5f;}
.psf-ov[data-acento="bzd"]{--ar-acento:#5c7f52;--ar-acento-2:#8cab82;}

.psf-ov-migas{margin:0 0 16px;font-size:var(--pf-fs-small);}
.psf-ov-migas a{color:var(--ar-muted);text-decoration:none;border-bottom:1px solid transparent;}
.psf-ov-migas a:hover{color:var(--pf-cls-tx,var(--ar-acento));border-bottom-color:var(--pf-cls-tx,var(--ar-acento));}

/* ---- Cabecera ---- */
.psf-ov-head{
	display:flex;align-items:center;gap:16px;
	padding:0 0 18px;margin:0 0 18px;
	border-bottom:2px solid var(--ar-linea);
}
.psf-ov-head > div{flex:1;min-width:0;}

/* Icono de carpeta abierta, del color del grupo */
.psf-ov-ico{
	flex:none;width:52px;height:52px;
	display:flex;align-items:center;justify-content:center;
	background:color-mix(in srgb, var(--ar-acento) 12%, #ffffff);
	border-radius:8px;
	color:var(--pf-cls-tx,var(--ar-acento));
}
.psf-ov-ico svg{width:28px;height:28px;}
.psf-ov-h1{margin:6px 0 4px;font-family:var(--pf-serif);font-weight:600;font-size:48px;line-height:1.1;letter-spacing:-.02em;color:#002045;}
.psf-ov-sub{margin:0;font-size:var(--pf-fs-small);color:var(--ar-muted);}
.psf-ov-n{
	flex:none;min-width:44px;height:44px;padding:0 12px;
	display:flex;align-items:center;justify-content:center;
	/* [D-56] Mismo arreglo que el contador de la carpeta: el fondo es la
	   variante -tx, un paso más oscuro del MISMO color de clase. Blanco
	   sobre la base bajaba a 3,45:1 en noradrenalina/dopamina. */
	background:var(--pf-cls-tx,var(--ar-acento));color:#fff;border-radius:8px;
	font-size:var(--pf-fs-lead);font-weight:800;
}

.psf-ov-lead{
	margin:0 0 26px;font-size:var(--pf-fs-body);line-height:1.65;
	color:var(--ar-tinta);max-width:68ch;
}

/* ---- Secciones (una por generación) ---- */
.psf-ov-sec{margin:0 0 34px;}
.psf-ov-gen{
	display:flex;align-items:center;gap:10px;
	margin:0 0 14px;font-size:var(--pf-fs-small);font-weight:800;
	text-transform:uppercase;letter-spacing:.06em;color:var(--pf-cls-tx,var(--ar-acento));
}
.psf-ov-gen::after{content:"";flex:1;height:2px;background:var(--ar-linea);}
.psf-ov-gen-n{
	order:3;background:var(--ar-papel-2);color:var(--ar-muted);
	border-radius:8px;padding:2px 10px;font-size:var(--pf-fs-micro);
	letter-spacing:0;text-transform:none;font-weight:700;
}

/* ---- Nemotecnia ---- */
.psf-ov-mnemo{margin:0 0 18px;}
.psf-ov-mnemo-h{
	margin:0 0 10px;font-size:var(--pf-fs-micro);font-weight:800;
	text-transform:uppercase;letter-spacing:.07em;color:var(--ar-muted);
}
.psf-ov .psf-mnemo{background:#fff;border-style:solid;border-color:var(--ar-linea);}

.psf-ov-lista{margin-top:14px;}

.psf-ov-nota{
	margin:34px 0 0;padding-top:16px;border-top:1px solid var(--ar-linea);
	font-size:var(--pf-fs-micro);color:var(--ar-muted);font-style:italic;
}

@media(max-width:560px){
	.psf-ov-h1{font-size:var(--pf-fs-h2);}
	.psf-ov-head{gap:12px;}
	.psf-ov-n{min-width:38px;height:38px;font-size:var(--pf-fs-small);}
}

/* ---------------- Generalidades del grupo ---------------- */
.psf-gen{
	margin:0 0 34px;padding:20px;border-radius:8px;
	border:1px solid var(--ar-linea);
	background:linear-gradient(165deg,#fdfcf8,#eaeced);
}
.psf-gen-head{margin:0 0 16px;}
.psf-gen-h{margin:0 0 4px;font-family:var(--pf-serif);font-weight:600;font-size:var(--pf-fs-h3);line-height:1.25;color:#002045;}
/* [v8.1.0] Titulares de bloque del grupo, en serif marino como la maqueta. */
.psf-ov-h2{font-family:var(--pf-serif);font-weight:500;font-size:var(--pf-fs-h3);line-height:1.3;color:#002045;margin:0 0 8px;}
.psf-gen-sub{margin:0;font-size:var(--pf-fs-micro);color:var(--ar-muted);}
.psf-gen-rejilla{
	display:grid;gap:12px;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.psf-gen-item{
	min-width:0;padding:14px;border-radius:8px;background:#fff;
	border:1px solid var(--ar-linea);
	box-shadow:0 1px 0 rgba(26,54,93,.03);
}
.psf-gen-ic{display:block;font-size:var(--pf-fs-lead);line-height:1;margin-bottom:7px;}
.psf-gen-t{
	margin:0 0 5px;font-size:var(--pf-fs-small);font-weight:800;line-height:1.3;
	color:var(--pf-cls-tx,var(--ar-acento));
}
.psf-gen-p{margin:0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-tinta);overflow-wrap:anywhere;}
.psf-gen-fuente{
	margin:16px 0 0;padding-top:13px;border-top:1px solid var(--ar-linea);
	font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);
}
.psf-gen-fuente a{color:var(--pf-cls-tx,var(--ar-acento));}
/* v5.54.0 — fuente al pie de UN punto suelto, cuando ese punto no viene de la
   revision que firma la seccion entera. Va mas apagada que el texto y se
   despega con un filete, para que se lea como aparato critico y no como
   continuacion del argumento. */
.psf-gen-fte{
	margin:10px 0 0;padding-top:8px;border-top:1px dotted var(--ar-linea);
	font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);overflow-wrap:anywhere;
}
.psf-gen-fte a{color:var(--pf-cls-tx,var(--ar-acento));}
/* v5.54.0 — desarrollo del punto del placebo, plegado. */
.psf-gen-desp{margin:16px 0 0;border:1px solid var(--ar-linea);border-radius:8px;background:var(--ar-papel,transparent);}
.psf-gen-desp-s{
	cursor:pointer;list-style:none;padding:10px 13px;font-size:var(--pf-fs-micro);font-weight:700;
	color:var(--pf-cls-tx,var(--ar-acento));
}
.psf-gen-desp-s::-webkit-details-marker{display:none;}
.psf-gen-desp-s::before{content:"▸ ";}
.psf-gen-desp[open] .psf-gen-desp-s::before{content:"▾ ";}
.psf-gen-desp-c{padding:0 13px 13px;}
.psf-gen-desp-h{margin:6px 0 5px;font-size:var(--pf-fs-micro);font-weight:800;color:var(--pf-cls-tx,var(--ar-acento));}
.psf-gen-desp-c p{margin:0 0 10px;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-tinta);overflow-wrap:anywhere;}

/* ---------------- Mapa de calor de eficacia y seguridad ---------------- */
.psf-heat{margin:0 0 34px;}
.psf-heat-head{margin:0 0 14px;}
.psf-heat-h{margin:0 0 5px;font-size:var(--pf-fs-lead);font-weight:800;line-height:1.25;}
.psf-heat-sub{margin:0;font-size:var(--pf-fs-micro);color:var(--ar-muted);line-height:1.65;max-width:66ch;}
.psf-heat-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ar-linea);border-radius:8px;background:#fff;}
.psf-heat-tabla{border-collapse:collapse;width:100%;font-size:var(--pf-fs-micro);min-width:640px;}
.psf-heat-cap{caption-side:bottom;padding:9px 12px;font-size:var(--pf-fs-micro);color:var(--ar-muted);text-align:left;}
.psf-heat-tabla th,.psf-heat-tabla td{padding:6px 7px;text-align:center;border-bottom:1px solid rgba(0,0,0,.05);}
.psf-heat-tabla thead th{
	font-size:var(--pf-fs-micro);font-weight:800;text-transform:uppercase;letter-spacing:.03em;
	color:var(--ar-muted);border-bottom:2px solid var(--ar-linea);vertical-align:bottom;
	padding-bottom:8px;
}
/* [D-56] Sin opacidad: al 75 % el gris caía a 3,49:1. */
.psf-heat-tabla thead th span{display:block;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ar-muted,#5d6169);font-size:var(--pf-fs-micro);}
.psf-heat-far{
	text-align:left !important;font-weight:700;font-size:var(--pf-fs-micro);white-space:nowrap;
	position:sticky;left:0;background:#fff;z-index:1;
	border-right:1px solid var(--ar-linea);
}
.psf-heat-c{font-variant-numeric:tabular-nums;font-weight:600;color:#191c1d;}
/* escala divergente: 0 mejor (azul) → 4 neutro → 8 peor (rojo)
   ---------------------------------------------------------------------
   [D-195 · v9.24.0] LA MITAD MALA DE LA ESCALA ERA AZUL. Los niveles 5, 6
   y 7 volvían al azul (#d6e3ff, #a9c4ea, #7fa4d6) en vez de seguir hacia
   el rojo, así que solo el PEOR de cada columna se veía rojo y todo el
   cuartil malo se leía igual que el bueno. En una tabla cuyo argumento es
   «mira dónde está mal cada uno», eso invertía el mensaje. La rampa pasa a
   ser monótona de verdad: la luminancia baja de 0 a 4 y vuelve a bajar de
   4 a 8 (0,108 · 0,235 · 0,433 · 0,678 · 0,852 · 0,688 · 0,437 · 0,248 ·
   0,085), que es lo que hace que el ojo lea una divergencia y no dos
   azules.

   CONTRASTE, comprobado uno a uno: blanco en los extremos 0 (6,64:1) y 8
   (7,75:1); tinta --pf-ink en el resto, mínimo 4,65:1 en el nivel 1 y
   4,86:1 en el 7. Todos por encima de 4,5:1. */
.psf-heat-c[data-n="0"]{background:#2F5E96;color:#fff;}
.psf-heat-c[data-n="1"]{background:#5C88BC;}
.psf-heat-c[data-n="2"]{background:#93B3D6;}
.psf-heat-c[data-n="3"]{background:#C8D9EA;}
.psf-heat-c[data-n="4"]{background:#ECEEEF;}
.psf-heat-c[data-n="5"]{background:#F0D2C9;}
.psf-heat-c[data-n="6"]{background:#DFA294;}
.psf-heat-c[data-n="7"]{background:#C9705C;}
.psf-heat-c[data-n="8"]{background:#A11D1D;color:#fff;}
.psf-heat-nd{color:#c4c8cd;background:repeating-linear-gradient(45deg,#f2f2f3,#f2f2f3 4px,#e5e6e8 4px,#e5e6e8 8px);}
.psf-heat-leyenda{display:flex;align-items:center;gap:3px;margin:12px 0 0;font-size:var(--pf-fs-micro);color:var(--ar-muted);}
.psf-heat-leyenda i{width:20px;height:12px;border-radius:2px;display:inline-block;}
.psf-heat-leyenda span:first-child{margin-right:5px;}
.psf-heat-leyenda span:last-child{margin-left:5px;}
.psf-heat-fuente{margin:12px 0 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);}
.psf-heat-fuente a{color:var(--pf-cls-tx,var(--ar-acento));}

/* ---------------- Tabla de nomenclatura NbN ---------------- */
.psf-nbn{margin:0 0 34px;}
.psf-nbn-head{margin:0 0 14px;}
.psf-nbn-h{margin:0 0 5px;font-size:var(--pf-fs-lead);font-weight:800;line-height:1.25;}
.psf-nbn-sub{margin:0;font-size:var(--pf-fs-small);color:var(--ar-tinta);line-height:1.65;max-width:70ch;}
.psf-nbn-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--ar-linea);border-radius:8px;background:#fff;}
.psf-nbn-tabla{border-collapse:collapse;width:100%;font-size:var(--pf-fs-micro);min-width:600px;}
.psf-nbn-tabla th,.psf-nbn-tabla td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(0,0,0,.06);}
.psf-nbn-tabla thead th{
	font-size:var(--pf-fs-micro);font-weight:800;text-transform:uppercase;letter-spacing:.04em;
	color:var(--ar-muted);border-bottom:2px solid var(--ar-linea);background:var(--ar-papel-2,#f2f2f3);
}
.psf-nbn-tabla tbody tr:last-child th,.psf-nbn-tabla tbody tr:last-child td{border-bottom:0;}
.psf-nbn-vieja{font-weight:700;white-space:nowrap;color:var(--ar-muted);font-size:var(--pf-fs-micro);}
.psf-nbn-dom{font-weight:700;color:var(--pf-cls-tx,var(--ar-acento));}
.psf-nbn-modo{font-variant-numeric:tabular-nums;}
.psf-nbn-far{line-height:1.65;}
.psf-nbn-far a{color:var(--pf-cls-tx,var(--ar-acento));font-weight:700;text-decoration:none;border-bottom:1px solid currentColor;}
.psf-nbn-far a:hover{color:var(--ar-acento-2);}
.psf-nbn-far span{color:var(--ar-muted);}
.psf-nbn-pie{margin:12px 0 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);}
.psf-nbn-pie a{color:var(--pf-cls-tx,var(--ar-acento));}
.psf-nbn-demo{font-weight:700;cursor:default;}
.psf-heat-rango{font-size:var(--pf-fs-micro);letter-spacing:-.01em;}

/* ===========================================================================
   v5.5.0 — Venn del citocromo P450, tabla-resumen de afinidad y cuadro NNT/NNH.
   Usan los tokens --ar-* y el acento del grupo (data-acento).
   Estas secciones se muestran SIEMPRE (no dependen de resumen/a fondo).
   =========================================================================== */

/* ---- Contenedores comunes ---- */
.psf-venn,.psf-afr,.psf-nnt{
	margin:34px 0 0;padding:20px;border-radius:8px;
	border:1px solid var(--ar-linea);background:#fff;
}
.psf-venn-h,.psf-afr-h,.psf-nnt-h{margin:0 0 5px;font-size:var(--pf-fs-body);font-weight:800;color:var(--ar-tinta);}
.psf-venn-sub,.psf-afr-sub,.psf-nnt-sub{margin:0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);max-width:70ch;}
.psf-venn-head,.psf-afr-head,.psf-nnt-head{margin:0 0 16px;}

/* ---- Venn: conmutador solo-CSS ---- */
.psf-venn-tabs{position:relative;}
.psf-venn-radio{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.psf-venn-tab{
	display:inline-block;margin:0 8px 14px 0;padding:8px 16px;border-radius:8px;
	font-size:var(--pf-fs-micro);font-weight:800;cursor:pointer;
	border:1px solid var(--ar-linea);background:var(--ar-papel-2);color:var(--ar-muted);
	transition:all .15s;
}
.psf-venn-tab:hover{border-color:var(--pf-cls-tx,var(--ar-acento));color:var(--pf-cls-tx,var(--ar-acento));}
.psf-venn-radio:checked + .psf-venn-tab{background:var(--ar-acento);color:#fff;border-color:var(--pf-cls-tx,var(--ar-acento));}
.psf-venn-radio:focus-visible + .psf-venn-tab{outline:2px solid var(--ar-acento);outline-offset:2px;}
.psf-venn-panel{display:none;}
.psf-venn-radio:first-of-type:checked ~ .psf-venn-panel-sustrato{display:block;}
.psf-venn-radio:nth-of-type(2):checked ~ .psf-venn-panel-inhibicion{display:block;}
.psf-venn-panel-h{margin:0 0 4px;font-size:var(--pf-fs-small);font-weight:800;color:var(--ar-tinta);}
.psf-venn-panel-sub{margin:0 0 6px;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);max-width:68ch;}

/* ---- Venn: SVG ---- */
.psf-venn-svg{display:block;width:100%;max-width:440px;height:auto;margin:8px auto 4px;}
.psf-venn-circ{mix-blend-mode:multiply;stroke-width:2;fill-opacity:.30;}
.psf-venn-a{fill:#5a86b8;stroke:#3b6ea5;}
.psf-venn-b{fill:#86a0cd;stroke:#1a365d;}
.psf-venn-c{fill:#6fa06f;stroke:#4d7a4d;}
.psf-venn-enz{font-size:var(--pf-fs-small);font-weight:800;fill:var(--ar-tinta);letter-spacing:.02em;}
.psf-venn-far{font-size:var(--pf-fs-small);fill:var(--ar-tinta);font-weight:600;}
.psf-venn-link{fill:#1a3a5c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer;}
.psf-venn-svg a:hover .psf-venn-link{fill:var(--ar-acento);}
.psf-venn-fuera{
	display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;
	margin:6px 0 0;padding:10px 13px;border-radius:8px;
	background:rgba(0,0,0,.03);border:1px dashed var(--ar-linea);
}
.psf-venn-fuera-t{font-size:var(--pf-fs-micro);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ar-muted);}
.psf-venn-fuera-l{font-size:var(--pf-fs-micro);font-weight:600;color:var(--ar-tinta);}
.psf-venn-fuera-l a{color:var(--pf-cls-tx,var(--ar-acento));}
.psf-venn-nota{margin:12px 0 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);}
.psf-venn-fuente{
	margin:18px 0 0;padding-top:12px;border-top:1px solid var(--ar-linea);
	font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);
}
.psf-venn-fuente a{color:var(--pf-cls-tx,var(--ar-acento));}

/* ---- Tabla-resumen de afinidad ---- */
.psf-afr-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.psf-afr-tabla{border-collapse:collapse;width:100%;min-width:520px;font-size:var(--pf-fs-micro);}
.psf-afr-tabla th,.psf-afr-tabla td{padding:8px 6px;text-align:center;border-bottom:1px solid var(--ar-linea);}
.psf-afr-tabla thead th{font-size:var(--pf-fs-micro);font-weight:800;color:var(--ar-tinta);border-bottom:2px solid var(--ar-linea);cursor:help;}
.psf-afr-far{text-align:left !important;font-weight:700;white-space:nowrap;}
.psf-afr-far a{color:var(--pf-cls-tx,var(--ar-acento));text-decoration:none;}
.psf-afr-far a:hover{text-decoration:underline;}
.psf-afr-c{font-variant-numeric:tabular-nums;cursor:help;}
.psf-afr-cr{font-weight:800;letter-spacing:-.5px;}
.psf-afr-nd{color:var(--pf-ink-faint-tx,#5d6169);}
/* [D-19] el hueco tambien se lee: 1,9:1 → 4,5:1 con el token de texto tenue. */
.psf-afr-c[data-n="0"]{background:#eeeff0;color:var(--pf-ink-faint-tx,#5d6169);}
.psf-afr-c[data-n="1"]{background:#e8eef5;}
.psf-afr-c[data-n="2"]{background:#cddcea;}
.psf-afr-c[data-n="3"]{background:#9dbad8;}
/* [D-19] el blanco sobre este azul daba 3,14:1; la tinta da 4,78:1. */
.psf-afr-c[data-n="4"]{background:#6b95c0;}
.psf-afr-pie{margin:14px 0 0;padding-top:11px;border-top:1px solid var(--ar-linea);font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);}

/* ---- Cuadro NNT / NNH ---- */
.psf-nnt-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.psf-nnt-tabla{border-collapse:collapse;width:100%;min-width:560px;font-size:var(--pf-fs-micro);}
.psf-nnt-tabla th,.psf-nnt-tabla td{padding:10px 10px;text-align:left;border-bottom:1px solid var(--ar-linea);vertical-align:top;}
.psf-nnt-tabla thead th{font-size:var(--pf-fs-micro);font-weight:800;color:var(--ar-tinta);border-bottom:2px solid var(--ar-linea);}
.psf-nnt-tabla thead th span{display:block;font-size:var(--pf-fs-micro);font-weight:600;color:var(--ar-muted);text-transform:none;letter-spacing:0;}
.psf-nnt-dx{font-weight:700;color:var(--ar-tinta);white-space:normal;min-width:150px;}
.psf-nnt-nnt{font-weight:800;color:#2a6a44;font-variant-numeric:tabular-nums;white-space:nowrap;}
.psf-nnt-nnh{font-weight:700;color:#825900;font-variant-numeric:tabular-nums;white-space:nowrap;}
.psf-nnt-fte{font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);}
.psf-nnt-nota{margin:12px 0 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-tinta);}
.psf-nnt-callout{
	margin:16px 0 0;padding:14px 16px;border-radius:8px;
	background:#f5f6f7;border:1px solid var(--ar-linea);border-left:5px solid #2a2a2a;
}
.psf-nnt-negro{background:linear-gradient(180deg,#fbf4f3,#f8eeec);border-left-color:#ba1a1a;}
.psf-nnt-callout-h{
	margin:0 0 6px;font-size:var(--pf-fs-small);font-weight:800;color:#111;
	display:flex;align-items:center;gap:8px;
}
.psf-nnt-callout-h::before{content:"⬛";font-size:var(--pf-fs-micro);}
.psf-nnt-callout-t{margin:0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-tinta);}
.psf-nnt-callout-f{margin:8px 0 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);font-style:italic;}
.psf-nnt-pie{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--ar-linea);font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);}

/* v5.6.0 — año de descubrimiento en la tabla de afinidad */
.psf-afr-anio{
	display:inline-block;margin-left:4px;font-size:var(--pf-fs-micro);font-weight:600;
	color:var(--ar-muted);font-variant-numeric:tabular-nums;white-space:nowrap;
}
.psf-afr-far{line-height:1.35;}

/* v5.9.0 — subtítulo de cada nemotecnia (2.ª generación con 3 bloques) */
.psf-ov-mnemo-sub{font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted);margin:0 0 10px;}
.psf-ov-mnemo + .psf-ov-mnemo{margin-top:14px;}

/* v5.16.0 — tabla comparativa de agonistas parciales D2/D3 (Kopeček 2022) */
.psf-drpa{margin:22px 0;}
.psf-drpa-scroll{overflow-x:auto;}
.psf-drpa-tabla{width:100%;border-collapse:collapse;font-size:var(--pf-fs-micro);min-width:460px;}
.psf-drpa-tabla th,.psf-drpa-tabla td{padding:7px 10px;text-align:center;border-bottom:1px solid #e2e4e6;}
.psf-drpa-tabla thead th{background:#f3f2f9;color:#574a86;font-weight:700;border-bottom:2px solid #d7d2ea;}
.psf-drpa-tabla tbody th{text-align:left;font-weight:600;color:var(--ar-text,#191c1d);white-space:nowrap;}
.psf-drpa-grupo td{background:#f6f6f7;font-weight:700;color:#7a6f4a;text-align:left;font-size:var(--pf-fs-micro);text-transform:uppercase;letter-spacing:.03em;}
.psf-ov-fuente{font-size:var(--pf-fs-micro);color:var(--ar-muted,#5d6169);margin:6px 0 0;}

/* v5.21.0 — tablas de metabólico y dosis equivalentes */
.psf-tabla2{margin:22px 0;}
.psf-metab-tabla .psf-metab-peso{font-weight:700;}
.psf-metab-tabla td,.psf-equiv-tabla td{font-variant-numeric:tabular-nums;}

/* v5.42.0 — tabla «la dosis, de cuatro maneras» (Leucht 2014/2015/2016/2020) */
.psf-dosis-tabla{min-width:660px;font-variant-numeric:tabular-nums;}
.psf-dosis-tabla thead th{vertical-align:bottom;line-height:1.3;}
/* [D-56] Sin opacidad: al 80 % caía a 4,3:1. */
.psf-dosis-sub{display:block;font-weight:500;font-size:var(--pf-fs-micro);letter-spacing:.02em;text-transform:none;color:var(--ar-muted,#5d6169);}
.psf-dosis-tabla .psf-dosis-ed95{background:#f0f1f2;font-weight:700;}
.psf-dosis-tabla .psf-dosis-ddd{color:#5d6169;}
.psf-dosis-tabla .psf-dosis-spc{font-size:var(--pf-fs-micro);white-space:nowrap;}
.psf-dosis-nota{font-size:var(--pf-fs-micro);color:#8a7fbb;margin-left:2px;font-weight:700;}
.psf-dosis-claves{margin:12px 0 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-text,#191c1d);}
.psf-dosis-claves p{margin:0 0 8px;}
.psf-dosis-pies{margin:10px 0 0;padding:0 0 0 4px;list-style:none;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-muted,#5d6169);}
.psf-dosis-pies li{margin:0 0 6px;padding-left:18px;position:relative;}
.psf-dosis-pies li span{position:absolute;left:0;top:0;font-weight:700;color:#8a7fbb;}
.psf-ov-nota-fuera{margin:12px 0 0;padding:10px 12px;background:#f6f6f7;border-left:3px solid #d7d2ea;border-radius:0 6px 6px 0;font-size:var(--pf-fs-micro);line-height:1.65;color:var(--ar-text,#191c1d);}
.psf-ov-fuente i{font-style:italic;}

/* v5.28.0 — ilustración en la página de grupo (ISRS) */
.psf-ov-figura{margin:18px 0 6px;text-align:center;}
.psf-ov-figura img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e2e4e6;box-shadow:0 1px 6px rgba(26,54,93,.06);}

/* v5.29.0 — banco de preguntas de autoevaluación (acordeones) */
.psf-preguntas{margin:26px 0 6px;border-top:1px solid #e2e4e6;padding-top:18px;}
.psf-preg-grupo{font-size:var(--pf-fs-small);color:var(--pf-cls-tx,var(--ar-acento,#2c6b62));margin:16px 0 8px;font-weight:700;}
.psf-preg{border:1px solid #e8ebee;border-radius:8px;margin:8px 0;background:#fff;overflow:hidden;}
.psf-preg > summary{cursor:pointer;padding:11px 14px;font-weight:600;font-size:var(--pf-fs-small);list-style:none;display:flex;gap:9px;align-items:flex-start;line-height:1.65;}
.psf-preg > summary::-webkit-details-marker{display:none;}
.psf-preg > summary::after{content:'+';margin-left:auto;font-weight:700;color:var(--pf-cls-tx,var(--ar-acento,#2c6b62));font-size:var(--pf-fs-lead);line-height:1;}
.psf-preg[open] > summary::after{content:'–';}
/* [D-56] Fondo -tx: ver la nota de .psf-ov-n. */
.psf-preg-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;border-radius:50%;background:var(--pf-cls-tx,var(--ar-acento,#2c6b62));color:#fff;font-size:var(--pf-fs-micro);font-weight:700;flex:0 0 auto;}
.psf-preg-r{padding:2px 14px 13px 45px;font-size:var(--pf-fs-small);color:#3a3a3a;}
.psf-preg-r p{margin:0;}

/* v5.30.0 — ilustración de la nemotecnia */
.psf-mnemo-figura{margin:0 0 14px;text-align:center;}
.psf-mnemo-figura img{max-width:100%;height:auto;border-radius:8px;border:1px solid #e2e4e6;box-shadow:0 1px 6px rgba(26,54,93,.06);}

/* v5.33.0 — secciones de la página de grupo como menús desplegables */
.psf-ov-desp{border:1px solid #e9ecef;border-radius:8px;margin:12px 0;background:#fff;overflow:hidden;}
.psf-ov-desp-sum{cursor:pointer;padding:14px 16px;list-style:none;display:flex;align-items:center;gap:10px;
  font-weight:700;font-size:var(--pf-fs-small);line-height:1.35;color:var(--ar-text,#191c1d);}
.psf-ov-desp-sum::-webkit-details-marker{display:none;}
.psf-ov-desp-sum:hover{background:#f6f6f7;}
.psf-ov-desp-t{flex:1 1 auto;min-width:0;}
.psf-ov-desp-n{flex:0 0 auto;font-size:var(--pf-fs-micro);font-weight:600;color:var(--ar-muted,#5d6169);
  background:#ebecee;border-radius:8px;padding:3px 10px;white-space:nowrap;}
.psf-ov-desp-sum::after{content:'';flex:0 0 auto;width:8px;height:8px;margin-left:2px;
  border-right:2.2px solid var(--ar-acento,#2c6b62);border-bottom:2.2px solid var(--ar-acento,#2c6b62);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .18s ease;}
.psf-ov-desp[open] > .psf-ov-desp-sum::after{transform:rotate(-135deg) translate(-2px,-2px);}
.psf-ov-desp[open] > .psf-ov-desp-sum{border-bottom:1px solid #e7e8e9;}
.psf-ov-desp-cuerpo{padding:14px 16px 16px;}
.psf-ov-desp-cuerpo > *:first-child{margin-top:0;}
.psf-ov-desp-cuerpo > *:last-child{margin-bottom:0;}
/* los bloques internos ya traían sus propios márgenes/bordes */
.psf-ov-desp-cuerpo .psf-ov-bloque,
.psf-ov-desp-cuerpo .psf-tabla2,
.psf-ov-desp-cuerpo .psf-drpa{margin:0;}
.psf-ov-desp-cuerpo .psf-preguntas{border-top:0;padding-top:0;margin-top:0;}
.psf-ov-desp-cuerpo .psf-ov-sec{margin:0;}

/* v5.43.0 — frase alternativa dentro del subtítulo de la nemotecnia */
/* [D-56] Sin opacidad: ver la nota gemela en psf-archivo.css. */
.psf-mnemo-alt{display:block;margin-top:6px;font-size:var(--pf-fs-micro);color:var(--ar-muted,#5d6169);}

/* v5.44.0 — columna de consenso y bloque de carga anticolinérgica */
.psf-dosis-tabla{min-width:820px;}
.psf-dosis-tabla .psf-dosis-cons{font-size:var(--pf-fs-micro);white-space:nowrap;background:#f4f2f8;}
.psf-anticol{margin:22px 0;}
.psf-anticol-tabla{min-width:560px;font-variant-numeric:tabular-nums;}
.psf-anticol-tabla .psf-anticol-carga{font-weight:700;color:#1a365d;white-space:nowrap;}
.psf-anticol-tabla .psf-anticol-lectura{text-align:left;font-size:var(--pf-fs-micro);}
.psf-anticol-h3{margin:20px 0 4px;font-size:var(--pf-fs-h4);font-weight:800;line-height:1.3;}
.psf-equiv-tabla .psf-equiv-conf{font-size:var(--pf-fs-micro);color:#5d6169;text-transform:lowercase;}
.psf-ov-nota-fuera a{color:var(--pf-cls-tx,var(--ar-acento,#8c5a9e));}

/* v5.51.0 — reglas traídas de la otra rama al fusionar */
.psf-dosis-tabla td{white-space:nowrap;}
.psf-dosis-ic{display:inline-block;width:1em;color:var(--pf-cls-tx,var(--ar-acento,#2c6b62));font-size:var(--pf-fs-micro);}
.psf-dosis-leyenda{font-size:var(--pf-fs-micro);margin-top:10px;}
.psf-ov-bloque .psf-mecea{background:#f6f6f7;border:1px solid #e9ecef;border-left:4px solid var(--ar-acento,#2c6b62);
  border-radius:0 8px 8px 0;padding:12px 16px;margin:14px 0;}
.psf-ov-bloque .psf-mecea-tag{display:block;font-size:var(--pf-fs-micro);font-weight:800;letter-spacing:.09em;
  text-transform:uppercase;color:var(--pf-cls-tx,var(--ar-acento,#2c6b62));margin-bottom:6px;}
.psf-ov-bloque .psf-mecea-texto{font-size:var(--pf-fs-micro);line-height:1.65;color:#3a3a3a;}
.psf-ov-bloque .psf-mecea-texto p{margin:0 0 8px;}
.psf-ov-bloque .psf-mecea-texto p:last-child{margin-bottom:0;}
.psf-ov-bloque .psf-mecea-qtc{border-left-color:#a11d1d;}
.psf-ov-bloque .psf-mecea-qtc .psf-mecea-tag{color:#a11d1d;}
.psf-ov-bloque .psf-mecea-monitor{background:#eef2f7;border-color:#cdd8e6;border-left-color:#3f6099;}
.psf-ov-bloque .psf-mecea-monitor .psf-mecea-tag{color:#2f4a7a;}

/* [D-20] §4.3: columna de lectura ≤680 px (65-75 caracteres por línea).
   Medido antes: 76 caracteres de mediana, con la mitad de los párrafos
   por encima del límite. Solo afecta a contenedores de prosa; tablas,
   rejillas y diagramas conservan su ancho, que ahí es funcional. */
.psf-ov-lead{max-width:var(--pf-w-read);}
.psf-ov-nota{max-width:var(--pf-w-read);}
.psf-ov-fuente{max-width:var(--pf-w-read);}
.psf-preg-r{max-width:var(--pf-w-read);}
.psf-dosis-pies{max-width:var(--pf-w-read);}

/* [D-136 · v8.7.0] El neurotransmisor como portada de su sistema: la
   ilustración a lápiz junto al título del grupo, con su nombre debajo. */
.psf-ov-nt{ display:flex; gap:12px; margin-left:auto; }
.psf-ov-nt__uno{ margin:0; width:120px; }
.psf-ov-nt__uno img{ display:block; width:100%; height:auto; border-radius:var(--pf-r-sm); }
.psf-ov-nt__uno figcaption{
	text-align:center; margin-top:2px;
	font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
	letter-spacing:var(--pf-track-label); text-transform:uppercase;
	color:var(--pf-ink-faint-tx);
}
@media (max-width:760px){ .psf-ov-nt{ display:none; } }

/* =========================================================================
   CAPA CORRECTORA · LA PÁGINA DE GRUPO SIGUE AL TEMA
   [D-170 · v9.10.0]

   LA MISMA CAUSA, POR CUARTA VEZ. Ya pasó con Principios antes de la v8, con
   el pie [D-162] y con el índice de fármacos [D-168]: una hoja escrita con su
   propia paleta EN LITERALES, y un literal no escucha al tema. Aquí eran 96,
   y el resultado en papel oscuro era el de siempre —tarjetas blancas sobre
   negro, titulares en marino sobre negro, texto gris invisible—.

   SE VIO AL AÑADIR LA CARPETA DE NUTRACÉUTICOS: su página de grupo salía con
   las tarjetas blancas y el texto ilegible. Pero el defecto no era suyo, era
   de TODAS las páginas de grupo; la carpeta nueva solo lo puso delante.

   Y HABÍA UN SEGUNDO DEFECTO ESCONDIDO EN EL PRIMERO. Los trece acentos de
   arriba están escritos como `.psf-ov[data-acento="…"]`, que pesa más que el
   `.psf-arch` donde [D-168] dejó los tokens: en la página de grupo el color
   de familia se quedaba en su literal claro pasara lo que pasara con el tema.
   Y una familia nueva —la decimocuarta— no tenía entrada, así que salía con
   el color de marca en vez del suyo. Por eso aquí se reescriben las catorce.

   VA EN CAPA AL FINAL, no editando arriba, por lo mismo que [D-168]: así se
   ve de un vistazo qué se remapea, y la hoja original queda como documento de
   lo que había.

   LO QUE ESTA CAPA NO TOCA, DICHO CLARO: las escalas que CODIFICAN DATOS —el
   mapa de calor de afinidades, la rejilla de afinidad relativa, el diagrama de
   Venn y los colores de NNT/NNH—. Ahí el color no es decoración ni identidad
   de familia: es el dato. Cambiarlos a tokens del tema los rompería, y darles
   una escala oscura propia es un trabajo aparte, con su medida de contraste
   escalón por escalón. Solo aparecen en las páginas de ISRS y antipsicóticos.
   HUECO DECLARADO, no olvido.
   ========================================================================= */

/* 1 · Las catorce familias, por su token. Cada una trae su variante clara
   para el papel oscuro: son información —qué familia es esta página—, y por
   eso no se apagan con el tema. */
.psf-ov[data-acento="isrs"]{--ar-acento:var(--pf-cls-isrs);--ar-acento-2:var(--pf-cls-isrs-2);}
.psf-ov[data-acento="ap"]{--ar-acento:var(--pf-cls-antipsicoticos);--ar-acento-2:var(--pf-cls-antipsicoticos-2);}
.psf-ov[data-acento="otros"]{--ar-acento:var(--pf-cls-otros);--ar-acento-2:var(--pf-cls-otros-2);}
.psf-ov[data-acento="adep"],
.psf-ov[data-acento="adepdual"]{--ar-acento:var(--pf-cls-adep-dual);--ar-acento-2:var(--pf-cls-adep-dual-2);}
.psf-ov[data-acento="adepmulti"]{--ar-acento:var(--pf-cls-adep-multimodal);--ar-acento-2:var(--pf-cls-adep-multimodal-2);}
.psf-ov[data-acento="adepnadopa"]{--ar-acento:var(--pf-cls-adep-nadopa);--ar-acento-2:var(--pf-cls-adep-nadopa-2);}
.psf-ov[data-acento="adepmelato"]{--ar-acento:var(--pf-cls-adep-melatonina);--ar-acento-2:var(--pf-cls-adep-melatonina-2);}
.psf-ov[data-acento="adepnmda"]{--ar-acento:var(--pf-cls-adep-nmda);--ar-acento-2:var(--pf-cls-adep-nmda-2);}
.psf-ov[data-acento="tca"]{--ar-acento:var(--pf-cls-triciclicos);--ar-acento-2:var(--pf-cls-triciclicos-2);}
.psf-ov[data-acento="estab"]{--ar-acento:var(--pf-cls-estabilizadores);--ar-acento-2:var(--pf-cls-estabilizadores-2);}
.psf-ov[data-acento="vmat2"]{--ar-acento:var(--pf-cls-vmat2);--ar-acento-2:var(--pf-cls-vmat2-2);}
.psf-ov[data-acento="estim"]{--ar-acento:var(--pf-cls-psicoestimulantes);--ar-acento-2:var(--pf-cls-psicoestimulantes-2);}
.psf-ov[data-acento="bzd"]{--ar-acento:var(--pf-cls-benzodiacepinas);--ar-acento-2:var(--pf-cls-benzodiacepinas-2);}
.psf-ov[data-acento="nutra"]{--ar-acento:var(--pf-cls-nutraceuticos);--ar-acento-2:var(--pf-cls-nutraceuticos-2);}
.psf-ov[data-acento="hipno"]{--ar-acento:var(--pf-cls-hipnoticos);--ar-acento-2:var(--pf-cls-hipnoticos-2);}

/* 2 · Las superficies. Todo lo que era `#fff` es una TARJETA sobre el papel,
   y su token es --pf-surface, que en oscuro se levanta del fondo en vez de
   contrastar contra él. */
.psf-ov .psf-mnemo,
.psf-gen-item,
.psf-heat-scroll,
.psf-heat-far,
.psf-nbn-scroll,
.psf-venn,
.psf-afr,
.psf-nnt,
.psf-preg,
.psf-ov-desp{background:var(--pf-surface);}

.psf-gen{background:var(--pf-paper-alt);}
.psf-ov-ico{background:var(--pf-brand-tint);}

/* 3 · Los titulares. `#002045` era el marino de marca escrito a mano; sobre
   papel oscuro era marino sobre negro, es decir, nada. */
.psf-ov-h1,
.psf-gen-h,
.psf-ov-h2{color:var(--pf-brand-deep);}

/* 4 · Los filetes. Cinco grises distintos para la misma línea: uno. */
.psf-drpa-tabla th,
.psf-drpa-tabla td{border-bottom-color:var(--pf-line);}
.psf-ov-figura img,
.psf-mnemo-figura img,
.psf-preg{border-color:var(--pf-line);}
.psf-preguntas{border-top-color:var(--pf-line);}
.psf-ov-desp{border-color:var(--pf-line);}
.psf-ov-desp[open] > .psf-ov-desp-sum{border-bottom-color:var(--pf-line);}

/* 5 · Los fondos secundarios: cabeceras de tabla, filas de agrupación,
   contadores y estados de paso del ratón. */
.psf-ov-desp-sum:hover,
.psf-drpa-grupo td,
.psf-ov-nota-fuera,
.psf-ov-bloque .psf-mecea,
.psf-dosis-tabla .psf-dosis-ed95,
.psf-nnt-callout{background:var(--pf-paper-alt);}
.psf-ov-desp-n{background:var(--pf-paper-alt);color:var(--pf-ink-faint-tx);}
.psf-drpa-tabla thead th{background:var(--pf-paper-alt);color:var(--pf-brand-tx);border-bottom-color:var(--pf-line);}
.psf-drpa-grupo td{color:var(--pf-ink-soft);}
.psf-dosis-tabla .psf-dosis-cons{background:var(--pf-paper-alt);}
.psf-ov-nota-fuera{border-left-color:var(--pf-line);}
.psf-ov-bloque .psf-mecea{border-color:var(--pf-line);}

/* 6 · La tinta. Tres grises escritos a mano para el cuerpo del texto; los
   tres eran el mismo propósito y ninguno seguía al tema. */
.psf-drpa-tabla tbody th,
.psf-dosis-claves,
.psf-ov-desp-sum{color:var(--pf-ink);}
.psf-preg-r,
.psf-ov-bloque .psf-mecea-texto,
.psf-nnt-callout-h{color:var(--pf-ink-soft);}
.psf-heat-tabla thead th span,
.psf-afr-nd,
.psf-ov-fuente,
.psf-dosis-sub,
.psf-dosis-pies,
.psf-mnemo-alt,
.psf-equiv-tabla .psf-equiv-conf,
.psf-dosis-tabla .psf-dosis-ddd{color:var(--pf-ink-faint-tx);}

/* 7 · El número del grupo y la insignia de la pregunta: relleno del color de
   familia con tinta encima. En claro la tinta es el papel —blanco sobre
   color, como manda [D-19]—; en oscuro el relleno pasa a su variante CLARA y
   la tinta tiene que invertirse con él, o el número desaparece. Es el mismo
   caso que el contador de la carpeta en [D-168]. */
.psf-ov-n,
.psf-preg-n,
.psf-venn-radio:checked + .psf-venn-tab{color:var(--pf-surface);}
:root[data-pf-tema="oscuro"] .psf-ov-n,
:root[data-pf-tema="oscuro"] .psf-preg-n,
:root[data-pf-tema="oscuro"] .psf-venn-radio:checked + .psf-venn-tab{color:var(--pf-paper);}

/* [v9.13.0] Enlace a la hoja de clase hermana, tras el bloque de retirada. */
.psf-ov__hermana{ font-size:var(--pf-fs-small,15px); margin:1.5rem 0 0; }
.psf-ov__hermana a{ color:var(--pf-brand,#1a365d); text-underline-offset:3px; }

/* ═══════════════════════════════════════════════════════════════
   EL APARTADO DE RETIRADA   [D-213 · v9.37.0]
   ---------------------------------------------------------------
   Dos piezas que la página no tenía porque hasta ahora ningún bloque
   necesitaba subdividirse: un tercer nivel de titular y un pie de
   tabla. Van con tokens, no con los hex heredados de más arriba.
   =============================================================== */

/* El tercer nivel. Este bloque es el más largo de la página —tres
   estrategias, dos ensayos y dos cohortes—, y sin un escalón entre el
   h2 y el texto se lee como una parrafada. */
.psf-ov-h3{
	font-family:var(--pf-serif); font-weight:var(--pf-w-medium);
	font-size:var(--pf-fs-h4); line-height:var(--pf-lh-tight);
	color:var(--pf-brand-deep);
	margin:var(--pf-s-8) 0 var(--pf-s-2);
	padding-top:var(--pf-s-4); border-top:1px solid var(--pf-line);
}

/* EL PIE DE TABLA VA ARRIBA, y es deliberado. `caption-side:top` porque
   una tabla de seis filas de hazard ratios no se entiende si primero se
   lee y luego se descubre de qué población salió: para entonces el
   lector ya ha interpretado los números por su cuenta. */
.psf-ov-bloque .psf-drpa-tabla caption{
	caption-side:top; text-align:left;
	padding:0 0 var(--pf-s-2);
	font-size:var(--pf-fs-micro); line-height:1.55;
	color:var(--pf-ink-soft);
}

/* Las tablas de este bloque llevan texto de verdad en las celdas, no
   cifras sueltas: centrarlo como el resto de tablas de la página lo
   volvía ilegible. */
.psf-ov-bloque .psf-drpa-tabla td{ text-align:left; }
.psf-ov-bloque .psf-drpa-tabla tbody th{ text-align:left; }

/* ── LA TABLA QUE TIENE QUE CABER ────────────────────────────────
   `.psf-drpa-tabla` lleva `min-width:460px` y `white-space:nowrap` en la
   columna de la izquierda, y con eso el contenedor con scroll hace su
   trabajo: en las tablas de catorce fármacos, arrastrar de lado es lo
   correcto.

   AQUÍ NO. Medido en un teléfono de 390 px: la tabla de Tiihonen —dos
   columnas, «Al alta del primer ingreso» y su hazard ratio— se iba a
   881 px, así que se veían las etiquetas y NO SE VEÍA NINGUNA CIFRA.
   Una tabla de dos columnas cuyo dato está fuera de la pantalla no es
   una tabla que haya que arrastrar: es una tabla rota. Y el `caption`,
   que hereda el ancho de la tabla, salía cortado a media palabra.

   Este modificador lo apaga para las tablas que sí caben si se las
   deja: se quita el mínimo, se deja que las etiquetas partan de línea y
   se reparte el ancho. Las tablas anchas de verdad siguen como estaban. */
.psf-ov-bloque .psf-ov-tabla--cabe{ min-width:0; }
.psf-ov-bloque .psf-ov-tabla--fichas tbody th{ white-space:normal; }
.psf-ov-bloque .psf-ov-tabla--cabe th,
.psf-ov-bloque .psf-ov-tabla--cabe td{
	padding:var(--pf-s-2) var(--pf-s-3); vertical-align:top;
}

/* El `caption` hereda el ancho de la tabla, y con la tabla convertida en
   bloque hay que decirle que él también lo es. Sin esto se estrangulaba
   a una palabra por línea: medido, «Riesgo de fracaso terapéutico…»
   salía en catorce renglones de 60 px. La regla es SOLO para la variante
   en fichas — ponérsela a la tabla normal produce el mismo estrangulado
   por el otro lado, porque un caption en bloque dentro de un contexto de
   tabla se encoge a su contenido en vez de tomar el ancho. */
.psf-ov-bloque .psf-ov-tabla--fichas caption{ display:block; width:auto; }

/* Y EN EL TELÉFONO, LA DE PROSA DEJA DE SER UNA TABLA.
   Quitar el mínimo la hizo caber, y entonces se vio el problema de
   debajo: tres columnas de prosa en 390 px son tres columnas de 110 px,
   y el texto se pisaba. Una tabla de tres filas y tres columnas no es
   una rejilla de datos: son tres fichas con tres campos. Así que por
   debajo del móvil se apila cada fila y cada celda lleva su rótulo
   delante, que es el encabezado que ya no se ve.
   El rótulo va en el HTML como `data-r` y no aquí: escribirlo en el CSS
   sería tener el mismo texto en dos archivos. */
@media (max-width:640px){
	.psf-ov-bloque .psf-ov-tabla--fichas,
	.psf-ov-bloque .psf-ov-tabla--fichas tbody,
	.psf-ov-bloque .psf-ov-tabla--fichas tr,
	.psf-ov-bloque .psf-ov-tabla--fichas th,
	.psf-ov-bloque .psf-ov-tabla--fichas td{ display:block; width:auto; }
	.psf-ov-bloque .psf-ov-tabla--fichas thead{
		position:absolute; width:1px; height:1px;
		overflow:hidden; clip-path:inset(50%); white-space:nowrap;
	}
	.psf-ov-bloque .psf-ov-tabla--fichas tbody tr{
		margin-bottom:var(--pf-s-3); padding:var(--pf-s-3);
		border:1px solid var(--pf-line); border-radius:var(--pf-r-sm);
		background:var(--pf-surface);
	}
	.psf-ov-bloque .psf-ov-tabla--fichas tbody th{
		border-bottom:1px solid var(--pf-line);
		padding-left:0; padding-right:0; margin-bottom:var(--pf-s-2);
	}
	.psf-ov-bloque .psf-ov-tabla--fichas tbody td{
		border-bottom:0; padding-left:0; padding-right:0;
	}
	.psf-ov-bloque .psf-ov-tabla--fichas tbody td[data-r]::before{
		content:attr(data-r);
		display:block; margin-bottom:2px;
		font-family:var(--pf-mono); font-size:var(--pf-fs-micro);
		letter-spacing:var(--pf-track-label); text-transform:uppercase;
		color:var(--pf-ink-faint-tx);
	}
	.psf-ov-bloque .psf-ov-tabla--fichas tbody td + td{ margin-top:var(--pf-s-3); }
}
/* La sublínea de cada celda: el tamaño del estudio, la certeza y el
   «frente a qué», que son contexto y no el dato. */
.psf-ov-bloque .psf-ov-tabla--cabe .psf-ov-nota{
	display:block; margin-top:2px; font-weight:var(--pf-w-regular);
	color:var(--pf-ink-faint-tx); line-height:1.45;
}

/* El hueco declarado dentro de un desplegable: sin esto hereda el
   `white-space:nowrap` de la variante en línea y se sale por la derecha. */
.psf-ov-desp-cuerpo .psf-gap{ white-space:normal; }
.psf-ov-desp-cuerpo .psf-gap--bloque{ max-width:100%; }

/* [D-282 · v9.89.0] El índice de la página de grupo. Plegado, con los mismos
   tokens que los pliegues de abajo para que el modo oscuro lo alcance. */
.psf-ov-indice{margin:12px 0 16px;}
.psf-ov-indice details{border:1px solid var(--pf-line);border-radius:8px;background:var(--pf-surface);}
.psf-ov-indice-sum{cursor:pointer;padding:12px 16px;list-style:none;display:flex;align-items:center;gap:10px;
  font-weight:700;font-size:var(--pf-fs-small);color:var(--pf-ink);}
.psf-ov-indice-sum::-webkit-details-marker{display:none;}
.psf-ov-indice-l{margin:0;padding:4px 16px 14px 36px;columns:2 18rem;column-gap:24px;font-size:var(--pf-fs-small);line-height:1.5;}
.psf-ov-indice-l li{break-inside:avoid;padding:3px 0;}
.psf-ov-indice-l a{color:var(--pf-brand-tx);text-decoration:none;}
.psf-ov-indice-l a:hover,.psf-ov-indice-l a:focus-visible{text-decoration:underline;}
.psf-ov-desp,.psf-cmp{scroll-margin-top:var(--pf-scroll-margin,72px);}