/**
 * Pre-call questions on /book/ (MMC-PCQ-001).
 *
 * A separate file rather than an addition to booking.css, which is already at
 * 506 lines — over the 500-line estate cap and pre-existing debt this change
 * should not make worse.
 *
 * The question fields reuse .form-group / .form-input / .form-textarea from
 * booking.css, so there is very little here: only the intro line, the helper
 * text, and slightly tighter spacing for a stack of optional boxes.
 */

.booking-questions__intro {
	margin: 22px 0 14px;
	padding: 12px 14px;
	background: #f8f6f2;
	border-left: 3px solid #c9a84c;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.6;
	color: #5c5344;
}

.booking-questions__intro[hidden] {
	display: none;
}

.booking-questions .form-group {
	margin-bottom: 18px;
}

.booking-questions .form-group:last-child {
	margin-bottom: 0;
}

/* Optional questions sit visually below the required contact details, so the
   labels are a touch lighter than Name / Email. */
.booking-questions label {
	font-weight: 500;
	line-height: 1.5;
}

.booking-questions__help {
	display: block;
	margin: -2px 0 6px;
	font-size: 13px;
	line-height: 1.5;
	color: #857a68;
}

.booking-questions .form-textarea {
	min-height: 84px;
	resize: vertical;
}

@media screen and (max-width: 640px) {
	.booking-questions__intro {
		margin-top: 18px;
		font-size: 13px;
	}

	.booking-questions .form-group {
		margin-bottom: 14px;
	}
}