/* =======================================================
   Corporate Plans Page

   Layout-only adjustments for the [fit_corporate_plans] wrapper.
   The cards themselves are the same .plan-box.corporate-plan markup
   location pages render, styled entirely by plan-boxes.css. These
   rules exist only because .membership-plans is built for a three
   column tier row (space-between, no wrap), which leaves a group of
   one or two corporate cards stranded against the left edge.

   Everything here is scoped to .fit-corporate-plans, so no location
   page, signup page, or Join V2 surface is affected.
   ======================================================= */

.fit-corporate-plans .membership-plans {
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 37px;
	row-gap: 37px;
}

/* Multiple corporate promotions stack, each in its own row of cards. */
.fit-corporate-plans .membership-plans + .membership-plans {
	margin-top: 40px;
}

/* Keep a single card from stretching to an odd width on wide screens.
   410px matches the max-width the existing mobile rules already use. */
.fit-corporate-plans .membership-plans .plan-box {
	max-width: 410px;
}

/* Setup diagnostics. Rendered for administrators only, never for members. */
.fit-corporate-plans-notice {
	margin: 0 0 20px;
	padding: 12px 16px;
	border-left: 4px solid #d73930;
	background: #f9f9f9;
	color: #515251;
	font-size: 14px;
}