.cerisk-drought-main{background:#fff}.cerisk-drought-hero{padding:52px clamp(24px,5vw,78px) 26px}.cerisk-drought-title{display:flex;align-items:center;gap:16px;margin-bottom:26px}.cerisk-drought-title h1{font-size:3rem;margin:0}.cerisk-drought-icon{display:grid;place-items:center;width:56px;height:56px;border:2px solid #e1a600;border-radius:16px}.cerisk-drought-blueprint{border:1px solid #cdd9cf;border-radius:22px;overflow:hidden;background:#fff}.cerisk-blueprint-top{padding:14px 22px;background:#155e31;color:#b8d0bd;font-family:"IBM Plex Mono";font-size:.8rem;letter-spacing:.12em}.cerisk-blueprint-body{display:grid;grid-template-columns:240px 1fr 190px;gap:28px;align-items:center;padding:34px;background:#1f2f3b;color:#eef5f0}.cerisk-blueprint-hazard,.cerisk-blueprint-sectors article{border:2px solid #f06446;border-radius:12px;padding:18px}.cerisk-blueprint-sectors{display:grid;gap:20px}.cerisk-blueprint-sectors article>div{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:12px;border:1px solid #5aa68c;margin-top:10px}.cerisk-blueprint-result{display:grid;place-items:center;aspect-ratio:1;border:6px solid #ff684e;border-radius:50%;text-align:center}.cerisk-sector-summary{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.cerisk-sector-summary article{display:flex;gap:16px;padding:24px;border:1px solid #e4b139;border-radius:16px;background:#fffdf5}.cerisk-sector-summary h2{font-size:1.7rem;margin-bottom:6px}.cerisk-drought-tabs{position:sticky;top:52px;z-index:800;display:flex;gap:0;padding:0 clamp(24px,5vw,78px);background:#fff;border-bottom:1px solid #dfe5df}.cerisk-drought-tabs button{border:0;background:none;padding:18px 22px;font:inherit;font-weight:700;color:#9aa4b3;border-bottom:3px solid transparent;cursor:pointer}.cerisk-drought-tabs button.is-active{color:#a24d17;border-color:#b7521b}.cerisk-drought-tab-panel{display:none;padding:46px clamp(24px,5vw,78px) 80px}.cerisk-drought-tab-panel.is-active{display:block}.cerisk-drought-section-head{max-width:980px;margin-bottom:28px}.cerisk-drought-section-head h2{font-size:3rem}.cerisk-formula-card{border:2px solid #e7b400;border-radius:20px;overflow:hidden;margin-bottom:34px}.cerisk-formula-card>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 28px;background:#fff9e9}.cerisk-formula-card>header h3{font-size:1.6rem}.cerisk-formula-card>header>strong{padding:10px 16px;border-radius:8px;background:#f6ead5;color:#9d4517}.cerisk-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:26px}.cerisk-component-grid article{padding:22px;border-radius:16px;border:1px solid}.cerisk-component-grid .hazard{border-color:#f0b29b;background:#fffaf7}.cerisk-component-grid .exposure{border-color:#b6d7eb;background:#f8fcff}.cerisk-component-grid .vulnerability{border-color:#bcd9c5;background:#f8fcf8}.cerisk-component-grid h4{font-family:"IBM Plex Mono";font-size:1.05rem}.cerisk-component-grid dl div{padding:10px 0;border-top:1px solid #eef1ee}.cerisk-component-grid dt{font-weight:700}.cerisk-component-grid dd{margin:3px 0 0;color:#5d6b65}.cerisk-accordion-group>h2,.cerisk-classification-groups>h2,.cerisk-regional-sources>h2{font-family:"IBM Plex Mono";font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;color:#99a4b4}.cerisk-accordion-group details,.cerisk-classification-groups details{border:1px solid #dfe4e7;border-radius:14px;margin-top:12px;overflow:hidden}.cerisk-accordion-group summary,.cerisk-classification-groups summary{padding:18px 22px;background:#f7f9fa;font-weight:700;cursor:pointer}.badge{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#fff;margin-right:10px}.badge.hazard{background:#ec5a00}.badge.exposure{background:#0873aa}.badge.vulnerability{background:#278548}.cerisk-variable-list article{display:grid;grid-template-columns:1.5fr .8fr .5fr;gap:24px;padding:22px;border-top:1px solid #eef1f2}.cerisk-variable-list h3{font-family:Manrope;font-size:1.1rem}.cerisk-variable-list span{display:block;font-family:"IBM Plex Mono";font-size:.7rem;text-transform:uppercase;color:#9aa6b6}.cerisk-variable-list p{margin:4px 0;color:#62706a}.cerisk-andalusian-card{border:1px solid #d8e0dc;border-radius:18px;overflow:hidden;margin-bottom:34px}.cerisk-andalusian-card header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:28px;background:#155e31;color:#fff}.cerisk-andalusian-card h3{color:#fff;font-size:2.5rem}.cerisk-weight-badges{display:flex;gap:10px}.cerisk-weight-badges span{display:grid;place-items:center;min-width:72px;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.15)}.cerisk-weight-badges small{display:block}.cerisk-andalusian-card>p{padding:24px;margin:0}.cerisk-threshold-block{padding:24px;border-top:1px solid #edf0ee}.cerisk-threshold-table{border:1px solid #edf0ee;border-radius:14px;overflow:hidden}.cerisk-threshold-table div{display:grid;grid-template-columns:1.3fr .5fr 1fr;gap:18px;padding:14px 16px;border-top:1px solid #edf0ee}.cerisk-threshold-table b{color:#a56b00}.cerisk-threshold-table em{text-align:right;color:#6d7882}.cerisk-regional-sources{margin-top:34px}.cerisk-measure-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.cerisk-measure-filters button{border:1px solid #dde3e7;background:#fff;border-radius:999px;padding:9px 14px;font:inherit;font-weight:700;color:#7c8796;cursor:pointer}.cerisk-measure-filters button.is-active{background:#155e31;color:#fff}.cerisk-measure-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cerisk-measure-card{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:22px;border:1px solid #e7eaed;border-radius:16px}.cerisk-measure-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef6ff}.cerisk-measure-card h3{font-family:Manrope;font-size:1.05rem}.cerisk-measure-tag{display:inline-block;padding:4px 8px;border-radius:5px;font-family:"IBM Plex Mono";font-size:.68rem}.cerisk-measure-tag.infrastructure{background:#e8f4ff;color:#0b6fa8}.cerisk-measure-tag.environment{background:#edf7e7;color:#398142}.cerisk-measure-tag.governance{background:#f1eaff;color:#7c31e9}.cerisk-measure-tag.society{background:#fff1e7;color:#c55b19}.cerisk-measure-card small{color:#99a5b3}.cerisk-risk-reduction-note{margin-top:28px;padding:22px;border-left:4px solid #b35a1c;border-radius:12px;background:#fff9e8}.cerisk-hazard-button-live{background:#a94f1b;color:#fff;cursor:pointer}@media(max-width:1000px){.cerisk-blueprint-body,.cerisk-component-grid,.cerisk-sector-summary,.cerisk-measure-grid{grid-template-columns:1fr}.cerisk-blueprint-result{max-width:180px;margin:auto}.cerisk-variable-list article{grid-template-columns:1fr}.cerisk-andalusian-card header{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.cerisk-drought-tabs{overflow-x:auto}.cerisk-drought-tabs button{white-space:nowrap}.cerisk-threshold-table div{grid-template-columns:1fr}.cerisk-threshold-table em{text-align:left}}


/* Step 8: ClimEmpower typography, risk gradients and working filters */
.cerisk-drought-blueprint,
.cerisk-drought-blueprint * {
	font-family: "Manrope", system-ui, sans-serif;
}

.cerisk-drought-blueprint h3,
.cerisk-drought-blueprint strong {
	font-family: "Cormorant Garamond", Georgia, serif;
}

.cerisk-drought-blueprint h3 {
	color: #f3f8ea;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: .01em;
}

.cerisk-blueprint-hazard h3 {
	color: #ff8b65;
}

.cerisk-blueprint-sectors article h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #f4f8ef;
}

.cerisk-blueprint-hazard,
.cerisk-blueprint-sectors article {
	position: relative;
	background: rgba(255,255,255,.025);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.cerisk-blueprint-hazard p,
.cerisk-blueprint-sectors span {
	font-size: 1.02rem;
	line-height: 1.65;
}

.cerisk-blueprint-sectors article > div {
	align-items: center;
	background: rgba(255,255,255,.025);
}

.cerisk-blueprint-sectors article > div strong {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #f6f9f5;
	font-size: 1.12rem;
}

.cerisk-blueprint-icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	margin-bottom: 12px;
	border-radius: 12px;
	background: rgba(255,104,78,.18);
	border: 1px solid #ff684e;
	color: #ff8d70;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.7rem;
	font-weight: 700;
}

.cerisk-blueprint-icon.risk {
	margin: 0 auto 12px;
	background: rgba(255,255,255,.06);
}

.mini-icon {
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border-radius: 7px;
	color: #fff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1rem;
}

.mini-icon.exposure {
	background: #0873aa;
}

.mini-icon.vulnerability {
	background: #278548;
}

.cerisk-blueprint-result strong {
	color: #fff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.7rem;
}

.cerisk-blueprint-result span {
	font-size: 1.15rem;
}

/* Andalusian icons */
.threshold-icon {
	display: inline-grid;
	place-items: center;
	width: 38px;
	height: 38px;
	margin-right: 9px;
	border-radius: 10px;
	font-family: "Manrope", system-ui, sans-serif;
	font-size: 1rem;
	vertical-align: middle;
}

.threshold-icon.hazard {
	background: #fff0e4;
	color: #dd5b00;
}

.threshold-icon.exposure {
	background: #eaf6ff;
	color: #0873aa;
}

.threshold-icon.vulnerability {
	background: #eaf7ed;
	color: #278548;
}

/* Risk severity score with colour gradient bars */
.cerisk-threshold-table b.score {
	display: grid;
	grid-template-columns: minmax(60px, 110px) auto;
	gap: 12px;
	align-items: center;
	font-family: "IBM Plex Mono", monospace;
	font-size: 1rem;
}

.cerisk-threshold-table b.score span {
	display: block;
	height: 8px;
	border-radius: 999px;
	background: currentColor;
}

.score-1,
.score-2 {
	color: #6da93b !important;
}

.score-3,
.score-4 {
	color: #a7a821 !important;
}

.score-5,
.score-6 {
	color: #d18b00 !important;
}

.score-7,
.score-8 {
	color: #ca5422 !important;
}

.score-10 {
	color: #c62222 !important;
}

.cerisk-threshold-table div {
	transition: background-color .16s ease;
}

.cerisk-threshold-table div:hover {
	background: #fafcf8;
}

/* Ensure filter behaviour is not overridden by grid display */
.cerisk-measure-card[hidden],
.cerisk-drought-tab-panel[hidden] {
	display: none !important;
}

.cerisk-measure-filters button {
	transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease;
}

.cerisk-measure-filters button:hover {
	transform: translateY(-1px);
	border-color: #155e31;
	color: #155e31;
}

.cerisk-measure-filters button.is-active[data-measure-filter="infrastructure"] {
	background: #0873aa;
	border-color: #0873aa;
}

.cerisk-measure-filters button.is-active[data-measure-filter="environment"] {
	background: #278548;
	border-color: #278548;
}

.cerisk-measure-filters button.is-active[data-measure-filter="governance"] {
	background: #7c31e9;
	border-color: #7c31e9;
}

.cerisk-measure-filters button.is-active[data-measure-filter="society"] {
	background: #c55b19;
	border-color: #c55b19;
}

@media (max-width: 760px) {
	.cerisk-threshold-table b.score {
		grid-template-columns: minmax(90px, 1fr) auto;
	}
}


/* Step 9: cream ClimEmpower blueprint and explicit risk layer */
.cerisk-drought-blueprint {
	border-color: #d7dfce;
	background: #fbfaf4;
	box-shadow: 0 14px 36px rgba(28, 58, 42, .08);
}

.cerisk-blueprint-top {
	background: #155e31;
	color: #dcebdc;
}

.cerisk-blueprint-body {
	grid-template-columns: minmax(220px, .75fr) minmax(620px, 2fr) minmax(210px, .72fr);
	background:
		radial-gradient(circle at 82% 18%, rgba(166,200,100,.14), transparent 30%),
		linear-gradient(135deg, #f6f8e9 0%, #fbfaf4 60%, #eef5df 100%);
	color: #17332a;
}

.cerisk-blueprint-hazard,
.cerisk-blueprint-sectors article {
	background: rgba(255,255,255,.86);
	border-color: #d96a45;
	box-shadow: 0 10px 24px rgba(28,58,42,.06);
}

.cerisk-drought-blueprint h3,
.cerisk-drought-blueprint strong {
	color: #0d5429;
}

.cerisk-blueprint-hazard h3 {
	color: #c65126;
}

.cerisk-blueprint-hazard p,
.cerisk-blueprint-sectors span {
	color: #465950;
}

.cerisk-blueprint-sectors article > div {
	background: #fff;
	border-color: #a9cdb7;
}

.cerisk-blueprint-sectors article > div strong {
	color: #17332a;
}

.cerisk-blueprint-result {
	background: linear-gradient(145deg, #155e31, #0a4823);
	border-color: #f06a4e;
	color: #fff;
	box-shadow: 0 12px 28px rgba(21,94,49,.18);
}

.cerisk-blueprint-result strong,
.cerisk-blueprint-result span,
.cerisk-blueprint-result small {
	color: #fff;
}

.cerisk-blueprint-result small {
	display: block;
	max-width: 150px;
	margin-top: 10px;
	font-size: .78rem;
	line-height: 1.45;
	opacity: .82;
	text-align: center;
}

.mini-icon.risk {
	background: #155e31;
}

.cerisk-sector-risk {
	border-color: #98b99f !important;
	background: linear-gradient(135deg, #f0f6e6, #fbfaf4) !important;
}

.cerisk-sector-risk > span:last-child {
	font-family: "IBM Plex Mono", monospace;
	color: #155e31;
	font-weight: 700;
}

@media (max-width: 1000px) {
	.cerisk-blueprint-body {
		grid-template-columns: 1fr;
	}

	.cerisk-blueprint-result {
		width: min(220px, 100%);
	}
}


/* Step 10: viewer-friendly risk blueprint and complete risk legend */
.cerisk-drought-blueprint {
	overflow: visible;
}

.cerisk-blueprint-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cerisk-blueprint-info {
	display: inline-grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(255,255,255,.45);
	border-radius: 50%;
	font-family: Georgia, serif;
	font-size: .85rem;
}

.cerisk-blueprint-body {
	grid-template-columns: minmax(230px, .72fr) minmax(640px, 2fr) minmax(320px, .95fr);
	align-items: stretch;
}

.cerisk-blueprint-hazard {
	align-self: center;
	padding: 28px;
}

.cerisk-blueprint-weather-icon {
	display: grid;
	place-items: center;
	width: 72px;
	height: 72px;
	margin-bottom: 18px;
	border: 1px solid #e8b990;
	border-radius: 20px;
	background: #fff8ef;
	color: #dc6b23;
	font-size: 2rem;
}

.cerisk-blueprint-hazard ul {
	list-style: none;
	margin: 22px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #ead9c5;
}

.cerisk-blueprint-hazard li {
	display: grid;
	grid-template-columns: 28px 1fr;
	gap: 8px;
	margin-top: 12px;
	color: #526259;
	font-size: .94rem;
}

.cerisk-blueprint-sectors article {
	padding: 22px;
	border-color: #b9d0bc;
}

.cerisk-blueprint-sectors article header {
	display: grid;
	grid-template-columns: 1fr auto auto;
	gap: 14px;
	align-items: center;
	margin-bottom: 16px;
}

.cerisk-blueprint-sectors article header h3 {
	margin: 0;
	color: #0d5429;
}

.cerisk-sector-formula {
	padding: 9px 14px;
	border-radius: 10px;
	background: #fff4d9;
	color: #6f4b19;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.18rem;
	font-weight: 700;
}

.cerisk-blueprint-sectors article header small {
	color: #67756d;
}

.row-icon {
	display: inline-block;
	min-width: 28px;
	margin-right: 8px;
	font-size: 1.25rem;
	text-align: center;
}

.cerisk-risk-legend {
	padding: 24px;
	border: 1px solid #d6dfd3;
	border-radius: 18px;
	background: rgba(255,255,255,.92);
	box-shadow: 0 10px 28px rgba(27,58,41,.07);
}

.cerisk-risk-legend > h3 {
	margin-bottom: 4px;
	color: #0d5429;
	font-size: 2rem;
	text-align: center;
}

.cerisk-risk-range {
	display: block;
	color: #278548;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.75rem;
	text-align: center;
}

.cerisk-risk-legend > p {
	margin: 6px 0 18px;
	color: #536158;
	font-size: .9rem;
	text-align: center;
}

.cerisk-risk-class {
	display: grid;
	grid-template-columns: 48px 1fr;
	gap: 12px;
	align-items: center;
	margin-top: 10px;
	padding: 13px;
	border: 1px solid;
	border-radius: 12px;
}

.risk-class-icon {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 12px;
	font-size: 1.2rem;
	font-weight: 800;
}

.cerisk-risk-class strong,
.cerisk-risk-class small {
	display: block;
}

.cerisk-risk-class strong {
	font-family: "Manrope", system-ui, sans-serif;
	font-size: .92rem;
}

.cerisk-risk-class small {
	margin-top: 3px;
	color: #506058;
	font-size: .75rem;
	line-height: 1.4;
}

.cerisk-risk-class.very-low {
	border-color: #afd0b5;
	background: #eef8ef;
}

.cerisk-risk-class.very-low .risk-class-icon {
	background: #dcefe0;
	color: #15713a;
}

.cerisk-risk-class.low {
	border-color: #c7dc99;
	background: #f3f8e8;
}

.cerisk-risk-class.low .risk-class-icon {
	background: #e8f2ce;
	color: #589428;
}

.cerisk-risk-class.moderate {
	border-color: #efd277;
	background: #fff9df;
}

.cerisk-risk-class.moderate .risk-class-icon {
	background: #fff0b8;
	color: #c08a00;
}

.cerisk-risk-class.high {
	border-color: #efb179;
	background: #fff2e5;
}

.cerisk-risk-class.high .risk-class-icon {
	background: #ffe0c4;
	color: #d05a10;
}

.cerisk-risk-class.very-high {
	border-color: #efa29d;
	background: #fff0ef;
}

.cerisk-risk-class.very-high .risk-class-icon {
	background: #ffdcd9;
	color: #c92720;
}

.cerisk-zero-note {
	display: grid !important;
	grid-template-columns: 24px 1fr;
	gap: 8px;
	margin-top: 18px !important;
	padding-top: 14px;
	border-top: 1px solid #e3e8e2;
	text-align: left !important;
	font-size: .76rem !important;
}

.cerisk-blueprint-explainer {
	display: grid;
	grid-template-columns: 48px auto 1fr;
	gap: 14px;
	align-items: center;
	margin: 0 28px 28px;
	padding: 18px 22px;
	border: 1px solid #e7c56f;
	border-radius: 14px;
	background: linear-gradient(135deg, #fff9e5, #fbfaf4);
}

.cerisk-explainer-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 2px solid #d5a500;
	border-radius: 14px;
	color: #b38300;
	font-weight: 800;
}

.cerisk-blueprint-explainer strong {
	color: #155e31;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.25rem;
}

.cerisk-blueprint-explainer p {
	margin: 0;
	color: #536158;
	font-size: .9rem;
}

@media (max-width: 1400px) {
	.cerisk-blueprint-body {
		grid-template-columns: 1fr;
	}

	.cerisk-blueprint-hazard {
		align-self: stretch;
	}

	.cerisk-risk-legend {
		max-width: none;
	}
}

@media (max-width: 760px) {
	.cerisk-blueprint-sectors article header {
		grid-template-columns: 1fr;
	}

	.cerisk-blueprint-explainer {
		grid-template-columns: 44px 1fr;
	}

	.cerisk-blueprint-explainer p {
		grid-column: 1 / -1;
	}
}


/* Step 11: calmer Drought landing page */
.cerisk-drought-title {
	align-items: flex-start;
	max-width: 1050px;
}

.cerisk-drought-lead {
	max-width: 860px;
	margin: 10px 0 14px;
	color: #536158;
	font-size: 1.08rem;
	line-height: 1.7;
}

.cerisk-drought-sector-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cerisk-drought-sector-chips span {
	padding: 7px 12px;
	border: 1px solid #d9dfd4;
	border-radius: 999px;
	background: #f8faef;
	color: #47614e;
	font-size: .84rem;
	font-weight: 700;
}

.cerisk-drought-overview-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 34px;
}

.cerisk-drought-overview-grid article {
	position: relative;
	min-height: 240px;
	padding: 28px;
	border: 1px solid #d9e0d4;
	border-radius: 20px;
	background: linear-gradient(145deg, #fff, #f8faef);
	box-shadow: 0 10px 26px rgba(28,58,42,.05);
}

.cerisk-overview-number {
	position: absolute;
	top: 18px;
	right: 18px;
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #eaf2df;
	color: #155e31;
	font-weight: 800;
}

.cerisk-overview-icon {
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin-bottom: 18px;
	border-radius: 16px;
	color: #fff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.45rem;
	font-weight: 700;
}

.cerisk-overview-icon.hazard {
	background: #df5f19;
}

.cerisk-overview-icon.exposure {
	background: linear-gradient(135deg, #0873aa 0 50%, #278548 50% 100%);
}

.cerisk-overview-icon.risk {
	background: #155e31;
}

.cerisk-drought-overview-grid h2 {
	font-size: 1.8rem;
}

.cerisk-drought-overview-grid p {
	margin: 0;
	color: #5a675f;
}

.cerisk-risk-scale-section {
	margin-top: 30px;
	padding: 30px;
	border: 1px solid #d9e0d4;
	border-radius: 22px;
	background: #fbfaf4;
}

.cerisk-risk-scale-head {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	align-items: end;
	margin-bottom: 22px;
}

.cerisk-risk-scale-head h2 {
	font-size: 2.4rem;
}

.cerisk-risk-scale-head p {
	max-width: 420px;
	margin: 0;
	color: #5d6a63;
}

.cerisk-horizontal-risk-scale {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 12px;
}

.cerisk-horizontal-risk-scale article {
	min-height: 190px;
	padding: 18px;
	border: 1px solid;
	border-radius: 16px;
}

.cerisk-horizontal-risk-scale .risk-class-icon {
	margin-bottom: 12px;
}

.cerisk-horizontal-risk-scale strong,
.cerisk-horizontal-risk-scale h3 {
	display: block;
}

.cerisk-horizontal-risk-scale h3 {
	margin: 5px 0;
	font-size: 1.35rem;
}

.cerisk-horizontal-risk-scale p {
	margin: 0;
	color: #536158;
	font-size: .82rem;
	line-height: 1.5;
}

.cerisk-horizontal-risk-scale .very-low {
	border-color: #afd0b5;
	background: #eef8ef;
}

.cerisk-horizontal-risk-scale .low {
	border-color: #c7dc99;
	background: #f3f8e8;
}

.cerisk-horizontal-risk-scale .moderate {
	border-color: #efd277;
	background: #fff9df;
}

.cerisk-horizontal-risk-scale .high {
	border-color: #efb179;
	background: #fff2e5;
}

.cerisk-horizontal-risk-scale .very-high {
	border-color: #efa29d;
	background: #fff0ef;
}

.cerisk-zero-scale-note {
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 8px;
	margin: 18px 0 0;
	color: #68756e;
	font-size: .82rem;
}

.cerisk-sector-choice-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-top: 30px;
}

.cerisk-sector-choice {
	display: grid;
	grid-template-columns: 70px 1fr;
	gap: 20px;
	padding: 28px;
	border: 1px solid #d9e0d4;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(28,58,42,.05);
}

.cerisk-sector-choice.agriculture {
	border-top: 4px solid #d39a00;
}

.cerisk-sector-choice.population {
	border-top: 4px solid #6f419a;
}

.cerisk-sector-choice-icon {
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	border-radius: 18px;
	background: #f5f8e9;
	font-size: 1.8rem;
}

.cerisk-sector-choice h2 {
	font-size: 2rem;
}

.cerisk-sector-choice p {
	color: #58665f;
}

.cerisk-sector-choice-formula {
	display: inline-block;
	margin: 8px 0 18px;
	padding: 9px 13px;
	border-radius: 8px;
	background: #fff4d9;
	color: #6f4b19;
	font-family: "IBM Plex Mono", monospace;
	font-size: .9rem;
	font-weight: 700;
}

.cerisk-jump-button {
	border: 0;
	border-radius: 8px;
	background: #155e31;
	color: #fff;
	padding: 11px 16px;
	font: inherit;
	font-size: .86rem;
	font-weight: 700;
	cursor: pointer;
}

.cerisk-jump-button:hover {
	background: #0d4d27;
}

.cerisk-blueprint-disclosure {
	margin-top: 28px;
	border: 1px solid #d9e0d4;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
}

.cerisk-blueprint-disclosure > summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 20px;
	padding: 20px 24px;
	cursor: pointer;
	list-style: none;
}

.cerisk-blueprint-disclosure > summary::-webkit-details-marker {
	display: none;
}

.cerisk-blueprint-disclosure > summary strong,
.cerisk-blueprint-disclosure > summary small {
	display: block;
}

.cerisk-blueprint-disclosure > summary strong {
	color: #155e31;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.5rem;
}

.cerisk-blueprint-disclosure > summary small {
	color: #718078;
}

.cerisk-disclosure-icon {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #edf4e4;
	color: #155e31;
	font-size: 1.4rem;
	font-weight: 700;
	transition: transform .18s ease;
}

.cerisk-blueprint-disclosure[open] .cerisk-disclosure-icon {
	transform: rotate(45deg);
}

.cerisk-blueprint-disclosure .cerisk-drought-blueprint {
	border: 0;
	border-top: 1px solid #e2e7df;
	border-radius: 0;
	box-shadow: none;
}

.cerisk-formula-card {
	scroll-margin-top: 150px;
}

@media (max-width: 1100px) {
	.cerisk-drought-overview-grid,
	.cerisk-horizontal-risk-scale,
	.cerisk-sector-choice-grid {
		grid-template-columns: 1fr 1fr;
	}

	.cerisk-horizontal-risk-scale article:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 720px) {
	.cerisk-drought-overview-grid,
	.cerisk-horizontal-risk-scale,
	.cerisk-sector-choice-grid {
		grid-template-columns: 1fr;
	}

	.cerisk-horizontal-risk-scale article:last-child {
		grid-column: auto;
	}

	.cerisk-risk-scale-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.cerisk-sector-choice {
		grid-template-columns: 1fr;
	}

	.cerisk-blueprint-disclosure > summary {
		align-items: flex-start;
	}
}


/* Step 12: general risk calculation reminder */
.cerisk-calculation-reminder {
	display: grid;
	grid-template-columns: minmax(260px, .72fr) minmax(680px, 1.8fr);
	gap: 30px;
	align-items: center;
	margin-top: 32px;
	padding: 28px 30px;
	border: 1px solid #d6dfd1;
	border-radius: 22px;
	background:
		radial-gradient(circle at 88% 18%, rgba(166,200,100,.16), transparent 30%),
		linear-gradient(135deg, #fbfaf4, #f1f7e7);
	box-shadow: 0 10px 28px rgba(28,58,42,.05);
}

.cerisk-calculation-reminder-copy h2 {
	font-size: 2.15rem;
	margin-bottom: 10px;
}

.cerisk-calculation-reminder-copy p {
	margin: 0;
	color: #56655d;
	font-size: .98rem;
	line-height: 1.65;
}

.cerisk-calculation-equation {
	display: flex;
	align-items: stretch;
	justify-content: center;
	gap: 12px;
}

.cerisk-calc-node {
	flex: 1 1 0;
	min-width: 130px;
	display: grid;
	grid-template-rows: auto auto 1fr;
	justify-items: center;
	align-content: start;
	padding: 18px 12px;
	border: 1px solid;
	border-radius: 16px;
	text-align: center;
	background: #fff;
}

.cerisk-calc-letter {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	margin-bottom: 10px;
	border-radius: 13px;
	color: #fff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
}

.cerisk-calc-node strong {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.35rem;
	line-height: 1.15;
}

.cerisk-calc-node small {
	display: block;
	margin-top: 7px;
	color: #637069;
	font-size: .72rem;
	line-height: 1.4;
}

.cerisk-calc-node.hazard {
	border-color: #e6b08e;
	background: #fff9f4;
}

.cerisk-calc-node.hazard .cerisk-calc-letter {
	background: #df5f19;
}

.cerisk-calc-node.exposure {
	border-color: #a9cfe5;
	background: #f7fbff;
}

.cerisk-calc-node.exposure .cerisk-calc-letter {
	background: #0873aa;
}

.cerisk-calc-node.vulnerability {
	border-color: #acd2b7;
	background: #f7fcf8;
}

.cerisk-calc-node.vulnerability .cerisk-calc-letter {
	background: #278548;
}

.cerisk-calc-node.risk {
	border-color: #8cb596;
	background: linear-gradient(145deg, #155e31, #0d4d27);
}

.cerisk-calc-node.risk .cerisk-calc-letter {
	background: rgba(255,255,255,.12);
	border: 1px solid rgba(255,255,255,.26);
}

.cerisk-calc-node.risk strong,
.cerisk-calc-node.risk small {
	color: #fff;
}

.cerisk-calc-node.risk small {
	opacity: .82;
}

.cerisk-calc-operator {
	display: grid;
	place-items: center;
	color: #355045;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2rem;
	font-weight: 700;
}

.cerisk-calculation-note {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 24px 1fr;
	gap: 8px;
	margin: 0;
	padding-top: 16px;
	border-top: 1px solid #dce4d8;
	color: #66756d;
	font-size: .82rem;
}

@media (max-width: 1200px) {
	.cerisk-calculation-reminder {
		grid-template-columns: 1fr;
	}

	.cerisk-calculation-equation {
		width: 100%;
	}
}

@media (max-width: 760px) {
	.cerisk-calculation-reminder {
		padding: 24px 18px;
	}

	.cerisk-calculation-equation {
		display: grid;
		grid-template-columns: 1fr;
	}

	.cerisk-calc-operator {
		min-height: 34px;
	}
}


/* Step 13: complete hazard detail pages */
.cerisk-hazard-tagline {
	margin: 4px 0 8px;
	color: #6a756f;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 1.3rem;
	font-style: italic;
}

.cerisk-hazard-detail-hero.heatwave .cerisk-drought-icon { background: #fff0ed; }
.cerisk-hazard-detail-hero.wildfire .cerisk-drought-icon { background: #fff0e6; }
.cerisk-hazard-detail-hero.floods .cerisk-drought-icon { background: #edf7fb; }

.cerisk-hazard-core-card {
	display: grid;
	grid-template-columns: 76px 1fr;
	gap: 22px;
	align-items: center;
	margin-top: 30px;
	padding: 26px 28px;
	border: 1px solid #d7dfd2;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(28,58,42,.05);
}

.cerisk-core-icon {
	display: grid;
	place-items: center;
	width: 66px;
	height: 66px;
	border-radius: 18px;
	background: #df5f19;
	color: #fff;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2rem;
	font-weight: 700;
}

.cerisk-hazard-core-card h2,
.cerisk-section-heading h2 {
	margin-bottom: 6px;
	font-size: 2.4rem;
}

.cerisk-hazard-core-card p,
.cerisk-section-heading p {
	margin: 0;
	color: #5b6961;
}

.cerisk-section-heading {
	margin: 42px 0 20px;
	max-width: 900px;
}

.cerisk-hazard-sector-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.cerisk-hazard-sector-card {
	padding: 26px;
	border: 1px solid #d9e0d4;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(28,58,42,.05);
}

.cerisk-hazard-sector-card header {
	display: flex;
	gap: 16px;
	align-items: center;
}

.cerisk-hazard-sector-card h3 {
	font-size: 1.9rem;
}

.cerisk-hazard-sector-card > p {
	color: #5b6961;
}

.cerisk-hazard-sector-card details {
	margin-top: 12px;
	border-top: 1px solid #e0e6dc;
}

.cerisk-hazard-sector-card summary {
	display: flex;
	justify-content: space-between;
	padding: 16px 0 2px;
	cursor: pointer;
	color: #155e31;
	font-weight: 700;
}

.cerisk-sector-detail-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 18px;
	margin-top: 16px;
}

.cerisk-sector-detail-columns h4 {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-bottom: 8px;
}

.cerisk-sector-detail-columns ul {
	margin: 0;
	padding-left: 18px;
	color: #5b6961;
}

.cerisk-impact-note,
.cerisk-method-note {
	margin-top: 18px;
	padding: 16px 18px;
	border-left: 4px solid #8baa46;
	border-radius: 8px;
	background: #f6f9ed;
	color: #536158;
}

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

.cerisk-process-grid article {
	padding: 22px;
	border: 1px solid #dae1d6;
	border-radius: 17px;
	background: #fff;
}

.cerisk-process-grid article > span {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: #155e31;
	color: #fff;
	font-weight: 800;
}

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

.cerisk-process-grid p {
	margin: 0;
	color: #5c6962;
	font-size: .9rem;
}

.cerisk-indicator-table-wrap {
	overflow-x: auto;
	border: 1px solid #d9e0d4;
	border-radius: 16px;
	background: #fff;
}

.cerisk-indicator-table {
	width: 100%;
	border-collapse: collapse;
}

.cerisk-indicator-table th,
.cerisk-indicator-table td {
	padding: 16px 18px;
	border-bottom: 1px solid #e4e8e1;
	text-align: left;
	vertical-align: top;
}

.cerisk-indicator-table th {
	background: #f2f6e8;
	color: #155e31;
}

.cerisk-data-heading {
	margin-top: 34px;
}

.cerisk-data-chip-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cerisk-data-chip-grid span {
	padding: 10px 14px;
	border: 1px solid #d7dfd2;
	border-radius: 999px;
	background: #fff;
	color: #4f6056;
	font-size: .86rem;
	font-weight: 600;
}

.cerisk-adaptation-simple-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.cerisk-adaptation-simple-grid article {
	display: grid;
	grid-template-columns: 42px 1fr;
	gap: 14px;
	align-items: center;
	padding: 18px;
	border: 1px solid #d9e0d4;
	border-radius: 14px;
	background: #fff;
}

.cerisk-adaptation-simple-grid article > span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: #eaf2df;
	color: #155e31;
	font-weight: 800;
}

.cerisk-adaptation-simple-grid p {
	margin: 0;
	color: #526057;
}

@media (max-width: 1050px) {
	.cerisk-hazard-sector-grid,
	.cerisk-process-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.cerisk-hazard-core-card,
	.cerisk-hazard-sector-grid,
	.cerisk-process-grid,
	.cerisk-adaptation-simple-grid,
	.cerisk-sector-detail-columns {
		grid-template-columns: 1fr;
	}

	.cerisk-hazard-core-card {
		align-items: start;
	}
}


/* Step 14 — evidence-rich Heatwave and Wildfire pages */
.cerisk-detail-page{padding:62px 54px 80px;max-width:1240px;margin:auto;color:#1d2637}
.cerisk-detail-heading{display:flex;gap:20px;align-items:flex-start;margin-bottom:26px}
.cerisk-detail-icon{display:grid;place-items:center;width:58px;height:58px;border:2px solid #ffc787;border-radius:17px;background:#fff8ee;font-size:28px}
.cerisk-detail-heading h1{font-size:3rem;color:#0d5a2b;margin:2px 0}
.cerisk-detail-lead{font-size:1.14rem;line-height:1.75;max-width:960px}
.cerisk-detail-intro>p:not(.cerisk-detail-lead){max-width:960px;line-height:1.75;color:#596578}
.cerisk-stat-strip{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 36px}
.cerisk-stat-strip div{min-width:260px;padding:15px 18px;border:1px solid #ffbf85;border-radius:13px;background:#fff7ed}
.cerisk-stat-strip strong{display:block;color:#c9551f;font-family:"Cormorant Garamond",serif;font-size:1.65rem}.cerisk-stat-strip span{font-size:.82rem}
.cerisk-blueprint-html{overflow:hidden;margin:0 0 34px;border:1px solid #d8bfc0;border-radius:18px;background:#22303d}
.cerisk-blueprint-bar{padding:12px 20px;background:#155d31;color:#a8c59d;font:700 .78rem "IBM Plex Mono",monospace;letter-spacing:.08em}
.cerisk-blueprint-body{padding:30px;color:#fff;background-image:radial-gradient(circle at 80% 20%,rgba(255,255,255,.05),transparent 35%)}
.cerisk-blueprint-title small{font-family:"IBM Plex Mono",monospace;color:#9eb0bb}.cerisk-blueprint-title h2{max-width:520px;font-size:2.2rem;color:#fff}
.cerisk-blueprint-flow{display:flex;align-items:center;justify-content:center;gap:12px;margin:30px 0;flex-wrap:wrap}
.bp-node{display:grid;place-items:center;width:94px;height:94px;border:2px solid;border-radius:50%;font:700 2rem "Cormorant Garamond",serif}.bp-node span{font:600 .72rem Manrope,sans-serif}.bp-h{border-color:#f15b00;color:#f15b00}.bp-e{border-color:#1180b7;color:#1180b7}.bp-v{border-color:#41a35b;color:#41a35b}.bp-r{background:#ef5b00;border-color:#ef5b00;color:#fff}.bp-op{font-size:1.6rem;color:#aeb8bf}
.cerisk-blueprint-sector-row{display:flex;gap:8px;flex-wrap:wrap}.cerisk-blueprint-sector-row span{padding:7px 10px;border:1px solid #657683;border-radius:8px;font-size:.78rem}
.cerisk-blueprint-caption{padding:14px 20px;background:#eff8df;color:#657185;font-size:.85rem}
.cerisk-sector-kicker{display:block;margin:24px 0 12px}.cerisk-sector-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:32px}
.cerisk-sector-summary-grid article{padding:18px 20px;border:1px solid #ffb0aa;border-radius:13px;background:#fff5f4}.cerisk-sector-summary-grid h3{font-size:1rem;color:#c92727}.cerisk-sector-summary-grid p{margin:8px 0 0;color:#576174;font-size:.84rem;line-height:1.6}
.cerisk-formula-stack{display:grid;gap:24px;margin:14px 0 38px}.cerisk-formula-card{overflow:hidden;border:2px solid #ffaba6;border-radius:18px;background:#fff}
.cerisk-formula-card>header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 28px;background:#fff4f3}.cerisk-formula-card h3{font-size:1.1rem}.cerisk-formula-card code{padding:8px 13px;border-radius:5px;background:#fde3e1;color:#c82828;font-weight:800}
.cerisk-formula-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:28px}
.cerisk-formula-component{padding:18px;border:1px solid;border-radius:14px;background:#fbfdff}.cerisk-component-h{border-color:#ffd0b3}.cerisk-component-e{border-color:#c8e0ef}.cerisk-component-v{border-color:#cbe4d2}
.cerisk-formula-component h4{display:flex;align-items:flex-start;gap:8px;font:700 .9rem "IBM Plex Mono",monospace}.cerisk-formula-component h4 span,.cerisk-var-letter{display:grid;place-items:center;min-width:28px;height:28px;border-radius:7px;color:#fff}
.cerisk-component-h h4{color:#e85500}.cerisk-component-h h4 span,.cerisk-var-h{background:#ef5b00}.cerisk-component-e h4{color:#0073aa}.cerisk-component-e h4 span,.cerisk-var-e{background:#0879ac}.cerisk-component-v h4{color:#2d8548}.cerisk-component-v h4 span,.cerisk-var-v{background:#2b8849}
.cerisk-formula-var{padding:12px 0;border-bottom:1px solid #eef0f2}.cerisk-formula-var:last-child{border:0}.cerisk-formula-var>div{display:flex;justify-content:space-between;gap:8px}.cerisk-formula-var em{font:400 .67rem "IBM Plex Mono",monospace;color:#8f99aa}.cerisk-formula-var p{margin:5px 0;font-size:.82rem;line-height:1.5}.cerisk-formula-var small,.cerisk-formula-range{color:#8d99a9}.cerisk-formula-range{display:block;padding:0 28px 20px;font-family:"IBM Plex Mono",monospace}.cerisk-formula-warning{margin:0 28px 16px;padding:11px 13px;border:1px solid #f3b379;border-radius:7px;background:#fff7e9;color:#d65514;font-size:.8rem}
.cerisk-variable-accordions,.cerisk-threshold-accordions{display:grid;gap:10px;margin:14px 0 40px}.cerisk-variable-accordions details,.cerisk-threshold-accordions details{border:1px solid #dce1e7;border-radius:13px;overflow:hidden}.cerisk-variable-accordions summary,.cerisk-threshold-accordions summary{display:flex;align-items:center;gap:12px;padding:18px 20px;background:#f8f9fa;cursor:pointer;list-style:none}.cerisk-variable-accordions summary small{color:#929cad}.cerisk-variable-accordions summary b,.cerisk-threshold-accordions summary b{margin-left:auto;color:#939cab}
.cerisk-variable-row{display:grid;grid-template-columns:2fr 1fr .8fr;gap:20px;padding:19px 20px;border-top:1px solid #edf0f2}.cerisk-variable-row p{margin:6px 0 0;color:#677286;font-size:.8rem}.cerisk-variable-row small{display:block;color:#9aa5b6;font:500 .65rem "IBM Plex Mono",monospace;letter-spacing:.08em}.cerisk-variable-row span{font-size:.78rem}.cerisk-variable-row>div:last-child strong{color:#0079b4;font-family:"IBM Plex Mono",monospace}
.cerisk-andalusia-intro{font-size:1rem;line-height:1.75}.cerisk-weight-model{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:24px;padding:24px;background:#155d31;color:#fff;border-radius:16px 16px 0 0}.cerisk-weight-model h2{color:#fff;font-size:2rem}.cerisk-weight-chips{display:flex;gap:10px}.cerisk-weight-chips span{display:grid;place-items:center;width:72px;height:66px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.07);font:700 1.1rem "IBM Plex Mono",monospace}.cerisk-weight-chips small{display:block;font-size:.65rem;color:#a9c3af}.cerisk-weight-note{padding:22px;border:1px solid #dce1e7;border-top:0;border-radius:0 0 16px 16px;line-height:1.65;margin-bottom:36px}
.cerisk-threshold-layer{padding:22px;border-top:1px solid #edf0f2}.cerisk-threshold-layer>small{font-family:"IBM Plex Mono",monospace;color:#95a1b2}.cerisk-threshold-note{padding:10px 14px;border-left:2px solid #e75a1a;font-style:italic;color:#5e6878;font-size:.84rem}
.cerisk-score-table{overflow:hidden;border:1px solid #eceff2;border-radius:12px}.score-head,.score-row{display:grid;grid-template-columns:1.6fr .7fr 1.1fr;gap:16px;align-items:center;padding:12px 16px}.score-head{background:#f8f9fa;color:#96a0b1;font:500 .65rem "IBM Plex Mono",monospace}.score-row{border-top:1px solid #f0f2f4;font-size:.78rem}.score-row>span:last-child{text-align:right;color:#697487}.score-number{display:flex;gap:9px;align-items:center;font:700 .95rem "IBM Plex Mono",monospace}.score-number i{display:inline-block;width:68px;height:6px;border-radius:4px;background:linear-gradient(90deg,#71ad3e 20%,#eef0f2 20%)}.score-3 i,.score-4 i{background:linear-gradient(90deg,#79ad3f 35%,#eef0f2 35%)}.score-5 i,.score-6 i{background:linear-gradient(90deg,#cf9300 55%,#eef0f2 55%)}.score-7 i,.score-8 i{background:linear-gradient(90deg,#ca5a25 75%,#eef0f2 75%)}.score-9 i,.score-10 i{background:linear-gradient(90deg,#c92327 100%,#eef0f2 100%)}
.cerisk-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0 30px}.cerisk-source-grid article{padding:18px;border:1px solid #e6e8eb;border-radius:13px}.cerisk-source-grid article:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#c94022}.cerisk-source-grid p{margin:6px 0 0 18px;color:#697487;font-size:.82rem}
.cerisk-adaptation-filters{display:flex;flex-wrap:wrap;gap:9px;margin:8px 0 26px}.cerisk-adaptation-filters button{padding:9px 13px;border:1px solid #dbe0e7;border-radius:999px;background:#fff;color:#697386;font-weight:700}.cerisk-adaptation-filters button.is-active{background:#155d31;color:#fff;border-color:#155d31}
.cerisk-adaptation-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cerisk-adaptation-cards article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:20px;border:1px solid #e6e9ed;border-radius:14px}.cerisk-adapt-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1f5fa}.cerisk-adaptation-cards h3{font-size:.96rem}.cerisk-adapt-tag{display:inline-block;padding:3px 7px;border-radius:4px;background:#eef6ff;color:#0076af;font:500 .65rem "IBM Plex Mono",monospace}.cerisk-adaptation-cards p{font-size:.82rem;line-height:1.6;color:#566175}.cerisk-adaptation-cards small{font-family:"IBM Plex Mono",monospace;color:#98a2b1}.cerisk-risk-reduction{margin-top:24px;padding:18px;border-left:4px solid #c94323;border-radius:12px;background:#fff4eb}.cerisk-risk-reduction strong{color:#c95120}.cerisk-risk-reduction p{margin:6px 0 0;font-size:.82rem;line-height:1.65}
.cerisk-detail-wildfire .cerisk-detail-icon{border-color:#ff9e9e;background:#fff4f4}.cerisk-detail-wildfire .cerisk-stat-strip div{border-color:#ff9e9e;background:#fff5f5}.cerisk-detail-wildfire .cerisk-stat-strip strong{color:#c92327}.cerisk-detail-wildfire .cerisk-adaptation-filters button.is-active{background:#c92327;border-color:#c92327}
@media(max-width:900px){.cerisk-detail-page{padding:38px 22px}.cerisk-formula-columns{grid-template-columns:1fr}.cerisk-sector-summary-grid,.cerisk-source-grid,.cerisk-adaptation-cards{grid-template-columns:1fr}.cerisk-variable-row{grid-template-columns:1fr}.cerisk-weight-model{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.cerisk-detail-heading h1{font-size:2.3rem}.cerisk-formula-card>header{align-items:flex-start;flex-direction:column}.cerisk-weight-chips{width:100%}.cerisk-weight-chips span{flex:1}.score-head,.score-row{grid-template-columns:1.4fr .7fr 1fr;padding:10px 9px;font-size:.7rem}.cerisk-blueprint-body{padding:20px}.bp-node{width:68px;height:68px}}


/* Step 15 — Flood methodology */
.cerisk-detail-floods .cerisk-detail-icon {
	border-color: #86b9ff;
	background: #edf5ff;
}
.cerisk-detail-floods .cerisk-stat-strip div {
	border-color: #84b8ff;
	background: #eef6ff;
}
.cerisk-detail-floods .cerisk-stat-strip strong {
	color: #0576ad;
}
.cerisk-detail-floods .cerisk-sector-summary-grid article {
	border-color: #7fb5ff;
	background: #eff6ff;
}
.cerisk-detail-floods .cerisk-sector-summary-grid h3,
.cerisk-detail-floods .cerisk-formula-card code {
	color: #0576ad;
}
.cerisk-detail-floods .cerisk-formula-card {
	border-color: #78b0ff;
}
.cerisk-detail-floods .cerisk-formula-card > header {
	background: #edf5ff;
}
.cerisk-detail-floods .cerisk-formula-card code {
	background: #dceeff;
}
.cerisk-detail-floods .cerisk-adaptation-filters button.is-active {
	background: #087aad;
	border-color: #087aad;
}
.cerisk-detail-floods .cerisk-risk-reduction {
	border-left-color: #087aad;
	background: #edf5ff;
}
.cerisk-detail-floods .cerisk-risk-reduction strong {
	color: #087aad;
}
.cerisk-detail-floods .cerisk-source-grid article::before {
	background: #087aad;
}

.cerisk-depth-curve {
	margin: 26px 0 34px;
	padding: 24px;
	border: 1px solid #82b8ff;
	border-radius: 18px;
	background: #edf5ff;
}
.cerisk-depth-curve-heading {
	display: flex;
	gap: 14px;
	align-items: center;
	margin-bottom: 22px;
}
.cerisk-depth-curve-heading h2 {
	margin: 0;
	font-size: 1.45rem;
}
.cerisk-depth-curve-heading p {
	margin: 3px 0 0;
	color: #8a96a8;
	font-family: "IBM Plex Mono", monospace;
	font-size: .8rem;
}
.cerisk-depth-curve-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(230px, .8fr);
	gap: 34px;
}
.cerisk-depth-chart {
	display: grid;
	grid-template-columns: 34px 1fr;
	min-height: 285px;
}
.cerisk-chart-y-label {
	align-self: center;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	color: #6d7789;
	font-size: .72rem;
}
.cerisk-chart-area {
	position: relative;
	height: 230px;
	margin: 8px 8px 42px 40px;
	border-left: 1px solid #8e9cab;
	border-bottom: 1px solid #8e9cab;
}
.cerisk-chart-area svg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}
.cerisk-chart-area polyline {
	fill: none;
	stroke: #087aad;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
}
.cerisk-chart-area circle {
	fill: #087aad;
	vector-effect: non-scaling-stroke;
}
.cerisk-gridline-y {
	position: absolute;
	left: 0;
	right: 0;
	border-top: 1px dashed #b9d6f6;
}
.cerisk-y-tick {
	position: absolute;
	right: calc(100% + 8px);
	transform: translateY(50%);
	color: #6e7889;
	font-size: .68rem;
}
.cerisk-displacement-line {
	position: absolute;
	top: 0;
	bottom: 0;
	border-left: 1px dashed #ff7a38;
	z-index: 2;
}
.cerisk-x-ticks {
	position: absolute;
	top: calc(100% + 7px);
	left: -4px;
	right: -4px;
	display: flex;
	justify-content: space-between;
	color: #6e7889;
	font-size: .65rem;
}
.cerisk-chart-x-label {
	position: absolute;
	top: calc(100% + 31px);
	width: 100%;
	text-align: center;
	color: #6e7889;
	font-size: .7rem;
}
.cerisk-damage-thresholds {
	padding-top: 8px;
}
.cerisk-damage-thresholds > div {
	display: grid;
	grid-template-columns: .9fr .9fr .7fr;
	gap: 10px;
	padding: 10px 0;
	border-bottom: 1px solid #cfe0f4;
	font-size: .75rem;
}
.cerisk-damage-thresholds > div strong {
	text-align: right;
	color: #075fe8;
	font-family: "IBM Plex Mono", monospace;
}
.cerisk-damage-thresholds > small {
	display: block;
	margin-top: 18px;
	color: #8d98a8;
}
@media (max-width: 760px) {
	.cerisk-depth-curve-layout {
		grid-template-columns: 1fr;
	}
	.cerisk-chart-area {
		margin-left: 34px;
	}
}


/* Step 16 — ClimEmpower-aligned methodology blueprints and tab fixes */
.cerisk-blueprint-html { display:none !important; }

.cerisk-method-blueprint {
	overflow: hidden;
	margin: 8px 0 34px;
	border: 1px solid #d2d8d0;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(15, 66, 37, .07);
}
.cerisk-method-blueprint-bar {
	display: flex;
	justify-content: space-between;
	gap: 18px;
	align-items: center;
	padding: 13px 20px;
	background: #155d31;
	color: #dbeacb;
	font-family: "IBM Plex Mono", monospace;
	font-size: .73rem;
	font-weight: 700;
	letter-spacing: .08em;
}
.cerisk-method-blueprint-bar small {
	color: #a9c19b;
	font: inherit;
	font-size: .65rem;
}
.cerisk-method-blueprint-grid {
	display: grid;
	grid-template-columns: minmax(260px, .85fr) minmax(520px, 1.65fr);
	gap: 36px;
	align-items: center;
	padding: 34px 38px;
	background:
		linear-gradient(135deg, rgba(239,247,232,.7), rgba(255,255,255,.9)),
		#fff;
}
.cerisk-method-blueprint-copy h2 {
	max-width: 430px;
	margin: 6px 0 12px;
	color: #0f4f2d;
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: clamp(2rem, 3vw, 3rem);
	line-height: 1.02;
}
.cerisk-method-blueprint-copy p {
	max-width: 520px;
	margin: 0;
	color: #5f6d65;
	line-height: 1.7;
}
.cerisk-method-equation {
	display: grid;
	grid-template-columns: repeat(7, auto);
	gap: 14px;
	align-items: center;
	justify-content: center;
}
.cerisk-method-equation > b {
	color: #718078;
	font-family: "IBM Plex Mono", monospace;
	font-size: 1.35rem;
}
.cerisk-method-node {
	display: grid;
	place-items: center;
	width: 122px;
	min-height: 122px;
	padding: 14px;
	border: 2px solid;
	border-radius: 24px;
	background: #fff;
	text-align: center;
}
.cerisk-method-node > span {
	font-family: "Cormorant Garamond", Georgia, serif;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
}
.cerisk-method-node strong {
	margin-top: 7px;
	font-size: .82rem;
}
.cerisk-method-node small {
	margin-top: 4px;
	color: #7a877f;
	font-size: .67rem;
	line-height: 1.3;
}
.node-h { border-color:#e85a19; color:#d64d13; background:#fff8f3; }
.node-e { border-color:#087aad; color:#087aad; background:#f2f9fd; }
.node-v { border-color:#2e8a4e; color:#2e8a4e; background:#f3faf5; }
.node-r { border-color:#155d31; color:#fff; background:#155d31; }
.node-r small { color:#dbe8de; }

.cerisk-method-sectors {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 10px;
	padding: 0 38px 30px;
}
.cerisk-method-sectors > div {
	display: flex;
	gap: 10px;
	align-items: center;
	min-height: 52px;
	padding: 12px 14px;
	border: 1px solid #dce2da;
	border-radius: 12px;
	background: #fff;
	color: #234f36;
	font-size: .82rem;
}
.cerisk-method-sectors > div > span { font-size: 1.05rem; }
.cerisk-method-blueprint-caption {
	padding: 14px 20px;
	border-top: 1px solid #dde5d8;
	background: #eff7df;
	color: #647267;
	font-size: .8rem;
}

/* Hazard accents without departing from the ClimEmpower palette */
.cerisk-detail-heatwave .cerisk-method-blueprint { border-color:#efc8aa; }
.cerisk-detail-heatwave .cerisk-method-blueprint-grid { background:linear-gradient(135deg,#fff7ef,#ffffff); }
.cerisk-detail-wildfire .cerisk-method-blueprint { border-color:#efb8b8; }
.cerisk-detail-wildfire .cerisk-method-blueprint-grid { background:linear-gradient(135deg,#fff5f4,#ffffff); }
.cerisk-detail-floods .cerisk-method-blueprint { border-color:#b8d6f4; }
.cerisk-detail-floods .cerisk-method-blueprint-grid { background:linear-gradient(135deg,#eef6ff,#ffffff); }

/* Ensure inactive tab panels are genuinely hidden and active ones display */
.cerisk-tab-panel[hidden] { display:none !important; }
.cerisk-tab-panel.is-active { display:block; }

@media (max-width: 1080px) {
	.cerisk-method-blueprint-grid {
		grid-template-columns: 1fr;
	}
	.cerisk-method-equation {
		justify-content: start;
		overflow-x: auto;
		padding-bottom: 6px;
	}
}
@media (max-width: 720px) {
	.cerisk-method-blueprint-grid { padding: 26px 20px; }
	.cerisk-method-sectors { padding: 0 20px 24px; }
	.cerisk-method-blueprint-bar { align-items:flex-start; flex-direction:column; }
	.cerisk-method-node { width:102px; min-height:108px; }
}


/* Step 17 — reliable Drought tabs and adaptation filtering */
.cerisk-drought-tab-panel[hidden],
.cerisk-tab-panel[hidden],
.cerisk-measure-card[hidden],
.cerisk-adaptation-cards article[hidden] {
	display: none !important;
}

.cerisk-drought-tab-panel {
	display: none;
}

.cerisk-drought-tab-panel.is-active {
	display: block;
}

.cerisk-measure-filters button,
.cerisk-adaptation-filters button {
	cursor: pointer;
}

.cerisk-measure-filters button:focus-visible,
.cerisk-adaptation-filters button:focus-visible,
.cerisk-drought-tabs button:focus-visible {
	outline: 3px solid rgba(21, 93, 49, .28);
	outline-offset: 3px;
}


/* Step 18 — universal adaptation filtering */
.cerisk-measure-card.is-filtered-out,
.cerisk-adaptation-cards article.is-filtered-out,
.cerisk-measure-card[hidden],
.cerisk-adaptation-cards article[hidden] {
	display: none !important;
}

.cerisk-measure-grid,
.cerisk-adaptation-cards {
	align-items: stretch;
}

.cerisk-measure-filters button,
.cerisk-adaptation-filters button {
	-webkit-appearance: none;
	appearance: none;
	touch-action: manipulation;
	user-select: none;
}


/* Step 20 — working sector methodology jumps */
.cerisk-formula-card,
#agriculture-formula,
#population-formula {
	scroll-margin-top: 92px;
}

.cerisk-sector-method-button {
	margin-top: 14px;
}

.cerisk-jump-highlight {
	animation: cerisk-jump-pulse 1.8s ease;
}

@keyframes cerisk-jump-pulse {
	0%, 100% { box-shadow: inherit; }
	20%, 70% { box-shadow: 0 0 0 5px rgba(21, 93, 49, .16), 0 14px 36px rgba(21, 93, 49, .12); }
}


/* Step 21 — unified Drought design and shared risk index */
.cerisk-detail-drought .cerisk-detail-icon {
	border-color: #d7bf63;
	background: #fbf8e9;
}
.cerisk-detail-drought .cerisk-stat-strip div {
	border-color: #d8c06b;
	background: #fbf8e9;
}
.cerisk-detail-drought .cerisk-stat-strip strong {
	color: #8c6b00;
}
.cerisk-detail-drought .cerisk-sector-summary-grid article {
	border-color: #d8c06b;
	background: #fffdf4;
}
.cerisk-detail-drought .cerisk-sector-summary-grid h3 {
	color: #7c6500;
}
.cerisk-detail-drought .cerisk-formula-card {
	border-color: #d8c06b;
}
.cerisk-detail-drought .cerisk-formula-card > header {
	background: #fbf8e9;
}
.cerisk-detail-drought .cerisk-formula-card code {
	background: #f2e7bc;
	color: #765b00;
}
.cerisk-detail-drought .cerisk-method-blueprint {
	border-color: #d8c06b;
}
.cerisk-detail-drought .cerisk-method-blueprint-grid {
	background: linear-gradient(135deg,#fbf8e9,#ffffff);
}
.cerisk-detail-drought .cerisk-adaptation-filters button.is-active {
	background: #8b7200;
	border-color: #8b7200;
}

.cerisk-risk-index-section {
	margin: 34px 0;
	padding: 26px;
	border: 1px solid #d9e0d4;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 10px 28px rgba(28,58,42,.05);
}
.cerisk-risk-index-heading {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	align-items: flex-start;
	margin-bottom: 22px;
}
.cerisk-risk-index-heading h2 {
	margin: 4px 0 6px;
	font-size: 2.2rem;
}
.cerisk-risk-index-heading p {
	margin: 0;
	color: #68756d;
}
.cerisk-risk-index-range {
	padding: 12px 16px;
	border-radius: 12px;
	background: #155d31;
	color: #fff;
	font-family: "IBM Plex Mono", monospace;
	font-size: 1rem;
	white-space: nowrap;
}
.cerisk-risk-index-scale {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
}
.cerisk-risk-index-scale article {
	position: relative;
	min-height: 145px;
	padding: 18px 16px 16px;
	border: 1px solid;
	border-radius: 14px;
	background: #fff;
}
.cerisk-risk-index-scale article::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	border-radius: 14px 14px 0 0;
	background: currentColor;
}
.cerisk-risk-index-scale span {
	display: block;
	margin-bottom: 9px;
	font-family: "IBM Plex Mono", monospace;
	font-size: .72rem;
}
.cerisk-risk-index-scale strong {
	display: block;
	margin-bottom: 8px;
	font-size: 1rem;
}
.cerisk-risk-index-scale p {
	margin: 0;
	color: #657168;
	font-size: .76rem;
	line-height: 1.5;
}
.risk-very-low { color:#5c9f37; border-color:#b9d8a5 !important; background:#f7fbf3 !important; }
.risk-low { color:#7ca441; border-color:#cbdcae !important; background:#fafcf5 !important; }
.risk-moderate { color:#c58b00; border-color:#ead5a0 !important; background:#fffaf0 !important; }
.risk-high { color:#c45a24; border-color:#e9b9a0 !important; background:#fff7f2 !important; }
.risk-very-high { color:#c42727; border-color:#e6aaaa !important; background:#fff4f4 !important; }

@media (max-width: 980px) {
	.cerisk-risk-index-scale { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
	.cerisk-risk-index-heading { flex-direction: column; }
	.cerisk-risk-index-scale { grid-template-columns: 1fr; }
}


/* Step 22 — Drought content and ClimEmpower styling */
.cerisk-detail-drought .cerisk-detail-heading h1,
.cerisk-detail-drought .cerisk-sector-summary-grid h3,
.cerisk-detail-drought .cerisk-risk-index-heading h2 {
	color: #6f5b00;
}
.cerisk-detail-drought .cerisk-detail-icon {
	border-color: #f0b400;
	background: #fffbed;
}
.cerisk-detail-drought .cerisk-kicker {
	color: #9b5c13;
}
.cerisk-detail-drought .cerisk-formula-card,
.cerisk-detail-drought .cerisk-sector-summary-grid article {
	border-color: #efb300;
}
.cerisk-detail-drought .cerisk-formula-card > header,
.cerisk-detail-drought .cerisk-sector-summary-grid article {
	background: #fffaf0;
}
.cerisk-detail-drought .cerisk-formula-card code {
	background: #f7edd8;
	color: #8b4f13;
}
.cerisk-detail-drought .cerisk-method-blueprint-bar {
	background: #155d31;
}
.cerisk-detail-drought .cerisk-method-blueprint-grid {
	background: linear-gradient(135deg,#fffbed,#ffffff);
}
.cerisk-detail-drought .cerisk-method-sectors > div {
	border-color: #e8d795;
	background: #fffdf4;
}
.cerisk-detail-drought .cerisk-risk-index-range {
	background: #8b7200;
}
.cerisk-detail-drought .cerisk-adaptation-filters button.is-active {
	background: #9e4f11;
	border-color: #9e4f11;
}
.cerisk-detail-drought .cerisk-risk-reduction {
	border-left-color: #9e4f11;
	background: #fff9e8;
}
.cerisk-detail-drought .cerisk-risk-reduction strong {
	color: #9e4f11;
}
.cerisk-detail-drought .cerisk-source-grid article::before {
	background: #9e4f11;
}