:root {
	--gp-text-xs: 11px;
	--gp-text-sm: 12px;
	--gp-text-md: 14px;
	--gp-text-lg: 16px;
	--gp-title-sm: 18px;
	--gp-title-md: 22px;
}

body {
	font-size: var(--gp-text-md);
	line-height: 1.8;
}

.desktop-nav a,
.menu-list a {
	font-size: 13px;
}

.date-chip,
.news-ticker,
.ticker-track span {
	font-size: var(--gp-text-sm);
}

.breadcrumb {
	font-size: var(--gp-text-sm);
}

.page-intro .intro-copy p,
.hero-copy p,
.panel-head p,
.section-head p,
.info-strip p {
	font-size: 13px;
}

/* Summary and metric cards */
.summary-card {
	min-height: 96px;
	padding: 17px 18px;
	gap: 14px;
}

.summary-icon {
	width: 46px;
	height: 46px;
	flex: 0 0 46px;
}

.summary-copy span,
.api-stat span,
.stat > span {
	font-size: 13px;
	font-weight: 750;
	line-height: 1.6;
}

.summary-copy strong {
	margin-top: 5px;
	font-size: 18px;
	line-height: 1.45;
}

.summary-copy small,
.api-stat small {
	font-size: var(--gp-text-sm);
}

.api-stat {
	min-height: 96px;
}

.api-stat strong,
.stat strong {
	font-size: var(--gp-text-lg);
}

/* Tables and tool surfaces */
.prices-table,
.price-table,
.history-table {
	font-size: 13px;
}

.prices-table th,
.price-table th,
.history-table th,
.toolbar p,
.table-footer,
.live-state,
.update-button,
.market-tab,
.category-tab {
	font-size: var(--gp-text-sm);
}

.asset-cell,
.main-price {
	font-size: var(--gp-text-md);
}

.unit {
	font-size: var(--gp-text-xs);
}

/* News, content, API and supporting copy */
.news-meta,
.article-meta,
.feature p,
.step p,
.faq p,
.plan p,
.lead-copy p,
.lead-points li,
.coverage-item,
.endpoint,
.form-note {
	font-size: var(--gp-text-sm);
}

.news-item h3,
.related-card h3,
.feature h3,
.step h3,
.faq h3 {
	font-size: 14px;
}

.article-body,
.article-body p,
.analysis-panel > p {
	font-size: 14px;
}

.footer-brand p,
.footer-column a,
.footer-status {
	font-size: var(--gp-text-sm);
}

.footer-column h3 {
	font-size: 14px;
}

@media (max-width: 560px) {
	:root {
		--gp-text-md: 13px;
	}

	.summary-card {
		min-height: 82px;
		padding: 13px;
		gap: 10px;
	}

	.summary-icon {
		width: 38px;
		height: 38px;
		flex-basis: 38px;
	}

	.summary-copy span,
	.api-stat span,
	.stat > span {
		font-size: 12px;
	}

	.summary-copy strong {
		font-size: 15px;
	}

	.breadcrumb,
	.nav-item {
		font-size: 10px;
	}
}