/*
 * Advisory notes: what a suggestion is, and what it does not promise.
 *
 * Deliberately quiet. These sit beside the thing being suggested and are read
 * once, not scanned repeatedly, so they take the muted text role rather than a
 * warning colour -- nothing here is an error or a risk, and painting it as one
 * would train people to dismiss it.
 */

.ai-o-optimiser-advisory {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	max-width: 980px;
	margin: 10px 0 0;
	font-size: 12px;
	line-height: 1.5;
	color: var(--ai-o-optimiser-ui-muted, var(--aio-muted));
}

.ai-o-optimiser-advisory .dashicons {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-top: 1px;
	font-size: 16px;
	color: var(--ai-o-optimiser-ui-accent, var(--aio-accent-ink));
}

/*
 * The standing line. admin_footer puts this outside .wrap, so it carries the
 * left margin the WordPress admin content column uses rather than inheriting
 * one, and a rule above it to separate it from the screen's own content.
 */
.ai-o-optimiser-advisory-footer {
	margin: 24px 20px 0 2px;
	padding-top: 14px;
	border-top: 1px solid var(--ai-o-optimiser-ui-border-soft, var(--aio-hair));
}

.ai-o-optimiser-advisory-footer p {
	max-width: 980px;
	margin: 0;
	font-size: 11px;
	line-height: 1.55;
	color: var(--ai-o-optimiser-ui-muted, var(--aio-muted));
}

.ai-o-optimiser-advisory-footer strong {
	color: var(--ai-o-optimiser-ui-text, var(--aio-ink));
}

@media (max-width: 782px) {
	.ai-o-optimiser-advisory-footer {
		margin-right: 10px;
		margin-left: 0;
	}
}