/* Site-wide fixes (design audit Phase 0b). Served whole after the stored used CSS, so these win;
   see inc/wp-rocket-exclusions.php and inc/site-chrome/assets.php. */

/* Footer: an affiliate note stacks under its link label; single-line links keep their place. */
.roc-site-footer__list a {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.roc-site-footer .roc-affiliate-note {
	display: block;
	max-width: 24rem;
	margin-top: 0.25rem;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.4;
	white-space: normal;
}

/* Course articles: headings in the loaded faces instead of the unloaded "Source Sans Pro".
   :where() keeps course-article.css's specificity, so two-class heading rules still win. The H2
   metrics are restated for unprocessed views, where the kit's h2 rule (base.css) prints later. */
.course-article-content .article-title,
:where(.course-article-content) .main-content h2 {
	font-family: var(--roc-font-display, "Raleway", ui-sans-serif, system-ui, sans-serif);
	font-variant-numeric: lining-nums;
}

:where(.course-article-content) .main-content h2 {
	color: #1a1a1a;
	font-size: 1.8rem;
	line-height: 1.4;
}

:where(.course-article-content) .main-content h3,
:where(.course-article-content) .main-content h4 {
	font-family: var(--roc-font-body, "Roboto", ui-sans-serif, system-ui, sans-serif);
}

@media (max-width: 768px) {
	:where(.course-article-content) .main-content h2 {
		font-size: 1.5rem;
	}
}