/**
 * The plans page (AB#24612, deck screen 7). A FLOOR, at zero specificity like
 * every floor here: the cards lay out and read as cards on a theme that styles
 * nothing, and a theme's own rules win without !important. Type and colour
 * are the theme's; the tokens below are the plugin's usual override surface.
 */
:where(.diverp-membership__plans) {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
	gap: 1.25rem;
}

:where(.diverp-membership__plan) {
	display: flex;
	flex-direction: column;
	gap: var(--diverp-gap, 0.5rem);
	padding: 1.25rem;
	border: 1px solid var(--diverp-hairline, color-mix(in srgb, currentColor 20%, transparent));
	border-radius: 12px;
}

:where(.diverp-membership__name) {
	margin: 0;
}

:where(.diverp-membership__lede, .diverp-membership__who, .diverp-membership__already) {
	margin: 0;
	opacity: var(--diverp-muted, 0.7);
}

:where(.diverp-membership__price) {
	margin: 0;
	font-size: 1.4em;
	font-weight: 700;
}

:where(.diverp-membership__perks) {
	margin: 0;
	padding-left: 1.2em;
}

/* Join sits at the bottom of each card, whatever its perks' length. */
:where(.diverp-membership__join) {
	margin-top: auto;
}

:where(.diverp-membership__already) {
	margin-top: 1rem;
	text-align: center;
}