/*
 * AH Lead Form: optional Ruqaa note, title and text over the shared sign-up form (Leads::form).
 * Card (paper) or plain, light or dark.
 */
.ah-lead {
	display: grid;
	gap: 10px;
	align-content: start;
	min-width: 0;
	font-family: var(--ah-f-body);
	font-size: 17px;
	line-height: 1.75;
	color: var(--ah-ink);
	scroll-margin-top: 110px;
}
.ah-lead.ah-lead--card { gap: 12px; padding: 22px; border: 1px solid var(--ah-line); border-radius: 10px; background: var(--ah-paper); }
.ah-lead:target { box-shadow: 0 0 0 4px rgba(197, 165, 114, .22); }
.ah-lead .ah-lead__note { font-size: 1.15rem; }
.ah-lead .ah-lead__title {
	margin: 0;
	font-family: var(--ah-f-display);
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 1.5;
	letter-spacing: 0;
	color: inherit;
	text-wrap: balance;
}
.ah-lead .ah-lead__text { margin: 0; font-size: .9rem; line-height: 1.7; color: var(--ah-muted); }
.ah-lead .ah-lead__form .ah-lf { flex-wrap: wrap; }
.ah-lead .ah-lead__form .ah-lf .ah-lf__email.ah-lf__email { flex: 1 1 200px; padding: 12px 14px; }
.ah-lead.ah-lead--card .ah-lead__form .ah-lf .ah-lf__email.ah-lf__email { background: var(--ah-ivory); }
[dir="rtl"] .ah-lead .ah-lead__form .ah-lf .ah-lf__email.ah-lf__email { text-align: right; }
.ah-lead .ah-lead__form .ah-btn:focus-visible { outline: 2px solid var(--ah-gold); outline-offset: 3px; }
.ah-lead .ah-lead__form .ah-lf__msg { margin: 0; font-size: .82rem; line-height: 1.6; }
.ah-lead .ah-lead__form .ah-lf + .ah-lf__msg { margin-top: 8px; }

/* dark: plain on navy, or a navy card */
.ah-lead.ah-on-dark { color: var(--ah-on-navy); }
.ah-lead.ah-on-dark .ah-lead__text { color: var(--ah-on-navy-muted); }
.ah-lead.ah-on-dark.ah-lead--card { border-color: var(--ah-line-navy); background: rgba(255, 255, 255, .04); }
.ah-lead.ah-on-dark.ah-lead--card .ah-lead__form .ah-lf .ah-lf__email.ah-lf__email { background: rgba(255, 255, 255, .06); }