.cerisk-hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;background:radial-gradient(circle at 75% 20%,rgba(108,165,90,.18),transparent 36%),linear-gradient(135deg,#0b5b2b,#155e31);color:#dce9dc;position:relative;overflow:hidden}.cerisk-hero:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-50px;height:110px;background:#edf5df;border-radius:50% 50% 0 0/100% 100% 0 0}.cerisk-hero-copy,.cerisk-hero-panel{position:relative;z-index:1}.cerisk-grant{display:inline-block;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px;font-size:.72rem;margin-bottom:26px}.cerisk-hero h1{font-size:clamp(3.3rem,6vw,5.6rem);color:#fff}.cerisk-hero h1 span{color:#a4c85f}.cerisk-hero p{margin:4px 0;color:#bcd0c0}.cerisk-pills,.cerisk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cerisk-pills a{color:#e4eee4;text-decoration:none;border:1px solid rgba(255,255,255,.24);padding:6px 12px;border-radius:999px;font-size:.78rem}.cerisk-btn{display:inline-flex;align-items:center;text-decoration:none;padding:10px 18px;border-radius:4px;font-weight:700;font-size:.82rem}.cerisk-btn-primary{background:#739d22;color:#fff}.cerisk-btn-secondary{border:1px solid rgba(255,255,255,.5);color:#fff}.cerisk-hero-panel{background:#073f1d;color:#b8cbbd;border-color:#2b6f40}.cerisk-equation-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.cerisk-equation-box{min-width:74px;padding:10px;border-radius:9px;text-align:center;border:1px solid}.cerisk-equation-box strong{display:block;font-family:"Cormorant Garamond";font-size:1.8rem;line-height:1}.cerisk-equation-box span{font-size:.58rem}.cerisk-equation-box.hazard{background:#fff2e5;border-color:#e9a46e;color:#b44c09}.cerisk-equation-box.exposure{background:#edf6ff;border-color:#9fc4df;color:#12679f}.cerisk-equation-box.vulnerability{background:#eef7e8;border-color:#b6d09d;color:#397522}.cerisk-equation-box.risk{background:#165f2d;border-color:#165f2d;color:#fff}.cerisk-facts{margin:18px 0 0}.cerisk-facts div{display:grid;grid-template-columns:110px 1fr;border-top:1px solid rgba(255,255,255,.1);padding:7px 0;font-size:.7rem}.cerisk-facts dt{color:#7fa68b}.cerisk-facts dd{margin:0;color:#d5e1d7}.cerisk-infographic{background:#fff;border:1px solid var(--border);border-radius:16px;padding:24px}.cerisk-layers{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:24px;align-items:center}.cerisk-layer-copy{background:#f3f8e9;border:1px solid var(--border);border-radius:12px;padding:18px;color:#195c31}.cerisk-layer-stack{display:grid;gap:10px}.layer{padding:24px 12px;text-align:center;border-radius:12px;color:#fff;font-weight:700;transform:skewY(-2deg)}.hazard-layer{background:linear-gradient(135deg,#f6813b,#506d92)}.exposure-layer{background:#8299aa}.vulnerability-layer{background:#4f9d70}.risk-layer{background:linear-gradient(135deg,#f6d04d,#dd522d,#1b6ebb)}.cerisk-layer-definitions{display:grid;gap:10px}.cerisk-layer-definitions div{border:1px solid var(--border);border-radius:10px;padding:12px}.cerisk-layer-definitions strong,.cerisk-layer-definitions span{display:block}.cerisk-layer-definitions span{font-size:.72rem;color:#5f6c66}.cerisk-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.cerisk-panel h3{font-size:1.6rem;text-align:center}.cerisk-balance{height:190px;display:flex;justify-content:center;align-items:end;gap:20px;position:relative;padding-bottom:28px}.cerisk-balance:before{content:"";position:absolute;bottom:18px;width:75%;height:8px;background:#52656c;border-radius:8px}.cerisk-balance:after{content:"";position:absolute;bottom:0;width:0;height:0;border-left:35px solid transparent;border-right:35px solid transparent;border-bottom:45px solid #70848c}.weight{width:72px;height:74px;display:grid;place-items:center;border-radius:10px 10px 18px 18px;font-family:"Cormorant Garamond";font-size:2rem;position:relative;z-index:1}.weight.hazard{background:#f7ae6c}.weight.exposure{background:#bcd4e5}.weight.vulnerability{background:#80b35f;color:#fff}.andalusian .weight.vulnerability{width:95px;height:112px}.andalusian:before{transform:rotate(8deg)}.cerisk-formula{text-align:center;font-family:"IBM Plex Mono";font-size:.8rem;margin:8px 0}.cerisk-panel p{text-align:center;color:#596861}.cerisk-callout{margin-top:18px;padding:16px;border-left:4px solid #83ad3c;background:#f0f6e6;border-radius:8px;font-weight:700}.cerisk-grid-wrap{display:grid;grid-template-columns:1fr 300px;gap:24px}.cerisk-map-grid{display:grid;grid-template-columns:1.25fr repeat(6,1fr);background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden}.cell{min-height:66px;display:grid;place-items:center;padding:8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;font-size:.7rem}.cell.head{background:#f7f9f3;font-weight:700}.cell.row{justify-content:start;font-weight:700}.cell.active{font-size:1.2rem;font-weight:800}.drought{color:#b46d05}.heatwave{color:#bd2128}.wildfire{color:#cf3b16}.floods{color:#136fba}.cerisk-nexus{background:#145f2f;color:#dcebdc;border-radius:14px;padding:24px}.cerisk-nexus h3{color:#fff;font-size:1.6rem}.cerisk-nexus dl div{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding:7px 0;font-size:.78rem}.cerisk-nexus dd{margin:0;color:#b7d663;font-weight:700}.cerisk-hazard-section{background:#fff;border-top:3px solid}.cerisk-hazard-section.drought{border-color:#b56d08}.cerisk-hazard-section.heatwave{border-color:#c41f29}.cerisk-hazard-section.wildfire{border-color:#d53720}.cerisk-hazard-section.floods{border-color:#1477b8}.cerisk-hazard-section>p,.cerisk-hazard-section>.cerisk-stat-row{max-width:900px}.cerisk-hazard-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:24px}.cerisk-hazard-heading>span{display:grid;place-items:center;width:54px;height:54px;border:1px solid currentColor;border-radius:14px}.cerisk-hazard-heading small{font-family:"IBM Plex Mono";letter-spacing:.12em;color:#a33e17}.cerisk-hazard-heading h2{font-size:2.4rem;margin:2px 0}.cerisk-hazard-heading em{color:#68756f}.cerisk-stat-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cerisk-stat-row div{min-width:220px;border:1px solid #e4b873;background:#fff9ee;border-radius:12px;padding:12px}.cerisk-stat-row strong,.cerisk-stat-row span{display:block}.cerisk-stat-row strong{font-family:"Cormorant Garamond";font-size:1.4rem}.cerisk-stat-row span{font-size:.72rem}.cerisk-resilience{background:#145f2f;color:#cfe0d1}.cerisk-resilience h2,.cerisk-resilience .cerisk-kicker{color:#fff}.cerisk-loop{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;align-items:center;margin:20px auto 30px;max-width:900px}.loop-step{display:flex;align-items:center;gap:8px;background:#f5f8e9;color:#163126;border-radius:999px;padding:10px 14px}.loop-step strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#85ad3f;color:#fff}.loop-center{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:#0f4d26;color:#fff;font-size:2rem}.cerisk-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cerisk-process-grid>div{background:#07491f;border-radius:14px;padding:22px}.cerisk-process-grid b{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#7fa92b}.cerisk-process-grid h3{display:inline;margin-left:8px;color:#fff}.cerisk-process-grid strong{display:block;background:#003b15;border-radius:10px;padding:16px;text-align:center;margin-top:14px}.cerisk-risk-classes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;background:#07491f;padding:22px;border-radius:14px;margin-top:22px}.cerisk-risk-classes div{display:grid;gap:4px;text-align:center;border-radius:12px;padding:14px;color:#fff}.very-low{background:#2e7441}.low{background:#4b7a36}.moderate{background:#7a7a25}.high{background:#87551f}.very-high{background:#812825}.cerisk-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.cerisk-filters button{border:1px solid var(--border);background:#fff;border-radius:999px;padding:7px 13px;font:inherit;font-size:.76rem;cursor:pointer}.cerisk-filters button.is-active{background:#17703a;color:#fff}.cerisk-reference-list{display:grid;gap:12px;list-style:none;padding:0}.cerisk-reference-list li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start;background:#fff;border-radius:12px;padding:16px}.cerisk-reference-list li[hidden]{display:none}.cerisk-ref-number{display:grid;place-items:center;width:28px;height:28px;background:#17703a;color:#fff;border-radius:50%;font-weight:700;font-size:.75rem}.cerisk-reference-list p{margin:0}.cerisk-source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cerisk-source-grid div{border:1px solid var(--border);border-radius:10px;padding:12px}.cerisk-source-grid strong,.cerisk-source-grid span{display:block}.cerisk-source-grid span{font-size:.72rem;color:#728079}.cerisk-footer{background:#003d12;color:#9fc2a5;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px}.cerisk-footer img{width:100px}.cerisk-footer .cerisk-kicker{color:#6d9b72}@media(max-width:1100px){.cerisk-hero,.cerisk-grid-wrap{grid-template-columns:1fr}.cerisk-model-grid{grid-template-columns:1fr}.cerisk-layers{grid-template-columns:1fr 1fr}.cerisk-layer-copy{grid-column:1/-1}.cerisk-process-grid,.cerisk-source-grid{grid-template-columns:1fr 1fr}.cerisk-risk-classes{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cerisk-layers,.cerisk-process-grid,.cerisk-source-grid,.cerisk-footer{grid-template-columns:1fr}.cerisk-risk-classes{grid-template-columns:1fr}.cerisk-map-grid{min-width:900px}.cerisk-grid-wrap{overflow-x:auto}.cerisk-hero{padding-top:70px}}

/* Step 5 readability and methodology redesign */
.cerisk-section {
	max-width: 1800px;
	margin-inline: auto;
}

.cerisk-infographic {
	padding: 42px;
	border-radius: 24px;
}

.cerisk-risk-definition {
	display: grid;
	grid-template-columns: minmax(260px, .72fr) minmax(580px, 1.65fr);
	gap: 34px;
	align-items: center;
}

.cerisk-risk-intro {
	padding: 30px;
	border: 1px solid var(--border);
	border-radius: 18px;
	background: #f2f7e8;
	font-size: 1.22rem;
	line-height: 1.75;
}

.cerisk-risk-intro strong {
	display: block;
	color: #0d5429;
	font-size: 1.4rem;
}

.cerisk-risk-equation-large {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}

.cerisk-risk-equation-large > b {
	font-size: 2.1rem;
	color: #18372b;
}

.cerisk-risk-equation-large .cerisk-equation-box {
	width: 160px;
	min-height: 160px;
	display: grid;
	align-content: center;
	padding: 22px 14px;
	border-radius: 18px;
}

.cerisk-risk-equation-large .cerisk-equation-box strong {
	font-size: 4.2rem;
}

.cerisk-risk-equation-large .cerisk-equation-box span {
	font-size: 1rem;
	font-weight: 700;
}

.cerisk-risk-definitions {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

.cerisk-risk-definitions article {
	padding: 24px;
	border: 1px solid var(--border);
	border-radius: 16px;
	background: #fff;
}

.cerisk-risk-definitions h3 {
	font-size: 2rem;
	margin-bottom: 10px;
}

.cerisk-risk-definitions p {
	margin: 0;
	color: #56665e;
	font-size: 1.05rem;
}

.cerisk-model-grid {
	gap: 30px;
}

.cerisk-panel h3 {
	font-size: 2.15rem;
}

.cerisk-balance {
	height: 260px;
}

.weight {
	width: 100px;
	height: 108px;
	font-size: 3rem;
}

.andalusian .weight.vulnerability {
	width: 130px;
	height: 158px;
}

.cerisk-formula {
	font-size: 1.28rem;
	margin: 18px 0;
	font-weight: 700;
}

.cerisk-panel p {
	font-size: 1.08rem;
}

.cerisk-callout {
	padding: 24px 28px;
	font-size: 1.16rem;
	line-height: 1.65;
}

.cerisk-grid-wrap {
	grid-template-columns: minmax(900px, 1fr) 360px;
	gap: 30px;
}

.cerisk-map-grid {
	min-width: 1100px;
}

.cell {
	min-height: 108px;
	padding: 18px 14px;
	font-size: 1rem;
}

.cell.head {
	font-size: 1.02rem;
	line-height: 1.35;
}

.cell.row {
	font-size: 1.08rem;
}

.cell.active {
	font-size: 2rem;
}

.cerisk-nexus {
	padding: 32px;
}

.cerisk-nexus h3 {
	font-size: 2.15rem;
}

.cerisk-nexus p,
.cerisk-nexus dl {
	font-size: 1rem;
}

.cerisk-hazard-section > p {
	font-size: 1.15rem;
	line-height: 1.8;
}

.cerisk-hazard-heading h2 {
	font-size: 3.15rem;
}

.cerisk-hazard-heading small {
	font-size: .8rem;
}

.cerisk-hazard-heading em {
	font-size: 1.08rem;
}

.cerisk-stat-row {
	gap: 18px;
}

.cerisk-stat-row div {
	min-width: 300px;
	min-height: 150px;
	display: grid;
	align-content: center;
	padding: 24px;
	border-radius: 18px;
}

.cerisk-stat-row strong {
	font-size: 2rem;
}

.cerisk-stat-row span {
	font-size: 1rem;
	line-height: 1.55;
}

.cerisk-hazard-button {
	display: inline-flex;
	margin-top: 28px;
	padding: 14px 20px;
	border-radius: 8px;
	background: #e9efe2;
	color: #617268;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	cursor: not-allowed;
}

.cerisk-process-grid h3 {
	font-size: 1.7rem;
}

.cerisk-process-grid p,
.cerisk-process-grid strong {
	font-size: 1rem;
}

.cerisk-risk-classes div {
	min-height: 150px;
	align-content: center;
	font-size: 1rem;
}

.cerisk-reference-list li {
	padding: 24px;
	font-size: 1rem;
}

.cerisk-source-grid div {
	min-height: 130px;
	padding: 20px;
	font-size: 1rem;
}

.cerisk-source-grid span {
	font-size: .92rem;
}

.cerisk-search-label {
	display: block;
	margin-top: 20px;
	font-weight: 700;
}

.cerisk-search {
	width: 100%;
	max-width: 680px;
	margin: 8px 0 26px;
	padding: 15px 18px;
	border: 1px solid var(--border);
	border-radius: 10px;
	background: #fff;
	font: inherit;
}

@media (max-width: 1300px) {
	.cerisk-risk-definition {
		grid-template-columns: 1fr;
	}

	.cerisk-risk-definitions {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.cerisk-grid-wrap {
		grid-template-columns: 1fr;
		overflow-x: auto;
	}
}

@media (max-width: 760px) {
	.cerisk-risk-equation-large {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cerisk-risk-equation-large > b {
		text-align: center;
	}

	.cerisk-risk-equation-large .cerisk-equation-box {
		width: 100%;
	}

	.cerisk-risk-definitions {
		grid-template-columns: 1fr;
	}

	.cerisk-stat-row div {
		min-width: 100%;
	}

	.cell {
		font-size: .9rem;
	}
}


/* Step 6: enlarged hero equation and redesigned fact cards */
.cerisk-hero {
	grid-template-columns: minmax(420px, .8fr) minmax(760px, 1.35fr);
	gap: 64px;
	min-height: 820px;
}

.cerisk-hero-equation-panel {
	width: 100%;
	max-width: 1180px;
	justify-self: stretch;
	padding: 42px 46px;
	border-radius: 28px;
}

.cerisk-hero-equation-panel .cerisk-kicker {
	font-size: .84rem;
	margin-bottom: 22px;
}

.cerisk-hero-equation-panel .cerisk-equation-row {
	gap: 24px;
	margin-bottom: 28px;
}

.cerisk-hero-equation-panel .cerisk-equation-row > b {
	font-size: 2.6rem;
	color: #dce8de;
}

.cerisk-hero-equation-panel .cerisk-equation-box {
	min-width: 132px;
	min-height: 132px;
	display: grid;
	align-content: center;
	padding: 20px;
	border-radius: 18px;
}

.cerisk-hero-equation-panel .cerisk-equation-box strong {
	font-size: 4rem;
}

.cerisk-hero-equation-panel .cerisk-equation-box span {
	font-size: .92rem;
	font-weight: 700;
}

.cerisk-hero-equation-panel .cerisk-facts {
	margin-top: 30px;
}

.cerisk-hero-equation-panel .cerisk-facts div {
	grid-template-columns: 150px 1fr;
	padding: 13px 0;
	font-size: .98rem;
}

.cerisk-hero-equation-panel .cerisk-facts dt {
	font-weight: 700;
}

.cerisk-stat-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
	gap: 22px;
	max-width: 1100px;
}

.cerisk-stat-card {
	min-height: 170px;
	display: grid;
	grid-template-columns: 74px 1fr;
	gap: 20px;
	align-items: center;
	padding: 26px 28px;
	border: 1px solid;
	border-radius: 22px;
	box-shadow: 0 14px 34px rgba(28, 58, 42, .08);
	background:
		linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,255,255,.72)),
		#fffaf1;
	transition: transform .18s ease, box-shadow .18s ease;
}

.cerisk-stat-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 18px 42px rgba(28, 58, 42, .12);
}

.cerisk-stat-card .cerisk-stat-icon {
	width: 64px;
	height: 64px;
	display: grid;
	place-items: center;
	border-radius: 18px;
	font-family: "IBM Plex Mono", monospace;
	font-size: 1.05rem;
	font-weight: 700;
}

.cerisk-stat-card strong {
	display: block;
	margin-bottom: 8px;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2.25rem;
	line-height: 1.05;
}

.cerisk-stat-card span {
	display: block;
	font-size: 1.02rem;
	line-height: 1.55;
	color: #5a675f;
}

.cerisk-stat-card.drought-card {
	border-color: #e0ad59;
	background: linear-gradient(135deg, #fffaf1, #fff4db);
}

.cerisk-stat-card.drought-card .cerisk-stat-icon {
	background: #fff0c8;
	color: #a96100;
}

.cerisk-stat-card.heatwave-card {
	border-color: #e89a9f;
	background: linear-gradient(135deg, #fff6f6, #ffeaea);
}

.cerisk-stat-card.heatwave-card .cerisk-stat-icon {
	background: #ffe0e2;
	color: #b5242e;
}

.cerisk-stat-card.wildfire-card {
	border-color: #ec9e80;
	background: linear-gradient(135deg, #fff6f0, #ffe9df);
}

.cerisk-stat-card.wildfire-card .cerisk-stat-icon {
	background: #ffe0d4;
	color: #c94219;
}

.cerisk-stat-card.floods-card {
	border-color: #9dc9e8;
	background: linear-gradient(135deg, #f5fbff, #eaf5ff);
}

.cerisk-stat-card.floods-card .cerisk-stat-icon {
	background: #dcefff;
	color: #116da8;
}

@media (max-width: 1500px) {
	.cerisk-hero {
		grid-template-columns: 1fr;
	}

	.cerisk-hero-equation-panel {
		max-width: none;
	}
}

@media (max-width: 760px) {
	.cerisk-hero-equation-panel {
		padding: 28px 20px;
	}

	.cerisk-hero-equation-panel .cerisk-equation-row {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cerisk-hero-equation-panel .cerisk-equation-row > b {
		text-align: center;
	}

	.cerisk-hero-equation-panel .cerisk-equation-box {
		width: 100%;
	}

	.cerisk-hero-equation-panel .cerisk-facts div {
		grid-template-columns: 1fr;
		gap: 4px;
	}

	.cerisk-stat-card {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.cerisk-stat-card .cerisk-stat-icon {
		margin-inline: auto;
	}
}


/* Step 19: active hazard methodology links */
.cerisk-hazard-button-live {
  cursor: pointer;
  pointer-events: auto;
}
.cerisk-hazard-button-live:hover,
.cerisk-hazard-button-live:focus-visible {
  filter: brightness(.96);
  transform: translateY(-1px);
}