/**
 * Archive and listing views.
 */

.ite-archive__header {
	margin-bottom: var(--ite-12);
}

.ite-archive__title {
	margin-bottom: var(--ite-4);
	font-size: var(--ite-text-3xl);
}

/* The prose tokens are all one page width now, so a reading measure here
   is stated in characters rather than borrowed from the layout. */
.ite-archive__intro,
.ite-archive__standfirst {
	margin: 0;
	max-width: 68ch;
	font-size: var(--ite-text-lg);
	color: var(--ite-text-muted);
	line-height: var(--ite-leading-snug);
}

.ite-archive__intro > * + * {
	margin-top: var(--ite-3);
}

.ite-archive__count {
	margin: 0;
	font-size: var(--ite-text-sm);
	color: var(--ite-text-muted);
}

.ite-section {
	padding-block: var(--ite-12);
}

.ite-section__header {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--ite-3);
	margin-bottom: var(--ite-4);
}

.ite-section__title {
	margin: 0;
	font-size: var(--ite-text-2xl);
}

.ite-section__link {
	font-size: var(--ite-text-sm);
	font-weight: 500;
}

.ite-section__intro {
	margin: 0 0 var(--ite-8);
	max-width: 68ch;
	color: var(--ite-text-muted);
}

.ite-card--tool {
	background: var(--ite-surface);
}