/**
 * Editorial: blog archive, single post and search result styling.
 */

.badge {
	display: inline-block;
	padding: 2px var(--sp-2xs);
	background-color: var(--c-brand-tint);
	color: var(--c-brand-darker);
	border-radius: var(--radius-pill);
	font-size: var(--fs-xs);
	font-weight: var(--fw-medium);
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.card--search .card__media {
	aspect-ratio: 16 / 9;
}

.page-header__search {
	max-width: 420px;
	margin-top: var(--sp-sm);
}

.search-query {
	color: var(--c-brand);
}

/* --- Single post ----------------------------------------------------- */

.entry-content > * + * {
	margin-top: var(--sp-sm);
}

.entry-content h2 {
	margin-top: var(--sp-lg);
}

.entry-content h3 {
	margin-top: var(--sp-md);
}

.entry-content img {
	border-radius: var(--radius-md);
}

.page-links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-3xs);
	margin-top: var(--sp-lg);
}

/* --- Widgets --------------------------------------------------------- */

.widget + .widget {
	margin-top: var(--sp-lg);
}

.widget-title {
	margin-bottom: var(--sp-2xs);
	font-size: var(--fs-md);
}

.widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.widget li + li {
	margin-top: var(--sp-3xs);
	padding-top: var(--sp-3xs);
	border-top: 1px solid var(--c-border);
}