/* Mon adresse IP : carte du résultat + bandeau réutilisable (page /outils/) */
.pdx-monip { margin-bottom: 1em; }
.pdx-monip-etiq { margin: 0 0 0.4em; color: var(--orange-texte); }
.pdx-monip-tete { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5em 0.9em; }
.pdx-monip-ip {
	min-width: 0;
	font: 500 clamp(1.5em, 6vw, 2.6em)/1.15 var(--mono);
	letter-spacing: -0.01em;
	color: var(--encre);
	overflow-wrap: anywhere;
}
.pdx-monip-pastilles { margin: 0.6em 0 1em; }
.pdx-monip .pd-faits { margin-bottom: 1.2em; }
.pdx-monip .note { color: var(--gris); font-size: 0.88em; }
.pdx-monip-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.8em 1.4em; }
.pdx-monip-lien { color: var(--orange-texte); font-weight: 600; text-underline-offset: 0.2em; }

/* Bandeau (une ligne, repliée au téléphone) */
.pdx-monip-bandeau {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35em 0.7em;
	margin: 0 0 1.6em;
	padding: 0.7em 1em;
	border-radius: 0.8em;
	background: var(--grisé);
	border: 1px solid var(--trait);
	font-size: 0.92em;
}
.pdx-monip-bandeau-etiq { color: var(--gris); font-weight: 600; }
.pdx-monip-bandeau code { font: 500 1.05em/1.3 var(--mono); color: var(--encre); overflow-wrap: anywhere; }
/* Fournisseur · emplacement : ligne à part, sous l'adresse (page et bandeau) */
.pdx-monip-details { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.2em 0.6em; color: var(--gris); font-size: 0.88em; }
.pdx-monip-page-details { margin: 0.5em 0 0; font-size: 1em; }
.pdx-monip-bandeau-details { order: 1; flex-basis: 100%; }
.pdx-monip-bandeau-liens { display: inline-flex; flex-wrap: wrap; gap: 0.3em 1em; margin-left: auto; }
.pdx-monip-bandeau-liens a { color: var(--orange-texte); font-weight: 600; text-underline-offset: 0.2em; }
@media (max-width: 40em) {
	.pdx-monip-bandeau-liens { order: 2; margin-left: 0; flex-basis: 100%; }
}