/*
 * Hospitals page (/hospital-readmissions/) styles.
 * Loads on that page only. Shared page sections are in assets/css/theme.css.
 */

/* Hero: readmission numbers in a two-column grid beside the copy. */
.cm-hosp-hero__lead {
	max-width: 600px;
}

.cm-hosp-stats {
	display: grid;
	flex: 1 1 380px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	min-width: 0;
}

.cm-hosp-stat {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 24px;
	border: 1px solid var(--wp--preset--color--panel-border);
	border-radius: 20px;
	background: var(--wp--preset--color--panel);
}

.cm-hosp-stat:last-child {
	grid-column: span 2;
	border-color: var(--wp--preset--color--mint);
	background: var(--wp--preset--color--mint);
	color: var(--wp--preset--color--mint-ink);
}

.cm-hosp-stat__value {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.1;
}

.cm-hosp-stat__label {
	font-size: 15px;
	line-height: 1.5;
	color: var(--wp--preset--color--on-dark);
}

.cm-hosp-stat:last-child .cm-hosp-stat__label {
	color: var(--wp--preset--color--mint-ink);
}

.cm-section > .cm-hosp-hero__note {
	padding-block: 0 36px;
	font-size: 13px;
	color: var(--wp--preset--color--on-dark-muted);
}

/* Program: four stages on gray cards, the last one on light mint. */
.cm-hosp-stages {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 18px;
	padding: 0;
	list-style: none;
}

.cm-hosp-stages li {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 28px;
	border-radius: 20px;
	background: var(--wp--preset--color--surface);
	font-size: 16px;
	line-height: 1.55;
}

.cm-hosp-stages__label {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--teal);
}

.cm-hosp-stages strong {
	font-size: 22px;
	font-weight: 700;
	color: var(--wp--preset--color--navy-deep);
}

.cm-hosp-stages li:last-child {
	background: var(--wp--preset--color--pill);
	color: var(--wp--preset--color--on-dark);
}

.cm-hosp-stages li:last-child .cm-hosp-stages__label {
	color: var(--wp--preset--color--pill-ink);
}

.cm-hosp-stages li:last-child strong {
	color: var(--wp--preset--color--navy-deep);
}

/* Conditions: copy on the left, six conditions in two columns on the right. */
.cm-section > .cm-hosp-conditions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 48px;
	padding-block: 88px;
}

.cm-hosp-conditions__copy {
	display: flex;
	flex: 1 1 440px;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.cm-hosp-condition-list {
	display: grid;
	flex: 1 1 460px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	min-width: 0;
	padding: 0;
	list-style: none;
}

.cm-hosp-condition-list li {
	padding: 18px;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 14px;
	background: var(--wp--preset--color--white);
	font-weight: 600;
	color: var(--wp--preset--color--navy-deep);
}

/* Quote from a hospital leader. */
.cm-section > .cm-hosp-quote {
	max-width: 980px;
}

.cm-hosp-quote__block.wp-block-quote {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin: 0;
	padding: 0;
	border: 0;
}

.cm-hosp-quote__block p {
	font-size: clamp(26px, 2.8vw, 36px);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--navy-deep);
}

.cm-hosp-quote__block cite {
	font-size: 16px;
	font-style: normal;
	color: var(--wp--preset--color--muted);
}