.hpf-plant-single {
	--hpf-forest: #073f34;
	--hpf-leaf: #0b5b49;
	--hpf-cream: #fbf7ef;
	--hpf-paper: #fffdf8;
	--hpf-ink: #1e2824;
	--hpf-muted: #62706a;
	--hpf-line: rgba(7, 63, 52, 0.16);
	--hpf-gold: #c88b2f;
	--hpf-light-tag: #f6e9bf;
	--hpf-light-tag-text: #674a08;
	--hpf-watering-tag: #dbeefa;
	--hpf-watering-tag-text: #164b65;
	--hpf-safe-tag: #dfeee4;
	--hpf-safe-tag-text: #174838;
	background: var(--hpf-paper);
	border: 1px solid rgba(7, 63, 52, 0.12);
	border-radius: 8px;
	box-shadow: 0 24px 70px rgba(22, 37, 29, 0.13);
	color: var(--hpf-ink);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.55;
	margin: 0 0 2rem;
	overflow: hidden;
}

.hpf-plant-single *,
.hpf-plant-single *::before,
.hpf-plant-single *::after {
	box-sizing: border-box;
}

.hpf-plant-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
	min-height: 32.5rem;
}

.hpf-plant-hero-image {
	background: var(--hpf-plant-image) center 52% / cover no-repeat;
	min-height: 22.5rem;
}

.hpf-plant-hero-content {
	align-content: center;
	display: grid;
	gap: 1.1rem;
	padding: 2.65rem;
}

.hpf-plant-kicker,
.hpf-plant-label {
	color: var(--hpf-gold);
	font-size: 0.78rem;
	font-weight: 850;
	letter-spacing: 0.1em;
	margin: 0;
	text-transform: uppercase;
}

.hpf-plant-title,
.hpf-plant-section-title {
	color: var(--hpf-forest);
	font-family: Fraunces, Georgia, "Times New Roman", serif;
	font-weight: 700;
	letter-spacing: 0;
}

.hpf-plant-title {
	font-size: clamp(2.4rem, 5vw, 4.5rem);
	line-height: 0.98;
	margin: 0;
}

.hpf-plant-botanical {
	color: var(--hpf-muted);
	font-size: 1rem;
	margin: -0.45rem 0 0;
}

.hpf-plant-intro {
	color: #34413c;
	font-size: 1.08rem;
	margin: 0;
	max-width: 41rem;
}

.hpf-plant-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

.hpf-plant-tag {
	border-radius: 7px;
	display: inline-flex;
	font-size: 0.8rem;
	font-weight: 850;
	line-height: 1.2;
	padding: 0.5rem 0.65rem;
}

.hpf-plant-tag-light {
	background: var(--hpf-light-tag);
	color: var(--hpf-light-tag-text);
}

.hpf-plant-tag-water {
	background: var(--hpf-watering-tag);
	color: var(--hpf-watering-tag-text);
}

.hpf-plant-tag-safe {
	background: var(--hpf-safe-tag);
	color: var(--hpf-safe-tag-text);
}

.hpf-plant-metrics,
.hpf-plant-text-cards {
	display: grid;
	gap: 0.75rem;
	padding: 1.4rem;
}

.hpf-plant-metrics {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hpf-plant-text-cards {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	padding-top: 0;
}

.hpf-plant-metric,
.hpf-plant-text-card {
	background: #fff;
	border: 1px solid rgba(7, 63, 52, 0.11);
	border-radius: 8px;
	box-shadow: 0 10px 26px rgba(21, 38, 30, 0.06);
}

.hpf-plant-metric {
	padding: 1rem;
}

.hpf-plant-value {
	color: var(--hpf-forest);
	font-size: 1rem;
	font-weight: 850;
	margin: 0.3rem 0 0;
}

.hpf-plant-text-card {
	padding: 1.25rem;
}

.hpf-plant-section-title {
	font-size: 1.35rem;
	line-height: 1.16;
	margin: 0.35rem 0 0.65rem;
}

.hpf-plant-text-card p {
	color: #4c5652;
	margin: 0;
}

.hpf-plant-text-card p + p {
	margin-top: 0.75rem;
}

@media (max-width: 980px) {
	.hpf-plant-hero {
		grid-template-columns: 1fr;
	}

	.hpf-plant-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.hpf-plant-single {
		margin-bottom: 1.5rem;
	}

	.hpf-plant-hero-content {
		padding: 1.15rem;
	}

	.hpf-plant-metrics,
	.hpf-plant-text-cards {
		grid-template-columns: 1fr;
		padding: 1.15rem;
	}

	.hpf-plant-text-cards {
		padding-top: 0;
	}
}