.ppn-account-user-payments{margin-top: 10px;}
.ppn-payment-plans-wrapper li{list-style: none;}
.ppn-payment-plans-wrapper .ppn-plan-meta{margin-top: 15px;}
.ppn-payment-plans-wrapper .ppn-payment-type-wrapper{display: flex;}
.ppn-payment-plans-wrapper .ppn-payment-type-wrapper label{margin-right: 10px;}
.ppn-name label,
.ppn-description label{font-weight: 600;}
.ppn_user_payment_details{table-layout: fixed;}

/* 4b: the reason no plan is offered is a callout, not stray body copy. It had no CSS at
   all, so it read exactly like the paragraph above it. */
.ppn-payment-plans-wrapper .ppn-booking-plans-note {
	margin: 12px 0;
	padding: 12px 14px;
	border-left: 4px solid #2271b1;
	background: #f0f6fc;
	color: #1d2327;
	font-size: 0.95em;
	line-height: 1.5;
	border-radius: 2px;
}

/* Row 5: My Account > Bookings, where a Partially Paid booking needs explaining. */
.ppn-bookings-banner {
	margin-bottom: 14px;
}
.ppn-bookings-footer {
	margin-top: 10px;
	color: #50575e;
}

@media screen and (max-width: 600px) {
	.ppn-payment-plans-wrapper .ppn-booking-plans-note {
		padding: 10px 12px;
		font-size: 0.9em;
	}
}

/* The plan description is written in the WordPress editor, so it arrives as paragraphs.
   Their outer margins would open a gap above and below the block that the old single-line
   description never had. */
.ppn-description > p:first-child {
	margin-top: 0;
}
.ppn-description > p:last-child {
	margin-bottom: 0;
}