/* Guide single + archive */

/* ---- Guides archive header (this CSS file loads on guide pages; the
   archive-header base rules live in archive-tour.css which does NOT) ---- */
.archive-header { padding-block: var(--zgb-space-6) var(--zgb-space-5); }
.archive-header__title { margin-bottom: var(--zgb-space-3); }
.archive-header__intro { color: var(--zgb-ink-soft); max-width: 60ch; }
.archive-header--center {
	text-align: center;
	max-width: 640px; margin-inline: auto;
	padding-block: var(--zgb-space-8) var(--zgb-space-6);
}
.archive-header--center .archive-header__intro { margin-inline: auto; }

/* ---- Guides as polished, even cards (centered for any count) ---- */
.guides-row--archive {
	gap: clamp(1.5rem, 3vw, 2.5rem);
	padding-bottom: var(--zgb-space-12);
	align-items: stretch;
}
.guides-row--archive .guide-card {
	flex: 0 1 300px; max-width: 320px;
	display: flex; flex-direction: column;
	background: #fff;
	border: 1px solid var(--zgb-line);
	border-radius: var(--zgb-radius-lg);
	padding: var(--zgb-space-6) var(--zgb-space-5) var(--zgb-space-6);
	box-shadow: var(--zgb-shadow-soft);
	transition: transform var(--zgb-dur-fast) var(--zgb-ease-out), box-shadow var(--zgb-dur-fast) var(--zgb-ease-out);
}
.guides-row--archive .guide-card:hover { transform: translateY(-6px); box-shadow: var(--zgb-shadow-warm); }
/* slightly larger portrait + gold-ish brand ring inside the card */
.guides-row--archive .guide-card__media { width: 140px; margin-bottom: var(--zgb-space-5); }
.guides-row--archive .guide-card__name { font-size: var(--zgb-fs-h3); }
.guides-row--archive .guide-card__bio { margin-top: var(--zgb-space-2); }
/* push the "View profile" link to a consistent baseline across cards */
.guides-row--archive .guide-card__body { display: flex; flex-direction: column; flex: 1; }
.guides-row--archive .guide-card__link { margin-top: auto; padding-top: var(--zgb-space-3); }

.single-guide__layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: var(--zgb-space-8);
	align-items: start;
	margin-block: var(--zgb-space-6) var(--zgb-space-10);
}
.single-guide__img { border-radius: var(--zgb-radius); width: 100%; aspect-ratio: 1; object-fit: cover; box-shadow: var(--zgb-shadow); }
.single-guide__name { margin-bottom: var(--zgb-space-1); }
.single-guide__role { color: var(--zgb-primary-dark); font-weight: 600; margin-bottom: var(--zgb-space-4); }
.single-guide__bio { font-size: 1.05rem; }
.single-guide__facts { list-style: none; padding: 0; margin-top: var(--zgb-space-5); display: flex; flex-direction: column; gap: var(--zgb-space-2); color: var(--zgb-ink-soft); }
.single-guide__tours { margin-top: var(--zgb-space-8); }

/* "Meet the other guides" teaser */
.single-guide__others {
	margin-top: var(--zgb-space-10);
	padding-top: var(--zgb-space-10);
	padding-bottom: var(--zgb-space-10);
	border-top: 1px solid var(--zgb-line);
}
.single-guide__others .guides-row--archive { padding-bottom: 0; }
.single-guide__others-cta { text-align: center; margin-top: var(--zgb-space-8); }

@media (max-width: 768px) {
	.single-guide__layout { grid-template-columns: 1fr; }
	.single-guide__media { max-width: 240px; }
}