/*
 * Prior Auth page (/prior-authorization-automation/) styles.
 * Loads on that page only. Shared page sections are in assets/css/theme.css.
 */

/* Results band: the Home proof band numbers. */
.cm-pa-results .cm-stat__value {
	color: var(--wp--preset--color--navy-deep);
	font-size: 46px;
}

.cm-pa-results .cm-stat__label {
	color: var(--wp--preset--color--on-dark);
}

.cm-pa-results .cm-proof__grid {
	padding-block: 56px 20px;
}

.cm-pa-results > .cm-footnote {
	padding-block: 0 44px;
	font-size: 13px;
	color: var(--wp--preset--color--on-dark-muted);
}

/* Rollout stages: the last stage is on light mint. */
.cm-pa-stage {
	gap: 12px;
}

.cm-pa-stage__label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--muted);
}

.cm-pa-stage:last-child {
	border-color: var(--wp--preset--color--mint);
	background: var(--wp--preset--color--pill);
	color: var(--wp--preset--color--on-dark);
}

.cm-pa-stage:last-child .cm-pa-stage__label {
	color: var(--wp--preset--color--pill-ink);
}

.cm-section .cm-pa-stage:last-child .cm-card__title {
	color: var(--wp--preset--color--navy-deep);
}

/* Standards: copy on the left, a two-column grid of standards on the right. */
.cm-section > .cm-pa-standards {
	display: flex;
	flex-wrap: wrap;
	gap: 48px;
}

.cm-pa-standards__copy {
	flex: 1 1 440px;
	min-width: 0;
}

.cm-pa-chips {
	display: grid;
	flex: 1 1 420px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	align-content: start;
	min-width: 0;
	padding: 0;
	list-style: none;
}

.cm-pa-chips li {
	padding: 20px;
	border-radius: 16px;
	background: var(--wp--preset--color--surface);
	font-weight: 700;
	color: var(--wp--preset--color--navy-deep);
}

/* Hero screenshot is 2048 × 1694: keep its space while it loads. */
.cm-page-hero__media img {
	aspect-ratio: 2048 / 1694;
}