/*
Pages
Page-specific compositions for public marketplace screens.
*/

.section-heading {
	display: grid;
	max-width: 48rem;
	gap: var(--wt-space-2);
}

.section-heading h2,
.public-page-hero h1,
.market-listing-hero__copy h1 {
	font-size: var(--wt-step-3);
}

.section-heading p,
.public-page-hero p,
.market-listing-hero p {
	color: var(--wt-color-muted);
}

.section-heading--inline {
	display: flex;
	max-width: none;
	flex-wrap: wrap;
	align-items: end;
	justify-content: space-between;
	gap: var(--wt-space-4);
}

.public-page-hero,
.market-listing-hero,
.page-hero {
	display: grid;
	gap: var(--wt-space-4);
	border-bottom: 1px solid var(--wt-color-line);
	padding-block: var(--wt-space-8);
}

.page-hero__inner {
	display: grid;
	gap: var(--wt-space-6);
	padding-block: var(--wt-space-10);
}

.page-hero__content {
	display: grid;
	max-width: 56rem;
	gap: var(--wt-space-4);
}

.page-hero h1 {
	font-size: clamp(3rem, 6vw, 4rem);
}

.page-hero p {
	max-width: 42rem;
	color: var(--wt-color-muted);
}

.page-hero__card,
.market-listing-hero__panel {
	padding: var(--wt-space-5);
}

.hero-stats {
	display: grid;
	gap: var(--wt-space-2);
	margin: 0;
	padding: 0;
	color: var(--wt-color-muted);
	list-style: none;
}

.country-overview {
	display: grid;
	gap: var(--wt-space-6);
	padding: var(--wt-space-6);
}

.country-overview__stats {
	display: grid;
	gap: var(--wt-space-3);
}

.country-stat strong {
	display: block;
	font-size: 1.875rem;
}

.country-stat span {
	color: var(--wt-color-muted);
	font-size: var(--wt-step-0);
}