/* ============================================================
   Inner-page Site Header — teal recolor
   Reuses .dgs2-pfc-site-header + #pfc-overlay from the base header CSS.
   ============================================================ */

/* Solid teal bar (inner pages have no hero behind the header) */
.dgs2-pfc-site-header#pfc-site-header-ht,
.dgs2-pfc-site-header#pfc-site-header-ht .pfch-main { background: #142646; }

/* Align the brand with the page content container (max 1500, 20px gutter) */
.dgs2-pfc-site-header#pfc-site-header-ht .pfch-main-inner {
	max-width: 1500px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

/* Overlay — PFC teal accents (layout/padding from base dgs2-pfc-site-header.css) */
#pfc-overlay.dgs2-pfc-overlay {
	--pfco-accent: #ff8a2b;
	--pfco-accent-2: #698bc5;
}
#pfc-overlay .pfco-brand-name .pfch-brand-accent { color: #4f74b3; }
#pfc-overlay .pfco-tile::before { color: rgba(255, 138, 43, 0.78); }
#pfc-overlay .pfco-col-title { border-left-color: #698bc5; }
#pfc-overlay .pfco-col-list svg { color: #698bc5; }
#pfc-overlay .pfco-social a:hover {
	background: rgba(105, 139, 197, 0.22);
	border-color: rgba(105, 139, 197, 0.5);
}
#pfc-overlay .pfco-readmore::after { color: #ff8a2b; }