/* ==========================================================================
   Board of Advisors — /advisor/
   Only the pieces style.css doesn't already provide. Everything else on this
   page reuses existing theme components (.feature-dark, .ic-block,
   .benefits-grid, .quotes-grid, .final-cta, .page-hero, .cta-row).
   Mobile-first: base is mobile, min-width queries scale up.
   ========================================================================== */

/* Body copy under a section heading */
.adv-body {
	font-size: 17px;
	max-width: 62ch;
	margin: 16px auto 0;
}

/* Small grey note (placeholder-testimonial caption) */
.adv-note {
	text-align: center;
	color: var(--muted);
	font-size: 13px;
	margin-top: 18px;
}

/* --- Who it's for band -------------------------------------------------- */

.adv-forwho {
	background: var(--surface-2);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

/* --- Numbered steps (01–04) --------------------------------------------- */

.adv-steps { margin-top: 30px; }

.adv-step {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
	padding: 22px 0;
	text-align: left;
	border-bottom: 1px solid var(--line);
}

.adv-step:first-child { border-top: 1px solid var(--line); }

.adv-step-n {
	font-family: var(--serif);
	font-weight: 600;
	font-size: 34px;
	line-height: 1;
	color: var(--gold-deep);
}

.adv-step h4 { font-size: 21px; }

.adv-step p {
	font-size: 15px;
	margin-top: 6px;
}

@media (min-width: 760px) {
	.adv-step {
		grid-template-columns: auto 1fr;
		gap: 22px;
		align-items: start;
	}
}

/* --- 5 testimonials: centre the trailing pair ---------------------------- */
/* .quotes-grid drops to 1 column at 760px, so this only applies above it.   */

@media (min-width: 761px) {
	.adv-quotes-5 { grid-template-columns: repeat(6, 1fr); }
	.adv-quotes-5 .quote-card { grid-column: span 2; }

	/* row 2: shift the two orphans in by one column each */
	.adv-quotes-5 .quote-card:nth-child(4) { grid-column: 2 / span 2; }
	.adv-quotes-5 .quote-card:nth-child(5) { grid-column: 4 / span 2; }
}