/*
 * Blog heading (ADR 0063): the blog page's title, a sentence and the category buttons (the Articles
 * filter pills, posts/style.css), in the shared page title band (page-title/style.css, ADR 0065): its
 * background, height, alignment and title size come from Site settings → Page title.
 */
.sv-blog-header__text {
	margin: 0;
	max-inline-size: 44rem;
	color: var(--sv-color-muted);
	font-size: calc(var(--sv-size-body) * 1.1);
}

.sv-blog-header .sv-blog-header__cats {
	margin-block: 0.5rem 0;
}

.sv-titleband--align-center .sv-blog-header__cats {
	justify-content: center;
}

/* On the accent, dark or a picture the buttons follow the band's light text. */
:is(.sv-titleband--bg-accent, .sv-titleband--bg-dark, .sv-titleband--bg-image.sv-titleband--tone-light) .sv-blog-header__cats .sv-posts__filter:not([aria-current="page"]) {
	border-color: var(--sv-color-border);
	color: var(--sv-color-text);
}

:is(.sv-titleband--bg-accent, .sv-titleband--bg-dark, .sv-titleband--bg-image.sv-titleband--tone-light) .sv-blog-header__cats .sv-posts__filter[aria-current="page"] {
	border-color: var(--sv-color-text);
	background: var(--sv-color-text);
	color: var(--sv-color-inverse);
}