/* =============================================================
   /water-crisis/ — page-scoped stylesheet
   All styles scoped to .water-crisis-page so they do not bleed
   into the site shell.
   ============================================================= */

.water-crisis-page {
	--wcr-primary: #2D6484;
	--wcr-primary-hover: #1e4a5f;
	--wcr-primary-light: #4a8aad;
	--wcr-brand-blue: #2D6484;
	--wcr-brand-blue-dark: #1e4a5f;
	--wcr-brand-blue-lighter: #e8f2f7;
	--wcr-accent: #0EA5A9;
	--wcr-brand-orange: #D85C27;
	--wcr-donate-red: #DC2626;
	--wcr-heading: #0F1F2B;
	--wcr-text: #1A2B38;
	--wcr-text-secondary: #4A6174;
	--wcr-text-muted: #7A94A5;
	--wcr-border: #CBD5E1;
	--wcr-border-light: #E2E8F0;
	--wcr-surface: #FFFFFF;
	--wcr-background: #F8FAFC;
	--wcr-surface-elevated: #F1F5F9;
	--wcr-radius-sm: 4px;
	--wcr-radius-md: 8px;
	--wcr-radius-lg: 12px;
	--wcr-radius-pill: 100px;
	--wcr-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
	--wcr-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
	--wcr-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.15);
	--wcr-sev-0: #E2EDF3;
	--wcr-sev-1: #4A8AAD;
	--wcr-sev-2: #F5B83C;
	--wcr-sev-3: #E97132;
	--wcr-sev-4: #7A3A14;
	color: var(--wcr-text);
	background: var(--wcr-background);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
	text-wrap: pretty;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	overflow-x: hidden;
}

.water-crisis-page * { box-sizing: border-box; }
.water-crisis-page img { display: block; max-width: 100%; height: auto; }
.water-crisis-page a { color: var(--wcr-primary); text-decoration: none; }
.water-crisis-page button { font-family: inherit; cursor: pointer; }
.water-crisis-page section { scroll-margin-top: 90px; }

.water-crisis-page *:focus-visible {
	outline: 2px solid var(--wcr-primary);
	outline-offset: 2px;
	border-radius: 2px;
}

@keyframes wcr-fadeInUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wcr-pulse-dot { 0%, 100% { opacity: 0.4; transform: scale(1); } 50% { opacity: 1; transform: scale(1.35); } }
@keyframes wcr-tick-up { from { transform: translateY(14px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }

/* ============================================================
   Shared section + heading utilities
   ============================================================ */
.water-crisis-page .wcr-sec {
	padding: clamp(56px, 7vw, 96px) clamp(16px, 4vw, 40px);
}
.water-crisis-page .wcr-sec--surface { background: var(--wcr-surface); border-top: 1px solid var(--wcr-border-light); }
.water-crisis-page .wcr-sec--bg { background: var(--wcr-background); border-top: 1px solid var(--wcr-border-light); }
.water-crisis-page .wcr-wrap { max-width: 1200px; margin: 0 auto; }
.water-crisis-page .wcr-wrap--narrow { max-width: 840px; margin: 0 auto; }
.water-crisis-page .wcr-head { max-width: 780px; margin-bottom: 40px; }
.water-crisis-page .wcr-prose { max-width: 820px; }
.water-crisis-page .wcr-prose p { font-size: 16px; line-height: 1.7; color: var(--wcr-text-secondary); margin: 0 0 16px; }
.water-crisis-page .wcr-prose p:last-child { margin-bottom: 0; }
.water-crisis-page .wcr-prose .wcr-lede { font-size: 19px; line-height: 1.55; color: var(--wcr-text); margin-bottom: 20px; }
.water-crisis-page .wcr-prose strong { color: var(--wcr-text); font-weight: 700; }

.water-crisis-page .wcr-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	margin-bottom: 14px;
}
.water-crisis-page .wcr-eyebrow__rule {
	width: 28px;
	height: 1px;
	background: var(--wcr-text-muted);
	display: inline-block;
}

.water-crisis-page .wcr-h2 {
	font-size: clamp(28px, 3.4vw, 40px);
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	color: var(--wcr-heading);
	margin: 0 0 14px;
	text-wrap: balance;
}

.water-crisis-page .wcr-sec-lede {
	font-size: 16px;
	color: var(--wcr-text-secondary);
	line-height: 1.6;
	margin: 0;
	max-width: 640px;
}

/* ============================================================
   Hero (data variant)
   ============================================================ */
.water-crisis-page .wcr-hero {
	background: var(--wcr-background);
	padding: clamp(32px, 6vw, 72px) clamp(16px, 4vw, 40px) clamp(32px, 5vw, 64px);
	border-bottom: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-hero__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: clamp(28px, 4vw, 56px);
	align-items: center;
}
@media (min-width: 900px) {
	.water-crisis-page .wcr-hero__inner { grid-template-columns: 1.05fr 1fr; }
}
.water-crisis-page .wcr-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wcr-brand-blue);
	background: var(--wcr-brand-blue-lighter);
	padding: 7px 14px;
	border-radius: var(--wcr-radius-pill);
	margin-bottom: 24px;
}
.water-crisis-page .wcr-hero__eyebrow-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--wcr-primary);
	animation: wcr-pulse-dot 2s ease-in-out infinite;
}
.water-crisis-page .wcr-hero__h1 {
	font-size: clamp(34px, 5.2vw, 60px);
	font-weight: 700;
	line-height: 1.04;
	letter-spacing: -0.02em;
	color: var(--wcr-heading);
	margin: 0 0 18px;
	text-wrap: balance;
}
.water-crisis-page .wcr-hero__sub {
	font-size: clamp(17px, 1.9vw, 22px);
	line-height: 1.5;
	color: var(--wcr-text-secondary);
	max-width: 540px;
	margin: 0 0 32px;
	text-wrap: balance;
}
.water-crisis-page .wcr-hero__ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}
.water-crisis-page .wcr-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 24px;
	border-radius: var(--wcr-radius-md);
	font-size: 15px;
	font-weight: 600;
	border: none;
	transition: all 0.2s ease;
	text-decoration: none;
}
.water-crisis-page .wcr-btn--primary {
	background: var(--wcr-primary);
	color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.water-crisis-page .wcr-btn--primary:hover {
	background: var(--wcr-primary-hover);
	transform: translateY(-1px);
	box-shadow: var(--wcr-shadow-md);
	color: #fff;
}
.water-crisis-page .wcr-btn--ghost {
	background: transparent;
	color: var(--wcr-primary);
	padding: 14px 8px;
}
.water-crisis-page .wcr-btn--ghost:hover i { transform: translateX(3px); }
.water-crisis-page .wcr-btn i { font-size: 12px; transition: transform 0.2s ease; }

.water-crisis-page .wcr-hero__inline {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
	margin: 40px 0 0;
	padding-top: 28px;
	border-top: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-hero__inline dt {
	font-size: clamp(22px, 2.6vw, 30px);
	font-weight: 700;
	color: var(--wcr-heading);
	letter-spacing: -0.015em;
	line-height: 1;
}
.water-crisis-page .wcr-hero__inline dd {
	font-size: 13px;
	color: var(--wcr-text-muted);
	margin: 6px 0 0;
	line-height: 1.4;
}

.water-crisis-page .wcr-bigstat {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	padding: clamp(24px, 3vw, 36px);
	box-shadow: var(--wcr-shadow-sm);
	position: relative;
	overflow: hidden;
}
.water-crisis-page .wcr-bigstat::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--wcr-brand-blue), var(--wcr-accent));
}
.water-crisis-page .wcr-bigstat__label {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
}
.water-crisis-page .wcr-bigstat__live {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wcr-brand-orange);
	animation: wcr-pulse-dot 1.8s ease-in-out infinite;
}
.water-crisis-page .wcr-bigstat__num {
	font-size: clamp(68px, 10vw, 120px);
	font-weight: 800;
	letter-spacing: -0.05em;
	line-height: 0.9;
	color: var(--wcr-heading);
	font-variant-numeric: tabular-nums;
	background: linear-gradient(135deg, var(--wcr-brand-blue-dark) 0%, var(--wcr-brand-blue) 50%, var(--wcr-accent) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 12px;
}
.water-crisis-page .wcr-bigstat__unit {
	font-size: 0.55em;
	font-weight: 700;
	margin-left: 4px;
	letter-spacing: -0.02em;
}
.water-crisis-page .wcr-bigstat__sub {
	font-size: 16px;
	color: var(--wcr-text-secondary);
	line-height: 1.5;
	margin-bottom: 24px;
}
.water-crisis-page .wcr-bigstat__sub strong { color: var(--wcr-text); font-weight: 600; }
.water-crisis-page .wcr-bigstat__source {
	font-size: 11px;
	color: var(--wcr-text-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-top: 18px;
	padding-top: 14px;
	border-top: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-dotgrid {
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	gap: 6px;
	padding: 10px 0;
}
.water-crisis-page .wcr-dot {
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--wcr-border);
	animation: wcr-fadeInUp 0.5s ease both;
}
.water-crisis-page .wcr-dot--hot {
	background: var(--wcr-brand-orange);
	box-shadow: 0 0 0 2px rgba(216, 92, 39, 0.12);
}

/* ============================================================
   Key facts band
   ============================================================ */
.water-crisis-page .wcr-kf {
	padding: clamp(56px, 7vw, 96px) clamp(16px, 4vw, 40px);
	background: linear-gradient(135deg, #0F1F2B 0%, #1A3A50 100%);
	color: #fff;
}
.water-crisis-page .wcr-kf__head { max-width: 780px; margin-bottom: 40px; }
.water-crisis-page .wcr-kf .wcr-eyebrow { color: rgba(255, 255, 255, 0.55); }
.water-crisis-page .wcr-kf .wcr-eyebrow__rule { background: rgba(255, 255, 255, 0.4); }
.water-crisis-page .wcr-kf .wcr-h2 { color: #fff; }
.water-crisis-page .wcr-kf__lede { color: rgba(255, 255, 255, 0.7); }
.water-crisis-page .wcr-kf__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1px;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: var(--wcr-radius-lg);
	overflow: hidden;
}
@media (min-width: 640px) { .water-crisis-page .wcr-kf__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .water-crisis-page .wcr-kf__grid { grid-template-columns: repeat(5, 1fr); } }
.water-crisis-page .wcr-kf__card {
	background: #0F1F2B;
	padding: clamp(24px, 2.6vw, 32px) clamp(20px, 2.2vw, 28px);
	display: flex;
	flex-direction: column;
	gap: 10px;
	transition: background 0.2s ease;
	min-height: 190px;
}
.water-crisis-page .wcr-kf__card:hover { background: #152a3a; }
.water-crisis-page .wcr-kf__num {
	font-size: clamp(42px, 5.5vw, 64px);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 0.95;
	font-variant-numeric: tabular-nums;
	background: linear-gradient(135deg, #fff 0%, #7FD3E0 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.water-crisis-page .wcr-kf__label {
	font-size: 14px;
	line-height: 1.45;
	color: rgba(255, 255, 255, 0.8);
	flex: 1;
	text-wrap: balance;
}
.water-crisis-page .wcr-kf__source {
	font-size: 11px;
	color: rgba(255, 255, 255, 0.5);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding-top: 10px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	gap: 6px;
}
.water-crisis-page .wcr-kf__source i { font-size: 10px; opacity: 0.7; }

/* ============================================================
   Where the crisis is worst (3 regional cards)
   ============================================================ */
.water-crisis-page .wcr-ww__grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width: 820px) { .water-crisis-page .wcr-ww__grid { grid-template-columns: repeat(3, 1fr); } }
.water-crisis-page .wcr-ww__card {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	padding: clamp(24px, 2.6vw, 32px);
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.water-crisis-page .wcr-ww__dot { width: 10px; height: 10px; border-radius: 50%; }
.water-crisis-page .wcr-ww__title {
	font-size: 20px;
	font-weight: 700;
	color: var(--wcr-heading);
	letter-spacing: -0.01em;
	margin: 0;
}
.water-crisis-page .wcr-ww__body {
	font-size: 14px;
	line-height: 1.6;
	color: var(--wcr-text-secondary);
	margin: 0;
	flex: 1;
}
.water-crisis-page .wcr-ww__link {
	font-size: 13px;
	font-weight: 600;
	color: var(--wcr-primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.water-crisis-page .wcr-ww__link i { font-size: 11px; transition: transform 0.2s; }
.water-crisis-page .wcr-ww__link:hover i { transform: translateX(3px); }

/* ============================================================
   Explorer (header, filter, view modes)
   ============================================================ */
.water-crisis-page .wcr-expl {
	background: var(--wcr-surface);
	padding: clamp(56px, 7vw, 96px) clamp(16px, 4vw, 40px);
	border-top: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-expl__wrap { max-width: 1200px; margin: 0 auto; }
.water-crisis-page .wcr-expl__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 24px;
	margin-bottom: 24px;
}
.water-crisis-page .wcr-expl__head-left { max-width: 640px; }
.water-crisis-page .wcr-expl__modes {
	display: inline-flex;
	background: var(--wcr-surface-elevated);
	padding: 5px;
	border-radius: var(--wcr-radius-pill);
	border: 1px solid var(--wcr-border-light);
	gap: 4px;
}
.water-crisis-page .wcr-expl__mode-btn {
	background: transparent;
	border: none;
	padding: 9px 18px;
	border-radius: var(--wcr-radius-pill);
	font-size: 13px;
	font-weight: 600;
	color: var(--wcr-text-secondary);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	transition: all 0.2s ease;
}
.water-crisis-page .wcr-expl__mode-btn:hover { color: var(--wcr-text); }
.water-crisis-page .wcr-expl__mode-btn.is-active {
	background: #fff;
	color: var(--wcr-primary);
	box-shadow: var(--wcr-shadow-sm);
}
.water-crisis-page .wcr-expl__mode-btn i { font-size: 12px; }

.water-crisis-page .wcr-expl__filter-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 24px;
	padding: 14px 0;
	border-top: 1px solid var(--wcr-border-light);
	border-bottom: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-region-filter {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 4px;
}
.water-crisis-page .wcr-region-chip {
	background: transparent;
	border: 1px solid transparent;
	padding: 6px 12px;
	border-radius: var(--wcr-radius-pill);
	font-size: 12px;
	font-weight: 600;
	color: var(--wcr-text-secondary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.15s ease;
}
.water-crisis-page .wcr-region-chip:hover { background: var(--wcr-surface-elevated); }
.water-crisis-page .wcr-region-chip.is-active {
	background: var(--wcr-brand-blue-lighter);
	color: var(--wcr-primary);
	border-color: var(--wcr-brand-blue-lighter);
}
.water-crisis-page .wcr-chip-sw {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
}
.water-crisis-page .wcr-expl__count {
	font-size: 12px;
	color: var(--wcr-text-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 600;
}
.water-crisis-page .wcr-expl__count-n {
	color: var(--wcr-text);
	font-size: 15px;
	font-weight: 700;
	margin-right: 6px;
}
.water-crisis-page .wcr-expl__main { min-height: 480px; }

/* ----- Map view ----- */
.water-crisis-page .wcr-map {
	background: var(--wcr-background);
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	padding: 10px;
	position: relative;
}
.water-crisis-page .wcr-map__canvas {
	width: 100%;
	height: clamp(420px, 60vh, 620px);
	border-radius: var(--wcr-radius-md);
	overflow: hidden;
}
.water-crisis-page .wcr-map__legend {
	position: absolute;
	bottom: 24px;
	left: 24px;
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-md);
	padding: 10px 14px;
	box-shadow: var(--wcr-shadow-sm);
	z-index: 2;
}
.water-crisis-page .wcr-map__legend-title {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	margin-bottom: 6px;
}
.water-crisis-page .wcr-map__legend-scale { display: flex; gap: 2px; }
.water-crisis-page .wcr-map__legend-sw { width: 24px; height: 10px; border-radius: 2px; }
.water-crisis-page .wcr-map__legend-ends {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	color: var(--wcr-text-muted);
	margin-top: 4px;
}
.water-crisis-page .wcr-map__tip {
	position: absolute;
	bottom: 24px;
	right: 24px;
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-md);
	padding: 8px 14px;
	font-size: 12px;
	color: var(--wcr-text-secondary);
	box-shadow: var(--wcr-shadow-sm);
	display: inline-flex;
	align-items: center;
	gap: 8px;
	z-index: 2;
}

/* Country popup (Mapbox popup content) */
.wcr-popup-wrap .mapboxgl-popup-content {
	padding: 0;
	border-radius: 12px;
	box-shadow: 0 12px 32px rgba(15, 31, 43, 0.18);
	border: 1px solid #E2E8F0;
	overflow: hidden;
	font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
}
.wcr-popup-wrap .mapboxgl-popup-close-button {
	font-size: 22px;
	padding: 6px 12px;
	color: #7A94A5;
	background: transparent;
	border: none;
}
.wcr-popup-wrap .mapboxgl-popup-close-button:hover { color: #1A2B38; background: #F1F5F9; }
.wcr-popup {
	padding: 18px 20px 16px;
	border-top: 3px solid var(--wcr-sev-col, #2D6484);
	color: #1A2B38;
	max-height: 70vh;
	overflow-y: auto;
}
.wcr-popup__region {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #7A94A5;
	margin-bottom: 4px;
}
.wcr-popup__name {
	font-size: 18px;
	font-weight: 700;
	color: #0F1F2B;
	letter-spacing: -0.01em;
	margin: 0 0 8px;
	line-height: 1.2;
}
.wcr-popup__scarcity {
	font-size: 13px;
	line-height: 1.5;
	color: #4A6174;
	margin: 0 0 12px;
}
.wcr-popup__stats {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding: 10px 0;
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	margin-bottom: 12px;
}
.wcr-popup__stat { display: flex; flex-direction: column; gap: 2px; }
.wcr-popup__stat-l {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #7A94A5;
}
.wcr-popup__stat-v {
	font-size: 13px;
	font-weight: 700;
	color: #1A2B38;
}
.wcr-popup__cta,
.wcr-popup__cta:link,
.wcr-popup__cta:visited,
.wcr-popup__cta:hover,
.wcr-popup__cta:active,
.wcr-popup__cta:focus {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #2D6484;
	text-decoration: none;
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
}
.wcr-popup__cta:hover { color: #1e4a5f; }
.wcr-popup__cta:focus-visible {
	outline: 2px solid #2D6484;
	outline-offset: 2px;
	border-radius: 2px;
}
.wcr-popup__cta i { font-size: 10px; transition: transform 0.2s ease; }
.wcr-popup__cta:hover i { transform: translateX(3px); }
.water-crisis-page .wcr-map__tip i { color: var(--wcr-primary); }

/* ----- Ranking view ----- */
.water-crisis-page .wcr-rank {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	overflow: hidden;
	overflow-x: auto;
}
.water-crisis-page .wcr-rank__table {
	width: 100%;
	border-collapse: collapse;
	min-width: 900px;
	font-size: 14px;
}
.water-crisis-page .wcr-rank__table th {
	background: var(--wcr-surface-elevated);
	padding: 12px 14px;
	text-align: left;
	font-size: 11px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	font-weight: 700;
	border-bottom: 1px solid var(--wcr-border-light);
	white-space: nowrap;
}
.water-crisis-page .wcr-rank__table th.is-sortable { cursor: pointer; user-select: none; }
.water-crisis-page .wcr-rank__table th.is-sortable:hover { color: var(--wcr-primary); }
.water-crisis-page .wcr-rank__table th.num,
.water-crisis-page .wcr-rank__table td.num {
	text-align: left;
	font-variant-numeric: tabular-nums;
}
.water-crisis-page .wcr-rank__sort-a { color: var(--wcr-primary); margin-left: 4px; }
.water-crisis-page .wcr-rank__table td {
	padding: 14px;
	border-bottom: 1px solid var(--wcr-border-light);
	vertical-align: middle;
}
.water-crisis-page .wcr-rank__table tr { transition: background 0.15s ease; cursor: pointer; }
.water-crisis-page .wcr-rank__table tr:hover,
.water-crisis-page .wcr-rank__table tr.is-active { background: #F8FAFC; }
.water-crisis-page .wcr-rank__n {
	font-size: 11px;
	color: var(--wcr-text-muted);
	font-variant-numeric: tabular-nums;
	font-weight: 600;
}
.water-crisis-page .wcr-rank__name { font-weight: 600; color: var(--wcr-text); }
.water-crisis-page .wcr-rank__region {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--wcr-text-secondary);
}
.water-crisis-page .wcr-sev-bar { display: inline-flex; gap: 3px; }
.water-crisis-page .wcr-sev-seg {
	width: 18px;
	height: 8px;
	border-radius: 2px;
	display: inline-block;
	transition: background 0.2s ease;
	background: var(--wcr-surface-elevated);
}
.water-crisis-page .wcr-pct-cell { display: inline-flex; align-items: center; gap: 10px; }
.water-crisis-page .wcr-pct-track {
	width: 100px;
	height: 8px;
	background: var(--wcr-surface-elevated);
	border-radius: 2px;
	overflow: hidden;
}
.water-crisis-page .wcr-pct-fill { height: 100%; border-radius: 2px; }
.water-crisis-page .wcr-pct-n { font-weight: 600; color: var(--wcr-text); font-size: 13px; }
.water-crisis-page .wcr-pct-na { color: var(--wcr-text-muted); }
.water-crisis-page .wcr-driver-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	background: var(--wcr-surface-elevated);
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-pill);
	font-size: 11px;
	font-weight: 600;
	color: var(--wcr-text-secondary);
	white-space: nowrap;
}
.water-crisis-page .wcr-driver-pill i { color: var(--wcr-primary); font-size: 11px; }
.water-crisis-page .wcr-rank__link {
	font-size: 12px;
	font-weight: 600;
	color: var(--wcr-primary);
	display: inline-flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}
.water-crisis-page .wcr-rank__link i { font-size: 10px; transition: transform 0.2s; }
.water-crisis-page .wcr-rank__link:hover i { transform: translateX(3px); }

/* ----- Grid view ----- */
.water-crisis-page .wcr-grid-regions { display: flex; flex-direction: column; gap: 40px; }
.water-crisis-page .wcr-gv__region-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-gv__region-dot { width: 10px; height: 10px; border-radius: 50%; }
.water-crisis-page .wcr-gv__region-title {
	font-size: 18px;
	font-weight: 700;
	color: var(--wcr-heading);
	letter-spacing: -0.01em;
	margin: 0;
	flex: 1;
}
.water-crisis-page .wcr-gv__region-count {
	font-size: 11px;
	color: var(--wcr-text-muted);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	font-weight: 600;
}
.water-crisis-page .wcr-gv__grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 640px) { .water-crisis-page .wcr-gv__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .water-crisis-page .wcr-gv__grid { grid-template-columns: repeat(4, 1fr); } }
.water-crisis-page .wcr-gv__card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	padding: 20px 20px 18px;
	text-decoration: none;
	color: inherit;
	transition: all 0.25s ease;
	position: relative;
	overflow: hidden;
}
.water-crisis-page .wcr-gv__card::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--wcr-sev-col, var(--wcr-sev-3));
}
.water-crisis-page .wcr-gv__card.is-topic::before { background: var(--wcr-border); }
.water-crisis-page .wcr-gv__card:hover {
	transform: translateY(-3px);
	box-shadow: var(--wcr-shadow-md);
	border-color: var(--wcr-sev-col, var(--wcr-sev-3));
}
.water-crisis-page .wcr-gv__card.is-topic:hover { border-color: var(--wcr-text-muted); }
.water-crisis-page .wcr-gv__top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	min-height: 22px;
}
.water-crisis-page .wcr-gv__topic-tag {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	background: var(--wcr-surface-elevated);
	padding: 3px 8px;
	border-radius: var(--wcr-radius-sm);
}
.water-crisis-page .wcr-gv__pct {
	font-size: 22px;
	font-weight: 700;
	color: var(--wcr-heading);
	letter-spacing: -0.02em;
	font-variant-numeric: tabular-nums;
	margin-left: auto;
}
.water-crisis-page .wcr-gv__name {
	font-size: 17px;
	font-weight: 700;
	color: var(--wcr-heading);
	margin: 0 0 10px;
	letter-spacing: -0.01em;
	line-height: 1.25;
}
.water-crisis-page .wcr-gv__sev {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}
.water-crisis-page .wcr-gv__sev-lab {
	font-size: 10px;
	color: var(--wcr-text-muted);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 600;
}
.water-crisis-page .wcr-gv__scarcity {
	font-size: 13px;
	color: var(--wcr-text-secondary);
	line-height: 1.55;
	margin: 0 0 16px;
	flex: 1;
}
.water-crisis-page .wcr-gv__foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.water-crisis-page .wcr-gv__read {
	font-size: 12px;
	font-weight: 600;
	color: var(--wcr-primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.water-crisis-page .wcr-gv__read i { transition: transform 0.2s ease; font-size: 10px; }
.water-crisis-page .wcr-gv__card:hover .wcr-gv__read i { transform: translateX(3px); }

/* ----- Country drawer ----- */
.water-crisis-page .wcr-cd {
	position: sticky;
	bottom: 12px;
	margin-top: 16px;
	z-index: 10;
	animation: wcr-fadeInUp 0.3s ease both;
}
.water-crisis-page .wcr-cd.is-hidden { display: none; }
.water-crisis-page .wcr-cd__card {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	box-shadow: 0 12px 32px rgba(15, 31, 43, 0.12);
	display: flex;
	overflow: hidden;
}
.water-crisis-page .wcr-cd__accent {
	width: 4px;
	background: var(--wcr-sev-col, var(--wcr-sev-3));
	flex-shrink: 0;
}
.water-crisis-page .wcr-cd__main { padding: 20px 24px; flex: 1; }
.water-crisis-page .wcr-cd__head {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 10px;
}
.water-crisis-page .wcr-cd__region {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	margin-bottom: 4px;
}
.water-crisis-page .wcr-cd__name {
	font-size: 22px;
	font-weight: 700;
	color: var(--wcr-heading);
	margin: 0;
	letter-spacing: -0.015em;
}
.water-crisis-page .wcr-cd__close {
	background: transparent;
	border: none;
	font-size: 22px;
	color: var(--wcr-text-muted);
	line-height: 1;
	padding: 4px 8px;
	border-radius: var(--wcr-radius-sm);
}
.water-crisis-page .wcr-cd__close:hover { background: var(--wcr-surface-elevated); color: var(--wcr-text); }
.water-crisis-page .wcr-cd__scarcity {
	font-size: 14px;
	color: var(--wcr-text-secondary);
	line-height: 1.55;
	margin: 0 0 14px;
	max-width: 820px;
}
.water-crisis-page .wcr-cd__stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 16px 24px;
	padding: 14px 0;
	border-top: 1px solid var(--wcr-border-light);
	border-bottom: 1px solid var(--wcr-border-light);
	margin-bottom: 14px;
}
.water-crisis-page .wcr-cd__stat-l {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	margin-bottom: 6px;
}
.water-crisis-page .wcr-cd__stat-v {
	font-size: 16px;
	font-weight: 700;
	color: var(--wcr-text);
	display: flex;
	align-items: center;
	gap: 8px;
}
.water-crisis-page .wcr-cd__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--wcr-primary);
	font-weight: 600;
	font-size: 14px;
}
.water-crisis-page .wcr-cd__cta i { transition: transform 0.2s ease; }
.water-crisis-page .wcr-cd__cta:hover i { transform: translateX(3px); }

/* ============================================================
   Scarcity topics
   ============================================================ */
.water-crisis-page .wcr-topic-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 640px) { .water-crisis-page .wcr-topic-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .water-crisis-page .wcr-topic-grid { grid-template-columns: repeat(4, 1fr); } }
.water-crisis-page .wcr-topic-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-md);
	padding: 18px 20px;
	text-decoration: none;
	color: inherit;
	transition: all 0.2s ease;
}
.water-crisis-page .wcr-topic-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--wcr-shadow-sm);
	border-color: var(--wcr-primary);
}
.water-crisis-page .wcr-topic__tag {
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wcr-brand-orange);
}
.water-crisis-page .wcr-topic__title {
	font-size: 15px;
	font-weight: 700;
	color: var(--wcr-heading);
	margin: 0;
	line-height: 1.3;
}
.water-crisis-page .wcr-topic__blurb {
	font-size: 13px;
	color: var(--wcr-text-secondary);
	line-height: 1.5;
	margin: 0;
	flex: 1;
}
.water-crisis-page .wcr-topic__read {
	font-size: 12px;
	font-weight: 600;
	color: var(--wcr-primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
}
.water-crisis-page .wcr-topic__read i { font-size: 10px; transition: transform 0.2s; }
.water-crisis-page .wcr-topic-card:hover .wcr-topic__read i { transform: translateX(3px); }

/* ============================================================
   Research library
   ============================================================ */
.water-crisis-page .wcr-res-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 820px) { .water-crisis-page .wcr-res-grid { grid-template-columns: repeat(2, 1fr); } }
.water-crisis-page .wcr-res-group {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	overflow: hidden;
}
.water-crisis-page .wcr-res-group__head {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 16px 20px;
	background: var(--wcr-surface-elevated);
	border-bottom: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-res-group__head i { color: var(--wcr-primary); font-size: 15px; }
.water-crisis-page .wcr-res-group__head h3 {
	font-size: 14px;
	font-weight: 700;
	color: var(--wcr-heading);
	margin: 0;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
.water-crisis-page .wcr-res-list { list-style: none; padding: 0; margin: 0; }
.water-crisis-page .wcr-res-list li { border-bottom: 1px solid var(--wcr-border-light); }
.water-crisis-page .wcr-res-list li:last-child { border-bottom: none; }
.water-crisis-page .wcr-res-list a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 14px;
	padding: 14px 20px;
	transition: background 0.15s;
	color: inherit;
}
.water-crisis-page .wcr-res-list a:hover { background: var(--wcr-brand-blue-lighter); }
.water-crisis-page .wcr-res-item__main { flex: 1; min-width: 0; }
.water-crisis-page .wcr-res-item__title {
	font-size: 14px;
	font-weight: 600;
	color: var(--wcr-text);
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
}
.water-crisis-page .wcr-pdf-badge {
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.06em;
	color: var(--wcr-brand-orange);
	background: #FEE9DE;
	padding: 2px 6px;
	border-radius: var(--wcr-radius-sm);
}
.water-crisis-page .wcr-res-item__note {
	font-size: 12px;
	color: var(--wcr-text-muted);
	line-height: 1.4;
	margin-top: 3px;
}
.water-crisis-page .wcr-res-item__arrow {
	color: var(--wcr-text-muted);
	font-size: 11px;
	transition: transform 0.2s, color 0.2s;
	flex-shrink: 0;
}
.water-crisis-page .wcr-res-list a:hover .wcr-res-item__arrow {
	color: var(--wcr-primary);
	transform: translateX(3px);
}

/* ============================================================
   Where we work (dark blue band)
   ============================================================ */
.water-crisis-page .wcr-www {
	background: linear-gradient(135deg, var(--wcr-brand-blue) 0%, var(--wcr-brand-blue-dark) 100%);
	color: #fff;
	padding: clamp(56px, 7vw, 96px) clamp(16px, 4vw, 40px);
}
.water-crisis-page .wcr-www__wrap { max-width: 1200px; margin: 0 auto; }
.water-crisis-page .wcr-www__head { max-width: 780px; margin-bottom: 40px; }
.water-crisis-page .wcr-www .wcr-eyebrow { color: rgba(255, 255, 255, 0.6); }
.water-crisis-page .wcr-www .wcr-eyebrow__rule { background: rgba(255, 255, 255, 0.5); }
.water-crisis-page .wcr-www .wcr-h2 { color: #fff; }
.water-crisis-page .wcr-www__lede { color: rgba(255, 255, 255, 0.8); font-size: 16px; line-height: 1.6; max-width: 640px; margin: 0; }
.water-crisis-page .wcr-www__grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 32px; }
@media (min-width: 820px) { .water-crisis-page .wcr-www__grid { grid-template-columns: repeat(3, 1fr); } }
.water-crisis-page .wcr-www__card {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: var(--wcr-radius-lg);
	padding: clamp(22px, 2.6vw, 32px);
	backdrop-filter: blur(8px);
	color: #fff;
	transition: all 0.25s ease;
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.water-crisis-page .wcr-www__card:hover {
	background: rgba(255, 255, 255, 0.14);
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, 0.3);
}
.water-crisis-page .wcr-www__card-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.water-crisis-page .wcr-www__country {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: -0.015em;
	color: #fff;
}
.water-crisis-page .wcr-www__arrow {
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	transition: transform 0.2s, color 0.2s;
}
.water-crisis-page .wcr-www__card:hover .wcr-www__arrow { color: #fff; transform: translateX(4px); }
.water-crisis-page .wcr-www__body {
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
}
.water-crisis-page .wcr-www__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 20px;
	align-items: center;
	padding-top: 24px;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.water-crisis-page .wcr-www__inline {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	opacity: 0.85;
	transition: opacity 0.2s;
}
.water-crisis-page .wcr-www__inline:hover { opacity: 1; color: #fff; }
.water-crisis-page .wcr-www__inline i { font-size: 11px; transition: transform 0.2s; }
.water-crisis-page .wcr-www__inline:hover i { transform: translateX(3px); }
.water-crisis-page .wcr-www__sep { color: rgba(255, 255, 255, 0.3); }

/* ============================================================
   Causes
   ============================================================ */
.water-crisis-page .wcr-causes-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
@media (min-width: 640px) { .water-crisis-page .wcr-causes-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .water-crisis-page .wcr-causes-grid { grid-template-columns: repeat(3, 1fr); } }
.water-crisis-page .wcr-cause {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	padding: clamp(22px, 2.4vw, 28px);
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: all 0.2s;
}
.water-crisis-page .wcr-cause:hover { transform: translateY(-2px); box-shadow: var(--wcr-shadow-sm); }
.water-crisis-page .wcr-cause__head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}
.water-crisis-page .wcr-cause__icon {
	width: 40px;
	height: 40px;
	background: var(--wcr-brand-blue-lighter);
	border-radius: var(--wcr-radius-md);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--wcr-primary);
	font-size: 16px;
}
.water-crisis-page .wcr-cause__n {
	font-size: 13px;
	font-weight: 700;
	color: var(--wcr-text-muted);
	letter-spacing: 0.05em;
	font-variant-numeric: tabular-nums;
}
.water-crisis-page .wcr-cause__title {
	font-size: 18px;
	font-weight: 700;
	color: var(--wcr-heading);
	margin: 0;
	letter-spacing: -0.01em;
}
.water-crisis-page .wcr-cause__body {
	font-size: 14px;
	line-height: 1.6;
	color: var(--wcr-text-secondary);
	margin: 0;
	flex: 1;
}
.water-crisis-page .wcr-cause__link {
	font-size: 13px;
	font-weight: 600;
	color: var(--wcr-primary);
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 4px;
}
.water-crisis-page .wcr-cause__link i { font-size: 10px; transition: transform 0.2s; }
.water-crisis-page .wcr-cause__link:hover i { transform: translateX(3px); }

/* ============================================================
   Solutions + CTA
   ============================================================ */
.water-crisis-page .wcr-sol-grid { display: grid; grid-template-columns: 1fr; gap: 24px; }
@media (min-width: 900px) { .water-crisis-page .wcr-sol-grid { grid-template-columns: 1.4fr 1fr; } }
.water-crisis-page .wcr-sol-list-wrap {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-lg);
	padding: clamp(24px, 3vw, 36px);
}
.water-crisis-page .wcr-sol-list-head {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wcr-text-muted);
	margin-bottom: 18px;
	padding-bottom: 14px;
	border-bottom: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-sol-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.water-crisis-page .wcr-sol-item {
	display: flex;
	gap: 16px;
	padding: 14px 2px;
	border-bottom: 1px solid var(--wcr-border-light);
}
.water-crisis-page .wcr-sol-item:last-child { border-bottom: none; }
.water-crisis-page .wcr-sol-n {
	font-size: 13px;
	font-weight: 700;
	color: var(--wcr-brand-orange);
	font-variant-numeric: tabular-nums;
	flex-shrink: 0;
	min-width: 28px;
}
.water-crisis-page .wcr-sol-text {
	font-size: 15px;
	color: var(--wcr-text);
	line-height: 1.5;
}
.water-crisis-page .wcr-sol-cta {
	background: linear-gradient(135deg, #0F1F2B 0%, #1A3A50 100%);
	color: #fff;
	border-radius: var(--wcr-radius-lg);
	padding: clamp(24px, 3vw, 36px);
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.water-crisis-page .wcr-sol-cta__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
}
.water-crisis-page .wcr-sol-cta__eyebrow i { color: var(--wcr-accent); }
.water-crisis-page .wcr-sol-cta__title {
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	line-height: 1.25;
	letter-spacing: -0.015em;
}
.water-crisis-page .wcr-sol-cta__body {
	font-size: 14px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	flex: 1;
}
.water-crisis-page .wcr-btn-donate {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background: var(--wcr-donate-red);
	color: #fff;
	padding: 14px 22px;
	border-radius: var(--wcr-radius-md);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	transition: all 0.2s ease;
	align-self: flex-start;
	box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);
}
.water-crisis-page .wcr-btn-donate:hover {
	background: #B91C1C;
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(220, 38, 38, 0.4);
	color: #fff;
}
.water-crisis-page .wcr-btn-donate i { font-size: 11px; }

/* ============================================================
   FAQ
   ============================================================ */
.water-crisis-page .wcr-faq-list { display: flex; flex-direction: column; gap: 8px; }
.water-crisis-page .wcr-faq {
	background: #fff;
	border: 1px solid var(--wcr-border-light);
	border-radius: var(--wcr-radius-md);
	overflow: hidden;
	transition: border-color 0.2s;
}
.water-crisis-page .wcr-faq[open] { border-color: var(--wcr-primary); box-shadow: var(--wcr-shadow-sm); }
.water-crisis-page .wcr-faq__q {
	list-style: none;
	cursor: pointer;
	padding: 18px 22px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	font-size: 16px;
	font-weight: 600;
	color: var(--wcr-heading);
}
.water-crisis-page .wcr-faq__q::-webkit-details-marker { display: none; }
.water-crisis-page .wcr-faq__q:hover { color: var(--wcr-primary); }
.water-crisis-page .wcr-faq__ic {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--wcr-surface-elevated);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--wcr-primary);
	flex-shrink: 0;
	transition: all 0.25s ease;
	font-size: 12px;
}
.water-crisis-page .wcr-faq[open] .wcr-faq__ic {
	background: var(--wcr-primary);
	color: #fff;
	transform: rotate(45deg);
}
.water-crisis-page .wcr-faq__a {
	padding: 0 22px 20px;
	font-size: 15px;
	line-height: 1.65;
	color: var(--wcr-text-secondary);
	max-width: 720px;
}