/**
 * Event Detail V2 — page-specific styles.
 *
 * Additive only. Visual language comes from events.css / home.css
 * (ch-events-index, ch-home-hero, ch-section, rails). This file only
 * covers beats unique to the Event page.
 */

.ch-event-detail .ch-event-detail-hero {
	margin-bottom: 0;
}

.ch-event-narrative__inner {
	max-width: var(--ch-content-editorial);
}

.ch-event-narrative__text {
	margin: var(--ch-space-16) 0 0;
	font-family: var(--ch-font-sans);
	font-size: var(--ch-type-lede);
	line-height: var(--ch-type-lede-lh);
	color: var(--ch-color-text);
}

.ch-event-detail .ch-event-narrative {
	padding-top: clamp(8px, 1.2vw, 16px);
}

.ch-event-when-where__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: var(--ch-space-8);
	font-family: var(--ch-font-sans);
	font-size: var(--ch-type-small);
	font-weight: 600;
	color: var(--ch-color-forest);
	text-decoration: none;
}

.ch-event-when-where__cta:hover,
.ch-event-when-where__cta:focus-visible {
	text-decoration: underline;
}

.ch-event-detail > .ch-destination-stay {
	padding: clamp(28px, 3.5vw, 48px) 0 clamp(40px, 5vw, 68px);
	background: var(--ch-color-ivory);
}

.ch-event-detail > .ch-destination-stay .ch-home-founder {
	width: 100%;
	margin: 0;
}

.ch-event-continue .ch-events-destinations__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	gap: var(--ch-space-24);
	padding-top: var(--ch-space-16);
}