/* Article page fixes (moved from mu-plugin sf-core-fixes.php 2026-11-02). Loaded by header.php. */

/* style.css resets ol/ul/li to margin:0;padding:0, so numbers/bullets hung outside the text column and
   list text was smaller than paragraphs. Only lists written in the post body (direct children), so
   injected ad cards and widgets are untouched. */
.news-single .post_content > ul,
.news-single .post_content > ol,
.news-single .post_content li > ul,
.news-single .post_content li > ol {
	margin: 0 0 20px;
	padding-left: 2em;
}
.news-single .post_content li > ul,
.news-single .post_content li > ol {
	margin: 6px 0 0;
}
.news-single .post_content > ul,
.news-single .post_content li > ul {
	list-style: disc outside;
}
.news-single .post_content li > ul ul {
	list-style-type: circle;
}
.news-single .post_content > ol,
.news-single .post_content li > ol {
	list-style: decimal outside;
}
.news-single .post_content > ul > li,
.news-single .post_content > ol > li,
.news-single .post_content li > ul > li,
.news-single .post_content li > ol > li {
	font-size: 18px;
	line-height: 30px;
	color: #232323;
	margin: 0 0 6px;
	padding-left: .2em;
}
.news-single .post_content li > p {
	padding-bottom: 0;
}

/* The top image has no width rule, so 600px-wide topimg files rendered narrower than the ~675px column. */
.news-single .featured_image img {
	display: block;
	width: 100%;
	height: auto;
}

/* Heading scale. single.css sizes .post_content headings in em of the 16px browser default while body
   text is 18px, so H3 equalled body text and H4-H6 were SMALLER than it, and a content H1 (32px) was
   bigger than the article title (30px). page.php (e.g. /accessibility) has no .article_content wrapper,
   so its title H1 matched no rule and rendered at ~14px. */
.news-single .article_title h1 {
	font-size: 30px;
	line-height: 44px;
	text-align: center;
	padding-bottom: 15px;
}
.news-single .post_content h1,
.news-single .post_content h2,
.news-single .post_content h3,
.news-single .post_content h4,
.news-single .post_content h5,
.news-single .post_content h6 {
	color: #232323;
	font-weight: bold;
	line-height: 1.4;
	margin: 10px 0 14px;
}
.news-single .post_content h1 { font-size: 28px; }
.news-single .post_content h2 { font-size: 24px; }
.news-single .post_content h3 { font-size: 21px; }
.news-single .post_content h4 { font-size: 19px; }
.news-single .post_content h5,
.news-single .post_content h6 { font-size: 18px; }

/* Responsive embedded videos (.sf-video wrapper, e.g. /about-us) */
.sf-video{position:relative;width:100%;max-width:640px;aspect-ratio:16/9;margin:10px 0 20px}
.sf-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* Links in article/page text. single.css only colours `p a` (#0f64d1, no underline), so links in lists,
   tables and headings fell back to global1.css `a{color:#000}` and looked like plain text. One colour
   for every text link, underlined so it doesn't rely on colour alone (WCAG 1.4.1). Direct children of
   the content box only, so the related list, share buttons and ad cards (classed links) are untouched. */
.news-single :is(.post_content, .article_content) > :is(p, ul, ol, blockquote, table, h2, h3, h4, h5, h6) a:not([class]),
.news-single :is(.post_content, .article_content) > :is(p, ul, ol, blockquote, table, h2, h3, h4, h5, h6) a:not([class]):visited {
	color: #0645ad;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.news-single :is(.post_content, .article_content) > :is(p, ul, ol, blockquote, table, h2, h3, h4, h5, h6) a:not([class]):hover {
	color: #b90f0a;
}