/*================================================================
	ARTHAUS NEWSROOM ARTICLE - single-newsroom.php
	Values: _WORK/2026-08-19 Newsroom Article Template/design-tokens.md
	Base: home-page-core.css owns it (62.5% at 1920 and up, 0.523vw
	below, 2.083vw at 480 and below); never declare html font-size here
	Fonts: Playfair Display (headings, 900 for the masthead),
	       Source Sans Pro (body/UI)
	Clamp range: 1365px to 1920px viewport, minimum reached at 1365px
	Author: Splat, Inc.
================================================================*/


/*//// FONTS ////*/
/* Playfair 900 is required by the masthead; the home import stops at 700 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,600;1,700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap');


/*//// BOX SIZING ////*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }


/*//// GLOBAL DOCUMENT SET UP ////*/
/* Carried from home-page-2026.css so the newsroom single runs on the same
   62.5% rem base; body color is set literally (the home file's custom
   properties are undefined theme-wide, a known logged issue). */
html {
	width: 100%;
	width: 100vw;
	height: 100%;
	font-family: 'Source Sans Pro', sans-serif;
	/* NO font-size here: style.css sets the 10px base and home-page-core.css
	   (loaded before this file) owns the fluid vw scaling; an unconditioned
	   declaration in this later file would override the fluid media rules */
	line-height: 1.33;
	font-weight: normal;
	font-style: normal;
	color: #272727;
	text-rendering: optimizeLegibility;
}
body {
	width: 100%;
	width: 100vw;
	height: 100%;
	overflow-x: hidden;
	background-color: #ffffff;
}


/*//// SKIP TO CONTENT ////*/
a.skip-to-content {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 999;
	padding: 1rem;
	background: #000;
	color: #fff;
}
a.skip-to-content:focus {
	left: 0;
}


/*//// SCREEN READER TEXT ////*/
.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}


/*//// WRAPS MAIN AND SECTIONS (footer.php closes body outside the wrap) ////*/
div.page-container {
	position: relative;
	min-height: 100%;
	background-color: #ffffff;
}
main {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: auto;
	/* no margin shorthand here: style.css compensates for the fixed header
	   with main margin-top 100px (83px under 1090) and must keep winning */
	background-color: #ffffff;
}
section {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
div.container-content-width {
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0;
	background-color: inherit;
}


/*////// SHARED COMPONENTS //////*/
/*// BUTTON (carried from home-page-2026.css, home CSS is not enqueued here) //*/
.haus-btn {
	display: inline-block;
	padding: 2rem 3.5rem;
	margin: 0 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(16px, 2.4rem, 24px);
	line-height: 1;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	text-decoration: none;
	color: #0d3846;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	background-color: rgba(131, 238, 212, .75);
}
.haus-btn:hover {
	color: #000000;
	background-color: rgba(131, 238, 212, 1);
}


/*/////////// CONTENT SECTIONS //////////*/
/*////// NEWSROOM HERO SECTION //////*/
/*//// FLEX ////*/
section.newsroom-hero-section div.newsroom-hero-container {
	height: 39.4rem; /* 394px */
	padding: 0 1.9rem;
}
div.newsroom-hero-flex-container {
	height: 100%;
}
div.newsroom-hero-flex-container div.newsroom-hero-flex-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/*// ELEMENTS //*/
p.newsroom-hero-kicker {
	margin: 0 0 1.2rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2rem; /* 20px */
	font-size: clamp(14px, 2rem, 20px);
	line-height: 1.2;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.4rem; /* real tracking, never literal spaces in the copy */
	color: #1AB4A2;
}
h2.newsroom-hero-masthead {
	margin: 0 0 0.8rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 8rem; /* 80px */
	font-size: clamp(57px, 8rem, 80px);
	line-height: 1.1;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.4rem; /* 4px */
	color: #0D3846;
}
p.newsroom-hero-column-name {
	margin: 0 0 1.6rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 3.2rem; /* 32px */
	font-size: clamp(23px, 3.2rem, 32px);
	line-height: 1.2;
	font-weight: 700;
	font-style: italic;
	color: #1AB4A2;
}
p.newsroom-hero-byline {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(17px, 2.4rem, 24px);
	line-height: 1.3;
	font-weight: 400;
	color: #272727;
}
p.newsroom-hero-byline span.newsroom-byline-name {
	font-weight: 700;
	text-transform: uppercase;
}
p.newsroom-hero-byline span.newsroom-byline-separator {
	margin: 0 1rem;
}

/*// DECORATIVE //*/
section.newsroom-hero-section {
	background-color: #F7F7F7;
	border-bottom: 4px solid #1AB4A2;
}


/*////// NEWSROOM ARTICLE SECTION //////*/
/*//// FLEX ////*/
section.newsroom-article-section div.newsroom-article-container {
	padding: 6.2rem 10.2rem 8rem 30rem; /* comp: column x=300, right margin 102 */
}
div.newsroom-article-flex-container {
	justify-content: space-between;
	align-items: flex-start;
}
div.newsroom-article-flex-container div#newsroom-article-flex-item-1 {
	width: 64.6%; /* 981px of the 1518px content region */
}
div.newsroom-article-flex-container div#newsroom-article-flex-item-2 {
	width: 33%; /* 502px of the 1518px content region */
}

/*// ELEMENTS //*/
div.newsroom-featured-image {
	margin: 0 0 4rem 0;
}
div.newsroom-featured-image img {
	display: block;
	width: 100%;
	height: auto;
}
h1.newsroom-article-title {
	margin: 0 0 2.4rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 5rem; /* 50px */
	font-size: clamp(36px, 5rem, 50px);
	line-height: 1.2;
	font-weight: 700;
	color: #272727;
}
/* the green Playfair accent is scoped to H3 (Brian sets the accent line as
   Heading 3 in the editor); deck paragraphs are normal body copy */
div.newsroom-article-deck {
	margin: 0 0 4rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(16px, 1.8rem, 18px);
	line-height: 1.6;
	color: #272727;
}
div.newsroom-article-deck h3 {
	margin: 0 0 1.6rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.45;
	font-weight: 600;
	font-style: italic;
	color: #1AB4A2;
}
div.newsroom-article-deck p {
	margin: 0 0 1.6rem 0;
}
div.newsroom-article-deck strong {
	font-weight: 600;
}
div.newsroom-article-prose {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(16px, 1.8rem, 18px);
	line-height: 1.6;
	color: #272727;
}
div.newsroom-article-prose p {
	margin: 0 0 2.4rem 0;
}
div.newsroom-article-prose p strong {
	font-weight: bold;
}
div.newsroom-article-prose a { }

div.newsroom-article-prose h2 {
	margin: 4.8rem 0 2.4rem 0;
	padding-bottom: 2.3rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.3;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.36rem; /* 3.6px */
	color: #0D3846;
	border-bottom: 1px solid rgba(13, 56, 70, 0.2); /* the hairline treatment; hr stays untouched */
}
div.newsroom-article-prose h3 {
	margin: 3.2rem 0 1.6rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(16px, 1.8rem, 18px);
	line-height: 1.4;
	font-weight: 600;
	color: #272727;
}
div.newsroom-article-prose ul,
div.newsroom-article-prose ol {
	margin: 0 0 2.4rem 0;
	padding-left: 2.6rem; /* real list indent, replaces the Figma marker var */
}
div.newsroom-article-prose ul {
	list-style: disc; /* style.css zeroes list-style globally */
}
div.newsroom-article-prose ol {
	list-style: decimal;
}
div.newsroom-article-prose li {
	margin: 0 0 1rem 0;
}
div.newsroom-article-prose hr {
	height: 0;
	margin: 4rem 0;
	border: 0;
	border-top: 1px solid rgba(13, 56, 70, 0.2); /* the hairline rule */
}
div.newsroom-article-prose a {
	color: #1AB4A2;
	text-decoration: underline; /* style.css strips underlines globally; links must not be colour-only */
}
div.newsroom-article-prose a:hover {
	color: #0D3846;
}

/*// KEY TAKEAWAYS BOX //*/
div.newsroom-takeaways-box {
	margin: 0 0 4.8rem 0;
	padding: 3rem 3rem 3rem 3.5rem; /* 30px, left 35px */
	padding: 4rem 3rem 4rem 3.5rem;
	/* max() = a floor only, so the value stays exactly 3rem at full widths */
	/*padding: max(18px, 3rem) max(18px, 3rem) max(18px, 3rem) max(20px, 3.5rem);*/
	background-color: rgba(131, 238, 212, 0.15); /* brand mint at 15% */
	border-left: 5px solid #1AB4A2;
}
h2.newsroom-takeaways-heading {
	margin: 0 0 2.4rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.2;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.36rem; /* 3.6px */
	color: #1AB4A2;
}
ul.newsroom-takeaways-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.newsroom-takeaway-item {
	position: relative;
	margin: 0 0 2rem 0;
	padding-left: 3.2rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(16px, 1.8rem, 18px);
	line-height: 1.5;
	letter-spacing: 0.036rem;
	color: #0D3846;
}
li.newsroom-takeaway-item:last-of-type {
    margin: 0 0 0 0;
}

li.newsroom-takeaway-item a {
    color: #1AB4A2;
    color: #007769;
    text-decoration: underline;
}
li.newsroom-takeaway-item:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 1.8rem; /* 18px, one normalised star icon */
	height: 1.8rem;
	background-image: url('../img/svg/newsroom-takeaway-star.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
strong.newsroom-takeaway-lead {
	font-weight: 600;
}

/*// QUOTE CALLOUT (shortcode) //*/
/* style.css skins bare blockquotes (grey panel, 10px rule, quote glyphs,
   inline p); every one of those must be neutralised here */
blockquote.newsroom-quote-callout {
	position: relative;
	margin: 4.8rem 0 4.8rem 0;
	padding: 0 0 0 8rem; /* mark sits 80px left of the text */
	background: none;
	border-left: 0;
	quotes: none;
}
blockquote.newsroom-quote-callout:after {
	content: none;
}
blockquote.newsroom-quote-callout:before {
	content: '';
	position: absolute;
	left: 0;
	top: -1.3rem; /* mark rides 13px above the text */
	width: 5.9rem; /* 59px */
	height: 4.4rem; /* 44px */
	background-image: url('../img/svg/newsroom-quote-mark.svg');
	background-size: contain;
	background-repeat: no-repeat;
}
blockquote.newsroom-quote-callout p.newsroom-quote-callout-text {
	display: block;
	width: 95%;
	margin: 0 0 1.6rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 3.2rem; /* 32px */
	font-size: clamp(23px, 3.2rem, 32px);
	line-height: 1.35;
	font-weight: 600;
	font-style: italic;
	color: #1AB4A2;
}
blockquote.newsroom-quote-callout.newsroom-quote-small p.newsroom-quote-callout-text {
	font-size: 2.4rem; /* 24px, the small size parameter */
	font-size: clamp(18px, 2.4rem, 24px);
}
blockquote.newsroom-quote-callout footer.newsroom-quote-callout-attribution {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2rem; /* 20px */
	font-size: clamp(15px, 2rem, 20px);
	line-height: 1.58;
	font-weight: 600;
	text-transform: uppercase;
	color: #0D3846;
}

/*// CENTERED PULL QUOTE (shortcode variant) //*/
blockquote.newsroom-pull-quote-centered {
	margin: 4rem auto;
	padding: 0 4rem;
	text-align: center;
	background: none;
	border-left: 0;
	quotes: none;
}
blockquote.newsroom-pull-quote-centered:before,
blockquote.newsroom-pull-quote-centered:after {
	content: none;
}
blockquote.newsroom-pull-quote-centered p {
	display: block;
	margin: 0;
	font-family: 'Playfair Display', serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.5;
	font-weight: 600;
	color: #1AB4A2;
}
blockquote.newsroom-pull-quote-centered.newsroom-quote-large p {
	font-size: 3.2rem; /* 32px, the large size parameter */
	font-size: clamp(23px, 3.2rem, 32px);
}
/* large-on-callout and small-on-centered are the defaults and deliberately
   have no rules: a redundant declaration would outrank the mobile overrides */

/*// THE BOTTOM LINE //*/
div.newsroom-bottom-line {
	margin: 4.8rem 0 0 0;
}
h2.newsroom-bottom-line-heading {
	margin: 0 0 2.4rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.3;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.36rem;
	color: #0D3846;
}
div.newsroom-bottom-line-prose {
	text-align: center;
	font-family: "Playfair Display";
	font-size: 2.4rem;
	font-size: clamp(22px, 2.4rem, 24px);
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	color: #1AB4A2;
}
div.newsroom-bottom-line-prose p {
	margin: 0 0 2.4rem 0;
}

/*// FAQ //*/
div.newsroom-faq {
	margin: 4.8rem 0 0 0;
	padding-top: 4rem;
	border-top: 1px solid rgba(13, 56, 70, 0.2);
}
h2.newsroom-faq-heading {
	margin: 0 0 2.4rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.3;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.36rem;
	color: #0D3846;
}
div.newsroom-faq-item {
	margin: 0 0 3.2rem 0;
}
h3.newsroom-faq-question {
	margin: 0 0 1.2rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(16px, 1.8rem, 18px);
	line-height: 1.4;
	font-weight: 600;
	color: #272727;
}
div.newsroom-faq-answer {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(16px, 1.8rem, 18px);
	line-height: 1.6;
	color: #272727;
}
div.newsroom-faq-answer p {
	margin: 0 0 1.6rem 0;
}
div.newsroom-faq-answer ul,
div.newsroom-faq-answer ol {
	margin: 0 0 1.6rem 0;
	padding-left: 2.6rem;
}
div.newsroom-faq-answer ul {
	list-style: disc;
}
div.newsroom-faq-answer ol {
	list-style: decimal;
}
div.newsroom-faq-answer a {
	color: #1AB4A2;
	text-decoration: underline;
}

/*// AUTHOR CALLOUT //*/
div.newsroom-author-callout {
	margin: 4.8rem 0 0 0;
	padding: 3.5rem; /* 35px */
	padding: max(20px, 3.5rem); /* floor only, exact 3.5rem at full widths */
	background-color: #F5F5F5;
	border-left: 5px solid #1AB4A2;
}
div.newsroom-callout-inner {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 3.5rem;
	align-items: flex-start;
}
div.newsroom-callout-portrait {
	flex: 0 0 22.3rem; /* 223px */
}
div.newsroom-callout-portrait img {
	display: block;
	width: 22.3rem;
	height: 22.3rem;
	object-fit: cover;
	border-radius: 50%; /* the comp's circle is an SVG mask; a real img + radius here */
}
p.newsroom-callout-name {
	margin: 0 0 0.6rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 3.2rem; /* 32px */
	font-size: clamp(23px, 3.2rem, 32px);
	line-height: 1.2;
	font-weight: 600;
	color: #272727;
}
p.newsroom-callout-title {
	margin: 0 0 1.6rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(14px, 1.8rem, 18px);
	line-height: 1.3;
	font-weight: 600;
	font-style: italic;
	color: #1AB4A2;
}
div.newsroom-callout-bio {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem; /* 16px */
	font-size: clamp(14px, 1.6rem, 16px);
	line-height: 1.5;
	color: #272727;
}
div.newsroom-callout-bio p {
	margin: 0 0 1.2rem 0;
}

/*// DISCLOSURE (its own block above SOURCES, outside the callout box) //*/
div.newsroom-disclosure {
	margin: 4.8rem 0 0 0;
}
p.newsroom-disclosure-text {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem; /* 16px */
	font-size: clamp(14px, 1.6rem, 16px);
	line-height: 1.5;
	font-style: italic;
	color: #272727;
}

/*// SOURCES //*/
div.newsroom-sources {
	margin: 4.8rem 0 0 0;
	padding-top: 4rem;
	border-top: 1px solid rgba(13, 56, 70, 0.2);
}
h2.newsroom-sources-heading {
	margin: 0 0 2.4rem 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.3;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.36rem;
	color: #0D3846;
}
ol.newsroom-sources-list {
	margin: 0;
	padding-left: 2.6rem;
	list-style: decimal; /* style.css zeroes list-style globally */
}
li.newsroom-source-item {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.6rem; /* 16px */
	font-size: clamp(14px, 1.6rem, 16px);
	line-height: 3rem; /* 30px */
	letter-spacing: 0.036rem;
	color: #0D3846;
}

/*// SOURCE ATTRIBUTION (legacy press + summary entries) //*/
div.newsroom-source-attribution {
	margin: 4rem 0 0 0;
}
div.newsroom-source-attribution img {
	display: block;
	max-width: 24rem;
	height: auto;
}
p.newsroom-source-attribution-text {
	margin: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(15px, 1.8rem, 18px);
	font-weight: 600;
	color: #0D3846;
}

/*// BUTTONS AND LINKS //*/
div.newsroom-outbound-link {
	margin: 1.6rem 0 0 0;
}
div.newsroom-pdf-download {
	display: none !important;
	margin: 4.8rem 0 0 0;
}
li.newsroom-source-item a {
	color: #1AB4A2;
	text-decoration: underline;
}
li.newsroom-source-item a:hover {
	color: #0D3846;
}


/*////// NEWSROOM SIDEBAR //////*/
/*//// FLEX ////*/
aside.newsroom-sidebar {
	width: 100%;
	max-width: 50.2rem; /* 502px */
}

/*// ELEMENTS //*/
div.newsroom-sidebar-search {
	margin: 0 0 4rem 0;
}
/* the search form, field, submit and autocomplete styles moved to
   css/newsroom-search.css, single-sourced with the results page */
h2.newsroom-sidebar-heading {
	margin: 0 0 2rem 0;
	font-family: 'Playfair Display', serif;
	font-size: 2.4rem; /* 24px */
	font-size: clamp(18px, 2.4rem, 24px);
	line-height: 1.3;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.192rem; /* 1.92px */
	color: #153A49;
}
div.newsroom-sidebar-categories {
	margin: 0 0 4.8rem 0;
}
ul.newsroom-category-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.newsroom-category-item {
	margin: 0 0 1.2rem 0;
}
article.newsroom-recent-card {
	margin: 0 0 3.2rem 0;
}
div.newsroom-recent-thumb {
	width: 100%;
	max-width: 32.1rem; /* 321px */
	height: 18.1rem; /* 181px */
	margin: 0 0 0.7rem 0;
	overflow: hidden;
}
div.newsroom-recent-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
h3.newsroom-recent-title {
	margin: 0;
	max-width: 32.1rem;
	font-family: 'Playfair Display', serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(15px, 1.8rem, 18px);
	line-height: 1.444;
	font-weight: 600;
	color: #153A49;
}

/*// BUTTONS AND LINKS //*/
li.newsroom-category-item a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 2rem; /* 20px */
	font-size: clamp(15px, 2rem, 20px);
	font-weight: 600;
	text-decoration: none;
	color: #1AB4A2;
}
li.newsroom-category-item a:hover {
	color: #0D3846;
}
a.newsroom-recent-link {
	display: block;
	text-decoration: none;
}
a.newsroom-recent-link:hover h3.newsroom-recent-title {
	color: #1AB4A2;
}


/*////// NEWSROOM PREV / NEXT NAV SECTION //////*/
/*//// FLEX ////*/
section.newsroom-nav-section div.newsroom-nav-container {
	padding: 0 1.9rem 8rem 1.9rem;
}
div.newsroom-nav-flex-container div.newsroom-nav-flex-item {
	text-align: center;
}

/*// ELEMENTS //*/
nav.newsroom-nav {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8rem; /* 18px */
	font-size: clamp(15px, 1.8rem, 18px);
	font-weight: 600;
	color: #0D3846;
}
nav.newsroom-nav span.newsroom-nav-separator {
	margin: 0 1.6rem;
}

/*// BUTTONS AND LINKS //*/
nav.newsroom-nav a {
	text-decoration: none;
	color: #0D3846;
	transition: color 0.3s ease;
}
nav.newsroom-nav a:hover {
	color: #1AB4A2;
}


/*///////// RESPONSIVE / BREAKPOINTS ////////*/
/* The fluid html base (0.523vw under 1920, 2.083vw under 480) lives in
   home-page-core.css, enqueued with this file; one definition for home,
   single and archives. Breakpoints mirror the home page: 1090, 851, 480. */
@media only screen and (max-width: 1365px) { }

/*// TABLET - SIDEBAR DROPS BELOW THE ARTICLE //*/
/* collapses at 1090 (the home page's breakpoint): below it the 33% sidebar
   falls under ~280px and the recent-post cards stop being readable */
@media only screen and (max-width: 1090px) {

	/* max() floors keep the band's spacing readable while rem shrinks */
	section.newsroom-article-section div.newsroom-article-container { padding: max(24px, 4rem) max(20px, 3rem) max(32px, 6rem) max(20px, 3rem); }
	div.newsroom-article-flex-container div#newsroom-article-flex-item-1 { width: 100%; }
	div.newsroom-article-flex-container div#newsroom-article-flex-item-2 { width: 100%; }
	aside.newsroom-sidebar { max-width: 100%; margin-top: max(32px, 6rem); }
	div.newsroom-recent-thumb { max-width: 321px; height: 181px; }
	h3.newsroom-recent-title { max-width: 321px; }

}

/*// SMALL TABLET (mirrors the home page's 851 block) //*/
@media only screen and (max-width: 851px) {

	/* the hero band's fixed height gets tight once the byline wraps;
	   same height-auto-plus-padding reset the home containers use */
	section.newsroom-hero-section div.newsroom-hero-container { height: auto; padding: max(28px, 5.6rem) max(14px, 1.9rem); }
	div.newsroom-callout-inner { gap: max(18px, 3.5rem); }

}

/*// MOBILE SCREEN //*/
/* STATIC PX by Brian's recorded call (2026-08-20): under 480 the fluid base
   (2.083vw) undersizes every rem against the Figma mobile frame, and 480 to
   320 does not need scaling. This band deliberately breaks the rem
   convention; do NOT "correct" it back to rem, and do NOT touch the fluid
   base itself (home-page-core.css). Values are the 402px frame's. */
@media only screen and (max-width: 480px) {

	/*////// HERO SECTION //////*/
	section.newsroom-hero-section div.newsroom-hero-container { height: auto; padding: 48px 19px; }
	p.newsroom-hero-kicker { font-size: 16px; letter-spacing: 2.25px; }
	h2.newsroom-hero-masthead { font-size: 44px; letter-spacing: 2.25px; }
	p.newsroom-hero-column-name { font-size: 20px; }
	p.newsroom-hero-byline { font-size: 18px; }
	p.newsroom-hero-byline span { display: block; }
	p.newsroom-hero-byline span.newsroom-byline-separator { display: none; } /* pipes are decorative and drop on mobile */

	/*////// ARTICLE //////*/
	/* base gutter 19/20; the H1 block, Key Takeaways box and search sit 5px
	   further in (24/20), per the frame's non-uniform gutters */
	section.newsroom-article-section div.newsroom-article-container { padding: 32px 20px 48px 19px; }
	h1.newsroom-article-title { margin-left: 5px; font-size: 32px; }
	div.newsroom-featured-image { margin-bottom: 26px; }
	div.newsroom-article-deck { font-size: 18px; }
	div.newsroom-article-deck h3 { font-size: 24px; }
	div.newsroom-article-prose { font-size: 18px; }
	div.newsroom-article-prose h2 { padding-bottom: 12px; font-size: 24px; letter-spacing: 2px; }
	div.newsroom-article-prose h3 { font-size: 18px; }
	div.newsroom-takeaways-box { margin-left: 5px; padding: 30px 20px 30px 13px; }
	h2.newsroom-takeaways-heading { font-size: 24px; letter-spacing: 3.6px; letter-spacing: 2px; }
	li.newsroom-takeaway-item { padding-left: 32px; font-size: 18px; letter-spacing: .36px; }
	li.newsroom-takeaway-item:before { width: 18px; height: 18px; } /* star stays paired with the 18px text */
	blockquote.newsroom-quote-callout { padding: 56px 0 0 0; } /* mark moves above the text */
	blockquote.newsroom-quote-callout:before { top: 0; width: 59px; height: 44px; } /* the mark's design size */
	p.newsroom-source-attribution-text { font-size: 18px; }
	blockquote.newsroom-quote-callout p.newsroom-quote-callout-text { font-size: 32px; }
	blockquote.newsroom-quote-callout.newsroom-quote-small p.newsroom-quote-callout-text { font-size: 24px; }
	blockquote.newsroom-quote-callout footer.newsroom-quote-callout-attribution { font-size: 20px; line-height: 1.58; }
	blockquote.newsroom-pull-quote-centered p { font-size: 24px; }
	blockquote.newsroom-pull-quote-centered.newsroom-quote-large p { font-size: 32px; }
	h2.newsroom-bottom-line-heading { font-size: 24px; letter-spacing: 3.6px; letter-spacing: 2px; }
	div.newsroom-bottom-line-prose { font-size: 18px; }
	h2.newsroom-faq-heading { font-size: 24px; letter-spacing: 3.6px; letter-spacing: 2px; }
	h3.newsroom-faq-question { font-size: 18px; }
	div.newsroom-faq-answer { font-size: 18px; }

	/*////// AUTHOR CALLOUT //////*/
	/* frame: portrait ABOVE the text, both LEFT-aligned, portrait 223px */
	div.newsroom-author-callout { padding: 30px 20px; }
	div.newsroom-callout-inner { flex-direction: column; align-items: flex-start; text-align: left; gap: 20px; }
	div.newsroom-callout-portrait { flex: 0 0 auto; }
	div.newsroom-callout-portrait img { width: 223px; height: 223px; }
	p.newsroom-callout-name { font-size: 32px; }
	p.newsroom-callout-title { font-size: 18px; }
	p.newsroom-disclosure-text { font-size: 16px; }
	div.newsroom-callout-bio { font-size: 16px; }

	/*////// SOURCES //////*/
	h2.newsroom-sources-heading { font-size: 24px; letter-spacing: 3.6px; letter-spacing: 2px; }
	li.newsroom-source-item { font-size: 16px; line-height: 30px; }

	/*////// SIDEBAR //////*/
	/* frame gutters inside the sidebar: search x24 (+5), text x27 (+8),
	   thumbnails x28 (+9) off the 19px base */
	div.newsroom-sidebar-search { margin-left: 5px; }
	h2.newsroom-sidebar-heading { margin-left: 8px; font-size: 24px; letter-spacing: 1.92px; }
	ul.newsroom-category-list { margin-left: 8px; }
	li.newsroom-category-item a { font-size: 20px; }
	article.newsroom-recent-card { margin-left: 9px; }
	div.newsroom-recent-thumb { max-width: 321px; height: auto; aspect-ratio: 321 / 181; }
	h3.newsroom-recent-title { max-width: 321px; font-size: 18px; line-height: 1.444; }

	/*////// PREV / NEXT NAV //////*/
	section.newsroom-nav-section div.newsroom-nav-container { padding: 0 20px 48px 19px; }
	nav.newsroom-nav { font-size: 18px; }

}