/* ==========================================================================
   PRISME — Easter egg « Ils auraient eu leur place chez PRISME » (fenêtre de portraits, accueil seulement).
   Couleurs : variables --prisme-* uniquement. Texte aligné à gauche, 14 px minimum.
   ========================================================================== */

html.prisme-illustres-ouvert { overflow: hidden; }
.prisme-illustres {
	box-sizing: border-box;
	width: min(100% - 32px, 1280px);
	max-width: none;
	max-height: calc(100dvh - 32px);
	margin: auto;
	padding: 0;
	overflow: auto;
	color: var(--prisme-texte, #FFFFFF);
	background: var(--prisme-fond, #17171A);
	border: 1px solid var(--prisme-bordure, #34333B);
	border-radius: var(--prisme-radius, 28px);
	font-family: var(--prisme-font, sans-serif);
	text-align: left;
}
.prisme-illustres::backdrop { background: rgba(0, 0, 0, 0.72); }
.prisme-illustres-cadre { position: relative; display: grid; gap: var(--prisme-e4, 24px); padding: var(--prisme-e5, 32px); }
.prisme-illustres-fermer { justify-self: end; position: sticky; top: 0; z-index: 2; min-height: 48px; padding: 8px 24px; cursor: pointer; }
.prisme-illustres-titre { margin: 0; font-size: var(--prisme-t-xl, 1.75rem); font-weight: 600; line-height: 1.15; }
.prisme-illustres-intro { margin: 0; max-width: 60ch; font-size: var(--prisme-t-m, 1.125rem); line-height: 1.5; color: var(--prisme-texte-att, #A9A9B4); }

/* Repli sans le script bento du thème : grille simple, sans débordement à 320 px. */
.prisme-illustres-grille { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 220px), 1fr)); gap: var(--prisme-e3, 16px); margin: 0; padding: 0; list-style: none; --prisme-rubrique: var(--prisme-violet, #7B5CF0); }
.prisme-illustres-item { margin: 0; padding: 0; min-width: 0; list-style: none; }
.prisme-illustres-carte { position: relative; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--prisme-e2, 8px); height: 100%; padding: 0 0 var(--prisme-e3, 16px); overflow: hidden; }
.prisme-illustres-photo { display: block; width: 100%; aspect-ratio: 4 / 5; height: auto; object-fit: cover; object-position: center top; background: var(--prisme-fond-carte, #201F24); }
.prisme-illustres-groupe { margin: var(--prisme-e4, 24px) 0 0; font-size: var(--prisme-t-l, 1.375rem); font-weight: 600; line-height: 1.2; }
.prisme-illustres-note { margin: 0; max-width: 60ch; font-size: var(--prisme-t-s, 1rem); line-height: 1.5; color: var(--prisme-texte-att, #A9A9B4); }
.prisme-illustres-hypothese { align-self: flex-start; margin: 0 var(--prisme-e3, 16px); padding: var(--prisme-e1, 4px) 12px; font-size: var(--prisme-t-xs, 0.875rem); font-weight: 600; border: 1px dotted var(--prisme-texte-att, #A9A9B4); border-radius: var(--prisme-radius-pill, 999px); }
.prisme-illustres-hypothese::before { content: "? "; }
.prisme-illustres-nom { margin: var(--prisme-e2, 8px) var(--prisme-e3, 16px) 0; font-size: var(--prisme-t-l, 1.375rem); font-weight: 600; line-height: 1.2; }
.prisme-illustres-texte { margin: 0 var(--prisme-e3, 16px); font-size: var(--prisme-t-s, 1rem); line-height: 1.5; }
.prisme-illustres-credit { margin: auto var(--prisme-e3, 16px) 0; padding-top: var(--prisme-e2, 8px); font-size: var(--prisme-t-xs, 0.875rem); line-height: 1.5; color: var(--prisme-texte-att, #A9A9B4); overflow-wrap: anywhere; }
.prisme-illustres-credit a { color: var(--prisme-lien, var(--prisme-bleu, #2F8FE0)); }
.prisme-illustres-carte.prisme-bento-grand .prisme-illustres-nom { font-size: var(--prisme-t-xl, 1.75rem); }
.prisme-illustres-carte.prisme-bento-grand .prisme-illustres-photo { aspect-ratio: 4 / 3; }

@media (max-width: 480px) { .prisme-illustres-cadre { padding: var(--prisme-e3, 16px); } }

/* Trois appuis rapides sur PRISMO (téléphone) : pas de zoom au double appui, le logo reste cliquable comme avant */
.prisme-brand { touch-action: manipulation; -webkit-tap-highlight-color: transparent; }

/* Passion imaginée et citation */
.prisme-illustres-passions { display: flex; flex-wrap: wrap; gap: var(--prisme-e2, 8px); margin: 0 var(--prisme-e3, 16px); padding: 0; list-style: none; }
.prisme-illustres-passions li { margin: 0; padding: var(--prisme-e1, 4px) 12px; font-size: var(--prisme-t-xs, 0.875rem); font-weight: 600; line-height: 1.4; border: 1px solid var(--prisme-bordure, #34333B); border-radius: var(--prisme-radius-pill, 999px); background: color-mix(in srgb, var(--prisme-rubrique, var(--prisme-violet, #7B5CF0)) 10%, transparent); }
.prisme-illustres-citation { margin: 0 var(--prisme-e3, 16px); }
.prisme-illustres-citation blockquote { margin: 0; padding: 0; }
.prisme-illustres-citation blockquote p { margin: 0; font-size: var(--prisme-t-s, 1rem); font-style: italic; line-height: 1.5; }
.prisme-illustres-citation figcaption, .prisme-illustres-citation-absente { margin: var(--prisme-e1, 4px) var(--prisme-e3, 16px) 0; font-size: var(--prisme-t-xs, 0.875rem); line-height: 1.5; color: var(--prisme-texte-att, #A9A9B4); }
.prisme-illustres-citation figcaption { margin-inline: 0; }
.prisme-illustres-citation-absente { margin-top: 0; }

/* Section mise en avant : les femmes autistes importantes (en premier) */
.prisme-illustres-groupe { margin-top: var(--prisme-e5, 32px); }
.prisme-illustres-groupe--vedette { margin-top: 0; padding-left: var(--prisme-e3, 16px); border-left: 4px solid var(--prisme-magenta, #E14FA0); font-size: var(--prisme-t-xl, 1.75rem); }
.prisme-illustres-ps { margin: var(--prisme-e5, 32px) 0 0; padding-top: var(--prisme-e4, 24px); border-top: 1px solid var(--prisme-bordure, #34333B); font-size: var(--prisme-t-m, 1.125rem); font-style: italic; line-height: 1.5; }