/* Component: notice — info cards (quality/documents), call-to-action strip, sample notes. */

.mx-info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--mx-space-4); }
.mx-info-card {
	display: flex; flex-direction: column; gap: 6px;
	padding: var(--mx-space-5);
	border: 1px solid var(--mx-line);
	border-radius: var(--mx-radius-lg);
}
.mx-info-card strong { font-size: 17px; color: var(--mx-forest); }
.mx-info-card span { font-size: var(--mx-text-sm); line-height: 1.5; color: var(--mx-muted); }

.mx-cta-strip {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
	gap: var(--mx-space-6);
	padding: 36px var(--mx-space-10);
	border-radius: var(--mx-radius-xl);
	background: var(--mx-sage);
	border: 1px solid var(--mx-line);
}
.mx-cta-strip__copy { display: flex; flex-direction: column; gap: 6px; max-width: 40em; }
.mx-cta-strip__title { font-family: var(--mx-font-display); font-weight: 500; font-size: 28px; color: var(--mx-forest); }
.mx-cta-strip__text { font-size: var(--mx-text-base); color: var(--mx-ink-soft); }
.mx-cta-strip__actions { display: flex; flex-wrap: wrap; gap: var(--mx-space-3); }

.mx-note { font-size: var(--mx-text-xs); color: var(--mx-muted); }

@media (max-width: 720px) {
	.mx-info-grid { grid-template-columns: minmax(0, 1fr); }
	.mx-cta-strip { padding: var(--mx-space-6); }
}