/**
 * Pricing component.
 */

.rc-pricing__intro {
	display: grid;
	gap: var(--rc-space-m);
	margin-block-end: var(--rc-space-xl);
	max-inline-size: var(--rc-layout-reading);
	overflow-wrap: anywhere;
}

.rc-pricing__intro > *,
.rc-pricing__plan-body > *,
.rc-pricing__featured-label {
	margin-block: 0;
}

.rc-pricing__eyebrow,
.rc-pricing__featured-label {
	color: var(--rc-color-muted);
	font-size: var(--rc-font-size-small);
}

.rc-pricing__body > :last-child,
.rc-pricing__description > :last-child {
	margin-block-end: 0;
}

.rc-pricing__plans {
	--rc-grid-min-item: 17rem;

	list-style: none;
	margin: 0;
	padding: 0;
}

.rc-pricing__plan--featured {
	background: var(--paper, var(--rc-color-background));
	box-shadow: 0 1.5rem 3.5rem rgb(32 38 47 / 0.1);
	transform: translateY(-0.5rem);
}

.rc-pricing__plan {
	background: color-mix(in srgb, var(--paper) 86%, var(--paper-dim));
	border: 0;
	overflow-wrap: anywhere;
	padding: clamp(1.35rem, 3vw, 2.25rem);
}

.rc-pricing__step {
	color: var(--rc-front-blue, var(--rc-color-primary));
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.12em;
}

.rc-pricing__featured-label {
	font-weight: 700;
}

.rc-pricing__price {
	color: var(--rc-front-blue, var(--rc-color-primary));
	font-size: var(--rc-font-size-body);
	font-weight: 700;
	line-height: var(--rc-line-height-heading);
}

.rc-pricing__features {
	margin-block-end: 0;
	padding-inline-start: 0;
}

.rc-pricing__features li {
	align-items: flex-start;
	display: flex;
	gap: 0.6rem;
	list-style: none;
}

.rc-pricing__features li::before {
	color: var(--rc-front-blue, var(--rc-color-primary));
	content: "✓";
	font-weight: 800;
}

.rc-pricing {
	background: var(--paper-dim, var(--rc-color-surface));
}

.rc-pricing__section-action {
	margin-block: var(--rc-space-xl) 0;
	text-align: center;
}

@media (max-width: 48rem) {
	.rc-pricing__plan--featured {
		transform: none;
	}
}