/* HMBD / Royal blue, deep navy, clear space. Shared across all seven routes. */
:root {
	--hmbd-blue: #0756ef;
	--hmbd-blue-hover: #0646c6;
	--hmbd-navy: #102d55;
	--hmbd-ink: #152d4c;
	--hmbd-muted: #52667f;
	--hmbd-paper: #f7f9fd;
	--hmbd-white: #ffffff;
	--hmbd-mint: #e6efff;
	--hmbd-sky: #bdd8ff;
	--hmbd-line: #dbe4f0;
	--hmbd-shadow: 0 18px 50px #102d5509;
	--brand-forest: var(--hmbd-navy);
	--brand-leaf: var(--hmbd-blue);
	--brand-paper: var(--hmbd-paper);
	--modern-ink: var(--hmbd-navy);
	--modern-mint: #e6efff;
	--modern-line: #102d551c;
	--text-primary: #152d4c;
	--text-secondary: #405671;
	--text-muted: #4c627c;
	--text-on-dark: #f6f9ff;
	--text-on-dark-secondary: #cfdef2;
	--text-on-dark-muted: #b5cae5;
}
body {
	color: var(--hmbd-ink);
	background: var(--hmbd-paper);
}
h1,
h2,
h3 {
	text-rendering: optimizeLegibility;
}
p {
	color: var(--hmbd-muted);
}
button,
input,
select,
textarea {
	accent-color: var(--hmbd-blue);
}
:focus-visible {
	outline-color: var(--hmbd-blue);
}
.eyebrow {
	color: var(--hmbd-blue);
}
.text-link {
	color: var(--hmbd-blue);
	text-underline-offset: 5px;
}

/* Quiet navigation lets the original hands-and-wordmark artwork lead. */
.nav.nav-signature {
	background: #f7f9fdf0;
}
.nav-signature .nav-shell {
	border-radius: 14px;
	box-shadow: 0 6px 24px #102d5507;
}
.nav-signature .brand-logo {
	border: 0;
	background: none;
	box-shadow: none;
}
.nav-signature nav > a {
	font-size: 12px;
	letter-spacing: -0.01em;
}
.nav-signature .nav-actions .nav-donate {
	border-radius: 9px;
}
.nav-signature .nav-actions .nav-cta {
	border-radius: 9px;
}
.nav-signature .menu-icon i {
	background: var(--hmbd-navy);
}

/* Documentary photography, readable navy overlays and a restrained blue accent. */
.home-page .hero.hero-slider {
	border-bottom: 4px solid var(--hmbd-blue);
	min-height: clamp(680px, calc(100svh - var(--nav-height)), 900px);
	padding-top: clamp(70px, 7vw, 112px);
}
.home-page .hero.hero-slider:after {
	background:
		linear-gradient(90deg, #071d3ae8 0%, #0b2445ba 35%, #0b244526 78%),
		linear-gradient(0deg, #071d3af0 0%, transparent 66%);
}
.home-page .hero-slider .hero-copy {
	max-width: 740px;
}
.home-page .hero-slider h1 {
	font-family: var(--hmbd-body);
	font-size: clamp(52px, 6.1vw, 92px);
	font-weight: 500;
	letter-spacing: -0.065em;
	line-height: 1.06;
	color: white;
}
.home-page .hero-slider h1 em {
	font-weight: 400;
	color: #bdd8ff;
	letter-spacing: -0.055em;
}
.home-page .hero-slider .hero-copy > p {
	max-width: 475px;
	color: #e4edfc;
	font-size: 16px;
}
.home-page .hero-slider .hero-actions .button {
	border-radius: 9px;
	min-height: 54px;
}
.home-page .hero-slider .hero-bottom {
	border-color: #d3e3fc3d;
	padding-top: 26px;
}
.hero-slider .hero-footprint strong {
	font-family: var(--hmbd-body);
	font-weight: 500;
	letter-spacing: -0.04em;
}
.hero-slider .hero-footprint span {
	color: #d3e3fc;
}
.hero-slider .hero-image-caption > div > span {
	color: #fff;
}
.hero-slider .hero-photo-source,
.hero-slider .hero-slide-count {
	color: #d3e3fc;
}
.hero-slider .hero-pagination button[aria-current="true"] {
	color: white;
}
.hero-slider .hero-pagination button[aria-current="true"] i {
	background: #bdd8ff;
}
.hero-slider .hero-slider-actions button {
	background: #102d5580;
	border-color: #d3e3fc60;
}

/* Alternate white, blue paper and navy to give long pages a clear rhythm. */
.home-page .home-welcome.welcome-editorial {
	background: white;
	padding-top: 46px;
}
.welcome-editorial-top {
	border-color: var(--hmbd-line);
}
.welcome-editorial .welcome-edition,
.welcome-editorial .welcome-section-number {
	color: #52667f;
}
.home-page .welcome-editorial h2 {
	color: var(--hmbd-navy);
}
.welcome-editorial h2 em {
	color: var(--hmbd-blue);
}
.welcome-editorial .welcome-paths {
	border-color: var(--hmbd-line);
	border-radius: 16px;
}
.home-page .welcome-editorial .welcome-path-give {
	background: #eef4ff;
}
.welcome-editorial .welcome-path-top {
	color: #426184;
}
.welcome-editorial .welcome-path-bottom {
	color: var(--hmbd-blue);
}
.welcome-editorial .welcome-path-bottom > span {
	border-color: #c7d9f8;
	color: var(--hmbd-blue);
}
.welcome-editorial .official-overview {
	background: var(--hmbd-navy);
	border-radius: 16px;
}
.welcome-editorial .official-stat-grid dd {
	font-weight: 500;
}
.home-page .purpose-section {
	background: var(--hmbd-paper);
}
.purpose-copy h2 em {
	color: var(--hmbd-blue);
}
.purpose-values span {
	background: #e6efff;
	border-color: #d3e3fc;
	color: #23466c;
}
.purpose-seal {
	background: var(--hmbd-blue);
	color: white;
	border-color: #ffffff70;
}
.purpose-seal strong {
	color: white;
}
.executive-section {
	background: #fff;
}
.executive-heading h2,
.executive-heading h2 em {
	color: var(--hmbd-navy);
}
.executive-card {
	border-color: var(--hmbd-line);
}
.executive-card h3 {
	color: var(--hmbd-navy);
}
.executive-card .executive-role {
	color: var(--hmbd-blue);
}
.executive-preview-note {
	background: #f0f5ff;
	border-color: #d3e3fc;
	color: #52667f;
}

.home-page .achievement-section {
	background: radial-gradient(ellipse at 12% 0%, #0756ef40, transparent 55%), #0b2445;
	color: white;
}
.achievement-section h2 {
	color: white;
}
.achievement-section h2 em,
.achievement-section .eyebrow {
	color: #bdd8ff;
}
.achievement-section .section-head p {
	color: #d3e3fc;
}
.home-page .program-discovery {
	background: #f0f5ff;
	border-block: 1px solid #dbe4f0;
}
.program-discovery-head h2 {
	color: var(--hmbd-navy);
}
.program-discovery-head .eyebrow {
	color: var(--hmbd-blue);
}
.program-navigation {
	border-color: #dbe4f0;
	box-shadow: 0 12px 40px #102d5508;
}
.home-page .program-tab[aria-selected="true"] {
	background: var(--hmbd-blue);
	border-color: var(--hmbd-blue);
	color: white;
}
.home-page
	.program-tab[aria-selected="true"]
	:is(.program-tab-index, .program-tab-arrow, .program-tab-name) {
	color: white;
}
.home-page .program-tab[aria-selected="true"] .program-tab-icon {
	color: white;
	background: #ffffff1f;
	border-color: #ffffff38;
}
.program-feature .button,
.program-feature-copy .button {
	background: var(--hmbd-blue);
	color: white;
	border-color: var(--hmbd-blue);
}
.home-page .community-stories {
	background: white;
}
.story-tabs button[aria-selected="true"] {
	background: var(--hmbd-navy);
	color: white;
	box-shadow: inset 0 -3px var(--hmbd-blue);
}
.story-tabs button[aria-selected="true"] .story-tab-number {
	color: #bdd8ff;
}
.home-page .care-evidence {
	background: #0b2445;
	color: white;
}
.care-evidence :is(h2, h3) {
	color: white;
}
.care-evidence :is(.eyebrow, h2 em) {
	color: #bdd8ff;
}
.care-evidence p {
	color: #d3e3fc;
}
.home-page .recovery-section {
	background: var(--hmbd-paper);
}
.home-page .hmbd-news {
	background: white;
}
.home-page .purpose-studio {
	background: #f0f5ff;
}
.purpose-studio .purpose-visual {
	background: radial-gradient(ellipse at 30% 10%, #0756ef55, transparent 70%), #102d55;
}
.purpose-studio .purpose-core {
	border-color: #d3e3fc;
	box-shadow: 0 12px 50px #102d5514;
}
.purpose-studio .partner-choice[aria-selected="true"] {
	background: var(--hmbd-blue);
	color: white;
	border-color: var(--hmbd-blue);
}
.purpose-studio .partner-choice[aria-selected="true"] :is(span, small, strong) {
	color: inherit;
}
.home-page .evidence-section {
	background: white;
}
.home-page .faq-section {
	background: white;
}
.faq-item summary {
	color: var(--hmbd-navy);
}
.faq-item[open] {
	background: #f0f5ff;
}

/* Form surfaces and active controls follow one recognizable action color. */
.home-page .donation-section.donation-professional {
	background: #f0f5ff;
	border-top-color: #dbe4f0;
}
.donation-professional .donation-story h2 {
	color: var(--hmbd-navy);
}
.donation-professional .donation-story h2 em {
	color: var(--hmbd-blue);
}
.donation-professional .donation-card {
	background: white;
	border-color: #d3e3fc;
	box-shadow: 0 20px 70px #102d550b;
}
.donation-professional .donation-process li > span {
	background: white;
	border-color: #c7d9f8;
	color: var(--hmbd-blue);
}
.donation-professional .donation-method:has(input:checked) {
	background: #eef4ff;
	border-color: var(--hmbd-blue);
	box-shadow: inset 0 0 0 1px #0756ef20;
}
.donation-professional .donation-method:has(input:checked) .donation-method-icon {
	color: var(--hmbd-blue);
}
.donation-professional .donation-selection-summary {
	background: #f0f5ff;
	border-color: #d3e3fc;
}
.donation-professional .donation-review {
	border-radius: 9px;
}
.contact-section {
	background: radial-gradient(ellipse at 0 0, #0756ef35, transparent 60%), #0b2445;
}
.contact-section .contact-copy h2 {
	color: white;
}
.contact-section .contact-copy h2 em,
.contact-section .contact-copy .eyebrow {
	color: #bdd8ff;
}
.contact-section .contact-copy p {
	color: #d3e3fc;
}
.contact-section .contact-form {
	border-color: #d3e3fc33;
}
.contact-section .contact-form-note {
	color: #52667f;
}
.contact-section .contact-topics label:has(input:checked) {
	border-color: var(--hmbd-blue);
	background: #e6efff;
	color: var(--hmbd-blue);
}

/* Full Atlas chrome and quantitative blue scale, with sector colors retained. */
.home-page .atlas {
	background: var(--hmbd-paper);
}
.home-page .atlas-console {
	border-color: #dbe4f0;
	border-radius: 18px;
}
.home-page .atlas-workspace-bar {
	background: white;
	border-color: #dbe4f0;
}
.atlas-workspace-dot {
	background: var(--hmbd-blue);
	box-shadow: 0 0 0 4px #0756ef10;
}
.atlas-workspace-bar strong {
	color: var(--hmbd-navy);
}
.atlas-actions button,
.atlas-export-menu summary {
	color: #23466c;
	border-color: #d3e3fc;
}
.home-page .atlas-console .map-shell {
	background: radial-gradient(ellipse at 45% 35%, #0756ef30, transparent 66%), #0b2445;
}
.home-page .atlas-console .map-controls button[aria-pressed="true"] {
	background: var(--hmbd-blue);
	color: white;
	border-color: var(--hmbd-blue);
}
.home-page .atlas-console .metric-card.active {
	background: #e6efff;
	border-color: #bdd8ff;
}
.home-page .atlas-console .division-project-link[aria-current] {
	background: #e6efff;
	border-color: #bdd8ff;
	color: var(--hmbd-blue);
}
.division-leaders path {
	stroke: #bdd8ff;
}
.division-leaders circle {
	fill: #e6efff;
	stroke: #102d55;
}
.home-page .atlas-console .map-graticule {
	stroke: #9bb9dd;
}
.home-page .atlas-console .context-district {
	stroke: #d3e3fc;
}
.home-page .atlas-console .svg-region:hover {
	stroke: white;
}
.home-page .atlas-console .map-ground-scale {
	color: #e6efff;
}
.home-page .atlas-console .map-ground-scale i {
	border-color: #bdd8ff;
}
.home-page .atlas-console .map-depth-note {
	color: #bdd8ff;
}
.home-page .atlas-console a.division-label:focus-visible {
	outline-color: #bdd8ff;
}

/* Inner pages share the same editorial typography and material palette. */
.content-page .page-header {
	background: var(--hmbd-navy);
	border-bottom: 4px solid var(--hmbd-blue);
}
.content-page .page-header:after {
	background: linear-gradient(90deg, #0b2445f2 3%, #0b2445db 40%, #0b24454d 100%);
}
.content-page .page-header h1 {
	font-family: var(--hmbd-body);
	font-weight: 500;
	letter-spacing: -0.055em;
	color: white;
}
.content-page .page-header p {
	color: #d3e3fc;
}
.content-page .page-header h1 em {
	font-family: var(--hmbd-display);
	font-weight: 400;
	color: #bdd8ff;
}
.content-page .page-header .eyebrow,
.content-page .page-breadcrumbs {
	color: #bdd8ff;
}
.content-page .page-header .page-breadcrumbs a {
	color: #e6efff;
}
.content-page .intro,
.content-page .official-profile {
	background: white;
}
.content-page .program-detail {
	border-color: #dbe4f0;
}
.content-page .program-jump-links a {
	background: white;
	border-color: #d3e3fc;
	color: #23466c;
}
.content-page .report-card {
	background: white;
	border-color: #dbe4f0;
}
.content-page .report-card h3 {
	color: var(--hmbd-navy);
}
.content-page .report-table-scroll {
	border-color: #dbe4f0;
}
.content-page .projects-hero {
	background: radial-gradient(ellipse at 0 0, #0756ef30, transparent 60%), #0b2445;
	border-bottom: 4px solid var(--hmbd-blue);
}
.projects-hero h1 {
	font-family: var(--hmbd-body);
	font-weight: 500;
}
.projects-hero h1 .projects-hero-division,
.projects-hero .projects-hero-statement em {
	color: #bdd8ff;
}
.projects-hero .projects-hero-list-link {
	background: var(--hmbd-blue);
	color: white;
}
.projects-hero .projects-hero-stats strong {
	font-family: var(--hmbd-body);
	color: white;
}
.projects-directory .project-division-option.is-selected {
	background: var(--hmbd-navy);
	border-color: var(--hmbd-navy);
	color: white;
}
.projects-directory .project-division-option.is-selected :is(strong, small) {
	color: white;
}
.projects-directory .reset-link {
	color: var(--hmbd-blue);
}
.projects-directory .all-project-card {
	border-color: #dbe4f0;
}
.cta-section {
	text-align: center;
	background: #e6efff;
}
.cta-section h2 {
	margin-inline: auto;
	color: var(--hmbd-navy);
}
.cta-section h2 em {
	color: var(--hmbd-blue);
}
.premium-footer.footer-refined {
	background: radial-gradient(ellipse at 90% 0, #0756ef24, transparent 55%), #0b2445;
}
.footer-refined .footer-action-card {
	background: #f0f5ff;
	border-color: #d3e3fc;
}
.footer-refined .footer-giving-strip {
	background: #ffffff06;
	border-color: #d3e3fc30;
}
.footer-refined .footer-giving-strip :is(small, a) {
	color: #d3e3fc;
}
.footer-refined .footer-giving-symbol {
	color: #bdd8ff;
	border-color: #d3e3fc44;
}
.footer-refined .footer-invitation h2 {
	font-weight: 400;
}
.footer-refined .footer-invitation h2 em {
	color: #bdd8ff;
}
.pwa-access {
	background: #f0f5ff;
}
#back-to-top {
	background: var(--hmbd-navy);
	color: white;
	border-color: #d3e3fc;
}

@media (hover: hover) and (pointer: fine) {
	.button:not(.outline):not(.light):hover {
		background: var(--hmbd-blue-hover);
		border-color: var(--hmbd-blue-hover);
	}
	.hero-slider .hero-slider-actions button:hover {
		background: var(--hmbd-blue);
		border-color: #bdd8ff;
	}
	.program-tab:not([aria-selected="true"]):hover {
		background: #f0f5ff;
		border-color: #d3e3fc;
	}
	.projects-directory .all-project-card:hover {
		border-color: #bdd8ff;
		box-shadow: 0 16px 45px #102d550c;
	}
	.content-page .program-jump-links a:hover {
		background: #e6efff;
		border-color: #bdd8ff;
		color: var(--hmbd-blue);
	}
	.welcome-editorial .welcome-path:hover {
		background: #f0f5ff;
	}
}
@media (max-width: 1180px) {
	.nav-signature nav > a {
		font-size: 27px;
		letter-spacing: -0.025em;
	}
	.nav-signature nav > a:before {
		color: #6d89ad;
	}
}
@media (max-width: 980px) {
	.home-page .hero.hero-slider {
		min-height: 700px;
	}
	.home-page .hero-slider h1 {
		font-size: clamp(52px, 7.2vw, 78px);
	}
	.home-page .hero-slider .hero-copy {
		max-width: 650px;
	}
}
@media (max-width: 680px) {
	.home-page .hero.hero-slider {
		min-height: 0;
		padding-top: 56px;
	}
	.home-page .hero-slider h1 {
		font-size: clamp(38px, 10.4vw, 64px);
		letter-spacing: -0.055em;
	}
	.home-page .hero-slider .hero-copy > p {
		font-size: 15px;
	}
	.home-page .hero.hero-slider:after {
		background:
			linear-gradient(90deg, #0b2445dd, #0b24458c),
			linear-gradient(0deg, #071d3af5, transparent 90%);
	}
	.home-page .home-welcome.welcome-editorial {
		padding-top: 30px;
	}
	.nav-signature nav > a {
		font-size: 25px;
	}
	.content-page .page-header h1 {
		font-size: clamp(36px, 9.5vw, 58px);
	}
	.content-page .page-header:after {
		background: #0b2445cf;
	}
	.welcome-editorial .welcome-paths,
	.welcome-editorial .official-overview {
		border-radius: 14px;
	}
}
@media (max-width: 380px) {
	.home-page .hero-slider h1 {
		font-size: clamp(33px, 10.2vw, 39px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.hero-slider .hero-copy,
	.hero-slider .hero-bottom {
		animation: none;
	}
}
@media (forced-colors: active) {
	.home-page .hero.hero-slider:after,
	.content-page .page-header:after {
		background: Canvas;
	}
	.home-page .hero-slider h1,
	.home-page .hero-slider h1 em,
	.home-page .hero-slider .hero-copy > p,
	.content-page .page-header h1,
	.content-page .page-header p {
		color: CanvasText;
	}
	.program-tab[aria-selected="true"],
	.purpose-studio .partner-choice[aria-selected="true"] {
		border: 2px solid Highlight;
	}
}
@media print {
	body,
	.home-page .hero.hero-slider,
	.content-page .page-header,
	.projects-hero,
	.cta-section,
	.home-page .achievement-section,
	.home-page .care-evidence,
	.contact-section {
		background: white !important;
		color: black;
		border: 0;
	}
	.home-page .hero-slider h1,
	.content-page .page-header h1,
	.home-page .hero-slider h1 em,
	.home-page .hero-slider .hero-copy > p,
	.achievement-section :is(h2, h2 em),
	.care-evidence :is(h2, h3, p),
	.contact-section .contact-copy :is(h2, h2 em, p),
	.content-page .page-header p {
		color: black;
	}
}

/* Readability: explicit text palettes for each solid surface and interaction. */
body {
	color: var(--text-primary);
}
body p {
	color: var(--text-secondary);
}
body :is(input, select, textarea)::placeholder {
	color: var(--text-muted);
	opacity: 1;
}
.home-page
	:is(
		.purpose-photo-label,
		.purpose-source,
		.program-nav-heading,
		.program-navigation-note,
		.program-focus > span,
		.program-evidence-link,
		.program-discovery-foot > span,
		.story-source,
		.recovery-note
	) {
	color: var(--text-muted);
}
.home-page .program-feature-intro .eyebrow {
	color: var(--hmbd-blue);
}
.home-page .recovery-livelihood p {
	color: #594737;
}
.home-page
	:is(
		.portfolio-specs > span,
		.portfolio-book-caption > span,
		.portfolio-chapter > span,
		.portfolio-source-strip small
	) {
	color: var(--text-muted);
}
.home-page .achievement-panel .eyebrow {
	color: var(--hmbd-blue);
}
.home-page .achievement-card-copy .eyebrow {
	color: #0646c6;
}
.home-page .achievement-photo > span {
	background: #102d55;
	color: white;
	padding: 7px 11px;
	font-size: 12px;
	border-radius: 5px;
}
.achievement-wheel-nav > span,
.home-page #achievement-status {
	color: var(--text-on-dark-secondary);
}
.executive-section .executive-photo-role {
	background: #102d55;
	color: white;
	font-size: 11px;
	line-height: 1.5;
	padding: 7px 10px;
	border-radius: 5px;
}
.home-page :is(.faq-intro > p, .faq-answer p, #faq-result-count, .faq-number) {
	color: var(--text-secondary);
}
.home-page .faq-support {
	background: #f0f5ff;
	border-color: #d3e3fc;
}
.home-page .faq-support p {
	color: var(--text-secondary);
}
.home-page .faq-support-icon {
	background: #e6efff;
	color: var(--hmbd-blue);
	border-color: #bdd8ff;
}
.home-page .faq-plus {
	color: var(--hmbd-blue);
}
.home-page .portfolio-data-link small {
	color: var(--text-muted);
}
.home-page .care-data .story-source {
	color: var(--text-on-dark-secondary);
}
.contact-section :is(.contact-channels small, .contact-source, .contact-purpose > span) {
	color: var(--text-on-dark-secondary);
}
.contact-section
	.contact-form
	:is(
		.eyebrow,
		.contact-topics legend,
		.contact-topics label > span,
		.contact-field-row label > span
	) {
	color: var(--text-secondary);
}
.contact-section .contact-form > label > span {
	color: var(--text-secondary);
}
.contact-section .contact-form .contact-topics label:has(input:checked) > span {
	color: #0646c6;
}
.footer-refined .footer-wordmark {
	color: #9bb9dd;
}
.footer-refined .footer-wordmark span {
	color: #bdd8ff;
}

/* The map is dark; its project-information panel is paper with dark text. */
.home-page .atlas-console {
	color: var(--text-on-dark);
}
.home-page .atlas-console .atlas-workspace-bar {
	padding: 18px;
	border-radius: 12px;
	background: #fff;
	color: var(--text-primary);
}
.home-page .atlas-console .atlas-workspace-caption {
	color: var(--text-muted);
}
.home-page .atlas-console .atlas-workspace-bar strong {
	color: var(--text-primary);
}
.home-page .atlas-console .atlas-actions :is(button, summary) {
	background: #f0f5ff;
	color: #102d55;
	border-color: #bdd8ff;
}
.home-page .atlas-console .atlas-actions #atlas-pdf {
	background: #0756ef;
	color: white;
	border-color: #0756ef;
}
.home-page .atlas-console .atlas-export-menu > div {
	background: white;
	border-color: #bdd8ff;
}
.home-page .atlas-console .atlas-export-menu > div :is(button, a) {
	color: #102d55;
	background: white;
}
.home-page
	.atlas-console
	:is(
		.atlas-action-status,
		.atlas-spatial-meta,
		.atlas-boundary-details small,
		.atlas-filter-description,
		.atlas-filter-count,
		.rail-stat span,
		.rail-heading,
		.atlas-settings-status > span
	) {
	color: var(--text-on-dark-secondary);
	font-size: 12px;
	line-height: 1.7;
}
.home-page .atlas-console .rail-stat strong {
	color: white;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.home-page .atlas-console .atlas-settings :is(label, small),
.home-page .atlas-console .filterbar label {
	color: var(--text-on-dark-secondary);
	font-size: 12px;
	line-height: 1.6;
}
.home-page .atlas-console .atlas-settings :is(input, select),
.home-page .atlas-console .filterbar :is(input, select),
.home-page .atlas-console .division-project-form select {
	background: white;
	color: #152d4c;
	border-color: #bdd8ff;
}
.home-page .atlas-console .division-project-form label {
	color: var(--text-on-dark-secondary);
	font-size: 12px;
}
.home-page .atlas-console .division-project-form button {
	background: white;
	color: #102d55;
	font-weight: 600;
}
.home-page
	.atlas-console
	:is(
		.atlas-boundary-details > summary,
		.atlas-filter-panel > summary,
		.atlas-spatial-meta summary,
		.reset-link,
		.bread button
	) {
	color: var(--text-on-dark);
}
.home-page .atlas-console .bread span {
	color: var(--text-on-dark-secondary);
}
.home-page .atlas-console .atlas-spatial-meta p {
	color: var(--text-secondary);
	background: white;
}
.home-page .atlas-console .atlas-source-note {
	color: var(--text-on-dark-secondary);
}

.home-page .atlas-console .inspector {
	background: white;
	color: #152d4c;
	border-color: #bdd8ff;
	scrollbar-color: #52667f #f0f5ff;
}
.home-page .atlas-console .inspector-hero {
	background: #102d55;
	color: white;
}
.home-page .atlas-console .inspector h3 {
	color: white;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.2;
}
.home-page .atlas-console .inspector-hero :is(.eyebrow, .inspector-kicker, p) {
	color: #cfdef2;
	font-size: 12px;
	line-height: 1.6;
}
.home-page .atlas-console .inspector-kicker i {
	color: white;
}
.home-page .atlas-console .inspector-photo {
	opacity: 0.08;
}
.home-page .atlas-console .inspector-body {
	background: white;
	color: #152d4c;
	line-height: 1.75;
}
.home-page .atlas-console .inspector-projects-link {
	background: #0756ef;
	border-color: #0756ef;
	color: white;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5;
}
.home-page .atlas-console .metric-card {
	background: #f0f5ff;
	border-color: #d3e3fc;
}
.home-page .atlas-console .metric-card:nth-child(n) {
	background: #f0f5ff;
	border-color: #d3e3fc;
}
.home-page .atlas-console .metric-card strong {
	color: #102d55;
	font-weight: 600;
	font-size: 28px;
	font-variant-numeric: tabular-nums;
}
.home-page .atlas-console .metric-card span {
	color: #405671;
	font-size: 12px;
	line-height: 1.6;
}
.home-page .atlas-console .metric-card:before {
	background: #0756ef;
}
.home-page .atlas-console .panel-label {
	color: #102d55;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6;
	flex-wrap: wrap;
	gap: 4px 10px;
}
.home-page .atlas-console .panel-label > span {
	color: #4c627c;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.home-page .atlas-console .focus-tags .tag {
	background: #f0f5ff;
	border-color: #d3e3fc;
	color: #23466c;
	font-size: 12px;
	line-height: 1.6;
}
.home-page .atlas-console .featured-row {
	background: white;
	color: #152d4c;
	border-color: #dbe4f0;
}
.home-page .atlas-console .featured-row strong {
	color: #152d4c;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.55;
}
.home-page .atlas-console .featured-row small {
	color: #405671;
	font-size: 12px;
	line-height: 1.7;
}
.home-page .atlas-console .featured-row > span:last-child {
	color: #0756ef;
}
.home-page .atlas-console .inspector-divider {
	background: #dbe4f0;
}
.home-page .atlas-console .inspector-body :is(.panel-note, .empty, .unavailable) {
	color: #405671;
	font-size: 12px;
	line-height: 1.8;
}
.home-page .atlas-console .inspector-body .unavailable {
	background: #f0f5ff;
	border-color: #bdd8ff;
}
.home-page .atlas-console .inspector-body :is(.text-link, .reset-link) {
	color: #0646c6;
	font-size: 12px;
}
.home-page .atlas-console .division-comparison summary {
	color: #102d55;
	font-size: 13px;
	font-weight: 600;
}
.home-page .atlas-console .comparison-caption {
	color: #405671;
	font-size: 12px;
	line-height: 1.7;
}
.home-page .atlas-console .comparison-row {
	background: white;
	color: #23466c;
	font-size: 13px;
}
.home-page .atlas-console .comparison-row b {
	color: #102d55;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.home-page .atlas-console .comparison-row.selected {
	background: #e6efff;
	color: #0646c6;
}
.home-page .atlas-console .comparison-row i {
	background: #0756ef;
}
.home-page .atlas-console .comparison-row:focus-visible {
	background: #e6efff;
	color: #102d55;
}

/* Solid tags and tooltips stay legible over every division's map color. */
.home-page .atlas-console .map-labels .division-label {
	background: #102d55;
	border-color: #bdd8ff;
	color: white;
	font-size: 12px;
	font-weight: 700;
	min-height: 34px;
	opacity: 1;
	letter-spacing: 0;
	text-shadow: none;
}
.home-page .atlas-console .map-labels .division-label .pill {
	color: #cfdef2;
	background: transparent;
	font-size: 11px;
	font-weight: 600;
}
.home-page .atlas-console .map-labels .division-label:is(.selected, .hovered) {
	background: white;
	color: #102d55;
	border-color: #0756ef;
}
.home-page .atlas-console .map-labels .division-label:is(.selected, .hovered) .pill {
	color: #23466c;
	border-color: #bdd8ff;
}
.home-page .atlas-console .overview-division-labels text {
	fill: white;
	stroke: none;
	font-size: 22px;
	font-weight: 700;
}
.home-page .atlas-console .map-tooltip {
	background: white;
	color: #152d4c;
	border-color: #bdd8ff;
	font-size: 12px;
	line-height: 1.6;
	padding: 16px;
}
.home-page .atlas-console .map-tooltip .hover-eyebrow {
	color: #0646c6;
	font-size: 11px;
	letter-spacing: 0.08em;
	font-weight: 600;
}
.home-page .atlas-console .map-tooltip strong {
	color: #102d55;
	font-size: 23px;
	font-weight: 600;
}
.home-page .atlas-console .map-tooltip :is(.division-hover-metric > b, .division-hover-details b) {
	color: #102d55;
	font-weight: 600;
	font-variant-numeric: tabular-nums;
}
.home-page
	.atlas-console
	.map-tooltip
	:is(.division-hover-metric > span, .division-hover-details span, .division-hover-footer) {
	color: #405671;
	font-size: 12px;
	line-height: 1.7;
}
.home-page .atlas-console .division-hover-metric,
.home-page .atlas-console .division-hover-footer {
	border-color: #dbe4f0;
}
.home-page .atlas-console .division-hover-bar {
	background: #e6efff;
}
.home-page .atlas-console .division-hover-bar > i {
	background: #0756ef;
}
.home-page
	.atlas-console
	:is(.map-hint, .map-hint b, .map-context, .map-legend, .map-depth-note, .map-control-label) {
	color: #cfdef2;
}
.home-page .atlas-console :is(.map-context, .map-legend, .map-control-label) {
	font-size: 11px;
	line-height: 1.5;
}
.home-page .atlas-console .map-depth-note {
	font-size: 10px;
	line-height: 1.6;
}
.home-page .atlas-console .map-hint {
	background: #102d55;
	border: 1px solid #bdd8ff50;
	border-radius: 7px;
	padding: 7px 9px;
}
.home-page .atlas-console .map-hint b {
	font-size: 11px;
	line-height: 1.6;
}
.home-page .atlas-console :is(.map-view-switch, .map-controls) {
	background: #102d55;
}
.home-page .atlas-console .map-view-switch > button {
	color: #cfdef2;
}
.home-page .atlas-console .map-view-switch > button[aria-pressed="true"] {
	background: white;
	color: #102d55;
}
.home-page .atlas-console .map-view-switch #scene-capture {
	color: #cfdef2;
}
.home-page
	.atlas-console
	:is(
		.map-controls button,
		.division-switcher button,
		.division-project-link,
		.sector-legend button
	) {
	background: #102d55;
	color: #f6f9ff;
	border-color: #6d89ad;
}
.home-page .atlas-console .division-project-link strong {
	color: #f6f9ff;
	font-size: 13px;
}
.home-page .atlas-console .division-project-link small {
	color: #cfdef2;
	font-size: 12px;
}
.home-page .atlas-console .sector-legend button[aria-pressed="true"] {
	background: white;
	color: #102d55;
	border-color: white;
}
.home-page .atlas-console .map-controls button[aria-pressed="true"],
.home-page .atlas-console .map-controls button.active {
	background: white;
	color: #102d55;
}
.home-page .atlas-console button:disabled {
	opacity: 1;
	color: #b5cae5;
	background: #1d3654;
	border-color: #6d89ad;
}
.home-page .atlas-console :is(.atlas-workspace-bar, .inspector-body) :focus-visible {
	outline: 3px solid #0756ef;
	outline-offset: 3px;
}

/* Division project cards and dialogs: complete text, readable labels and sources. */
.content-page .project-division-option strong {
	font-size: 13px;
}
.content-page .project-division-option small {
	font-size: 12px;
	color: #405671;
}
.content-page .project-division-option.is-selected small {
	color: white;
}
.content-page .project-national-mark {
	color: #0646c6;
}
.content-page .project-region-overview :is(p, small, .eyebrow),
.content-page .project-region-snapshot > span {
	color: #405671;
	font-size: 12px;
	line-height: 1.7;
}
.content-page .project-region-snapshot > a {
	color: #0646c6;
	font-size: 12px;
}
.content-page .projects-filter-form label,
.content-page .projects-sort-controls label {
	color: #405671;
	font-size: 12px;
}
.content-page
	.all-project-card
	:is(
		.all-project-category,
		.all-project-type,
		.all-project-location,
		.all-project-districts,
		.all-project-impact small,
		.all-project-card-footer small
	) {
	font-size: 12px;
	line-height: 1.7;
}
.content-page .all-project-card .all-project-location,
.content-page .all-project-card .all-project-districts,
.content-page .all-project-card .all-project-card-footer small {
	color: #405671;
}
.content-page .all-project-card .all-project-summary {
	color: #405671;
	font-size: 14px;
	line-height: 1.8;
	display: block;
	-webkit-line-clamp: unset;
	overflow: visible;
	min-height: 0;
}
.content-page .all-project-card .all-project-impact {
	color: #23466c;
	font-size: 14px;
	line-height: 1.7;
}
.content-page .all-project-card .all-project-impact small {
	color: #405671;
}
.content-page .all-project-card-footer small {
	color: #405671;
}
#project-dialog .project-detail-body > p {
	color: #405671;
	font-size: 15px;
}
#project-dialog
	:is(
		.project-detail-facts dt,
		.impact-callout > small,
		.project-detail-location-head > span,
		.project-detail-locations li span,
		.project-detail-locations summary,
		.project-detail-locations summary > span
	) {
	color: #405671;
	font-size: 12px;
	line-height: 1.7;
}
#project-dialog
	:is(
		.project-detail-facts dd,
		.project-detail-locations li strong,
		.project-detail-locations a,
		.project-detail-share
	) {
	color: #23466c;
	font-size: 14px;
	line-height: 1.7;
}
#project-dialog .project-detail-image > span {
	background: #102d55;
	color: white;
	font-size: 12px;
}
#project-dialog .project-detail-actions > .button {
	font-size: 13px;
}
#project-dialog .selected-location-card {
	background: #f0f5ff;
	border-color: #d3e3fc;
}
#project-dialog .selected-location-card :is(small, div > span) {
	color: #405671;
	font-size: 12px;
	line-height: 1.7;
}
#project-dialog .selected-location-card strong {
	color: #102d55;
	font-size: 17px;
}
#project-dialog .bar-chart {
	background: #f7f9fd;
	height: 250px;
	min-height: 250px;
	padding: 30px 6px 38px;
	gap: 16px;
	margin: 24px 0;
}
#project-dialog .bar-chart > div {
	min-width: 78px;
	background: #0756ef;
}
#project-dialog .bar-chart :is(b, span) {
	color: #152d4c;
	background: #f7f9fd;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	padding-inline: 3px;
	border-radius: 3px;
	white-space: nowrap;
	text-align: center;
}

@media (hover: hover) and (pointer: fine) {
	.home-page .atlas-console .atlas-export-menu > div :is(button, a):hover {
		color: #102d55;
		background: #e6efff;
	}
	.home-page .atlas-console .featured-row:hover,
	.home-page .atlas-console .comparison-row:hover {
		background: #f0f5ff;
		color: #102d55;
	}
	.home-page .atlas-console .division-project-link:hover {
		background: #23466c;
		color: white;
	}
}
@media (max-width: 620px) {
	.home-page .atlas-console .map-labels .division-label {
		font-size: 11px;
	}
}
@media (max-width: 299px) {
	.home-page .atlas-console .map-labels .division-label {
		font-size: 9px;
	}
}
@media (forced-colors: active) {
	.home-page .atlas-console .map-labels .division-label,
	.home-page .atlas-console .map-tooltip,
	.home-page .atlas-console .inspector-body,
	.home-page .atlas-console .metric-card {
		background: Canvas;
		color: CanvasText;
		border-color: CanvasText;
	}
	.home-page .atlas-console .map-labels .division-label:is(.selected, .hovered) {
		background: Highlight;
		color: HighlightText;
	}
}

/* Form navigation focuses the heading without opening a mobile keyboard. */
.form-anchor-heading:focus {
	outline: none;
}