/* IP — Assistant de recherche v1.0.0
   Jetons de la charte : papier, encre, bleu, filigrane. Angles quasi vifs,
   aucune ombre portée — du papier massicoté, pas des bulles. */

.ip-ia {
	max-width: 46rem;
	margin: 2.5rem auto;
	padding: 1.75rem;
	background: var(--ip-papier, #F6F3EC);
	border: 1px solid var(--ip-filigrane, #E5DFD2);
	border-radius: 2px;
}

.ip-ia-titre {
	margin: 0 0 .35rem;
	font-family: Fraunces, Georgia, serif;
	font-weight: 560;
	font-size: 1.5rem;
	line-height: 1.2;
	color: var(--ip-encre, #16150F);
	text-transform: none;
}

.ip-ia-intro {
	margin: 0 0 1.15rem;
	font-size: .95rem;
	color: var(--ip-graphite, #6F6B61);
}

.ip-ia-label {
	position: absolute;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.ip-ia-champ {
	width: 100%;
	box-sizing: border-box;
	padding: .8rem .9rem;
	font-family: Archivo, system-ui, sans-serif;
	font-size: 1rem;
	line-height: 1.45;
	color: var(--ip-encre, #16150F);
	background: #fff;
	border: 1px solid var(--ip-filigrane, #E5DFD2);
	border-radius: 2px;
	resize: vertical;
}

.ip-ia-champ:focus {
	outline: 2px solid var(--ip-bleu, #2440C8);
	outline-offset: 1px;
	border-color: var(--ip-bleu, #2440C8);
}

.ip-ia-bouton {
	margin-top: .8rem;
	padding: .7rem 1.4rem;
	font-family: Archivo, system-ui, sans-serif;
	font-weight: 600;
	font-size: 1rem;
	color: #fff;
	background: var(--ip-bleu, #2440C8);
	border: 0;
	border-radius: 2px;
	cursor: pointer;
}

.ip-ia-bouton:hover { background: #1c33a4; }
.ip-ia-bouton:disabled { opacity: .6; cursor: default; }

.ip-ia-mention {
	margin: .8rem 0 0;
	font-size: .78rem;
	line-height: 1.5;
	color: var(--ip-graphite, #6F6B61);
}

.ip-ia-mention a { color: var(--ip-bleu, #2440C8); }

.ip-ia-reponse {
	margin-top: 1.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--ip-filigrane, #E5DFD2);
}

.ip-ia-reponse[hidden] { display: none; }

.ip-ia-texte {
	margin: 0 0 1rem;
	font-size: 1.02rem;
	line-height: 1.55;
	color: var(--ip-encre, #16150F);
}

.ip-ia-attente { color: var(--ip-graphite, #6F6B61); }

.ip-ia-articles {
	margin: 0 0 1rem;
	padding: 0;
	list-style: none;
}

.ip-ia-article {
	position: relative;
	padding: .5rem 0 .5rem 1.6rem;
	border-bottom: 1px solid var(--ip-filigrane, #E5DFD2);
}

/* Repère de calage : cercle et croix, la signature de la marque. */
.ip-ia-article::before {
	content: "";
	position: absolute;
	left: .15rem;
	top: .78rem;
	width: .7rem;
	height: .7rem;
	border: 1px solid var(--ip-bleu, #2440C8);
	border-radius: 50%;
	background:
		linear-gradient(var(--ip-bleu, #2440C8), var(--ip-bleu, #2440C8)) center / 1px .7rem no-repeat,
		linear-gradient(var(--ip-bleu, #2440C8), var(--ip-bleu, #2440C8)) center / .7rem 1px no-repeat;
}

.ip-ia-article a {
	color: var(--ip-encre, #16150F);
	text-decoration: none;
	border-bottom: 1px solid var(--ip-bleu, #2440C8);
}

.ip-ia-article a:hover { color: var(--ip-bleu, #2440C8); }

.ip-ia-rayon {
	display: block;
	margin-top: .15rem;
	font-family: "IBM Plex Mono", ui-monospace, monospace;
	font-size: .74rem;
	letter-spacing: .02em;
	color: var(--ip-graphite, #6F6B61);
}

.ip-ia-relance {
	margin: 0 0 1rem;
	font-size: .95rem;
	color: var(--ip-encre, #16150F);
}

.ip-ia-secours {
	margin: 0;
	font-size: .85rem;
	line-height: 1.5;
	color: var(--ip-graphite, #6F6B61);
}

.ip-ia-secours a { color: var(--ip-bleu, #2440C8); }

@media (max-width: 640px) {
	.ip-ia { margin: 1.5rem 0; padding: 1.25rem; border-left: 0; border-right: 0; }
	.ip-ia-bouton { width: 100%; }
}