/**
 * Diagnostic de prospection — styles structurels & responsive.
 * Le gros du style est inline (fidélité au prototype) ; ce fichier gère le reset,
 * le plein écran, la police et surtout l'adaptation mobile.
 */

/* Route plein écran : neutralise le thème. */
body.ackdiag-standalone {
	margin: 0;
	padding: 0;
	background: #F6F1E7;
}

.ackdiag-root, .ackdiag-root * {
	box-sizing: border-box;
}
.ackdiag-root {
	font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.ackdiag-root h1,
.ackdiag-root h2,
.ackdiag-root p {
	margin: 0;
}
.ackdiag-root button {
	font: inherit;
}
.ackdiag-root a {
	-webkit-tap-highlight-color: transparent;
}

/* Interactions douces (respecte prefers-reduced-motion). */
@media (prefers-reduced-motion: no-preference) {
	.ackdiag-shell button:hover {
		transform: translateY(-1px);
	}
}

/* ------- Mobile : on empile les grilles 2 colonnes ------- */
@media (max-width: 720px) {
	.ackdiag-page {
		padding: 0 !important;
		align-items: stretch !important;
	}
	.ackdiag-shell {
		max-width: 100% !important;
		height: auto !important;
		min-height: 100vh !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	.ackdiag-2col {
		grid-template-columns: 1fr !important;
	}
	.ackdiag-body {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* Petit confort : la carte scrolle proprement sur desktop. */
.ackdiag-shell::-webkit-scrollbar {
	width: 10px;
}
.ackdiag-shell::-webkit-scrollbar-thumb {
	background: rgba(20, 20, 51, .16);
	border-radius: 999px;
}