/*
 * AGEN Pro: the pre-order offer under the poster, and the member's own tab in My Account.
 *
 * Layout and type only. The reserve button is the solid pill and the card form is the site's
 * single-field form, both from controls.css.
 */

.agen-preorder,
.agen-pro-account {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--akem-space-3);
	max-width: var(--akem-measure);
}

.agen-preorder p,
.agen-pro-account p {
	margin: 0;
}

.agen-preorder__rate {
	font-family: var(--akem-font-display);
	font-size: var(--akem-size-title);
	font-weight: var(--akem-weight-strong);
	letter-spacing: var(--akem-tracking-tight);
	color: var(--akem-ink);
}

.agen-preorder__left {
	font-size: var(--akem-size-small);
	font-weight: var(--akem-weight-label);
	color: var(--akem-navy);
}

.agen-preorder__terms,
.agen-pro-account p {
	line-height: var(--akem-leading-body);
	color: var(--akem-grey-deep);
}

.agen-preorder__status,
.agen-pro-account__status {
	font-weight: var(--akem-weight-label);
	color: var(--akem-ink);
}

.agen-preorder__warning {
	color: var(--akem-danger);
}

.agen-pro-account .akem-code-form {
	align-self: stretch;
}

/* The line at checkout saying a pro purchase opens an account. */
.agen-pro-checkout__account {
	margin: var(--akem-space-3) 0 0;
	font-size: var(--akem-size-small);
	line-height: var(--akem-leading-body);
	color: var(--akem-grey-deep);
}