/* v0.9.6: compact hero rhythm and card flow led by the event description. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-hero {
	grid-template-columns: minmax(0, 1fr) minmax(240px, 300px) !important;
	gap: clamp(34px, 5vw, 72px) !important;
	align-items: start !important;
	padding: clamp(48px, 6vw, 76px) clamp(20px, 6vw, 100px) 28px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-hero h1 {
	max-width: 820px !important;
	font-size: clamp(48px, 5.2vw, 76px) !important;
	line-height: .98 !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-hero-side {
	width: min(300px, 100%) !important;
	justify-self: end !important;
	align-self: center !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-events {
	padding-top: 28px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-section-heading {
	margin-bottom: 28px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-event-group + .te-event-group {
	margin-top: clamp(52px, 6vw, 82px) !important;
}

/* Date/time, title, description, location, tags, action. */
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-body {
	grid-template-rows: 23px 66px 68px 34px 34px 42px !important;
}

#ajax-content-wrap .container.main-content .te-classic-shell .te-event-meta { grid-row: 1 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-body h3 { grid-row: 2 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-description { grid-row: 3 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-when-place { grid-row: 4 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-filter-tags { grid-row: 5 !important; }
#ajax-content-wrap .container.main-content .te-classic-shell .te-card-bottom { grid-row: 6 !important; }

@media (max-width: 800px) {
	#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-hero {
		grid-template-columns: 1fr !important;
	}
	#ajax-content-wrap .container.main-content .te-classic-shell .te-hero-side {
		justify-self: start !important;
	}
}

@media (max-width: 560px) {
	#ajax-content-wrap .container.main-content .te-classic-shell .te-classic-hero {
		padding: 46px 18px 24px !important;
	}
	#ajax-content-wrap .container.main-content .te-classic-shell .te-card-body {
		grid-template-rows: 23px 66px 70px 34px 34px 42px !important;
	}
}