.HomeHeader {
	display: grid;
	margin-bottom: var(--SpaceXL);
}

.HomeTitleBlock {
	display: grid;
	gap: var(--SpaceS);
	min-width: 0;
}

.HomeWorkspace {
	display: grid;
	grid-template-columns: minmax(280px, 1.15fr) repeat(2, minmax(240px, 0.85fr));
	gap: var(--SpaceM);
	align-items: stretch;
}

.HomePrimaryAction,
.HomeActionCard {
	display: grid;
	gap: var(--SpaceS);
	align-content: space-between;
	min-width: 0;
	border: 1px solid var(--ColorHairline);
	border-radius: var(--RadiusMedium);
	color: inherit;
	text-decoration: none;
	transition: border-color 140ms ease, background-color 140ms ease, transform 140ms ease;
}

.HomePrimaryAction:hover,
.HomePrimaryAction:focus-visible,
.HomeActionCard:hover,
.HomeActionCard:focus-visible {
	border-color: var(--ColorAqua);
	background: var(--ColorSurface);
	color: inherit;
	outline: none;
	transform: translateY(-1px);
}

.HomePrimaryAction {
	min-height: 17rem;
	padding: var(--SpaceXL);
	background:
		linear-gradient(180deg, rgba(22, 127, 133, 0.14), rgba(255, 255, 255, 0.82)),
		var(--ColorSurface);
}

.HomePrimaryAction strong {
	color: var(--ColorInk);
	font-family: var(--FontDisplay);
	font-size: 2.25rem;
	line-height: 1;
}

.HomePrimaryAction > span:last-child,
.HomeActionCard > span:last-child {
	color: var(--ColorMuted);
	font-weight: 650;
}

.HomeActionCard {
	min-height: 17rem;
	padding: var(--SpaceXL);
	background: rgba(255, 255, 255, 0.72);
}

.HomeActionCard strong {
	color: var(--ColorInk);
	font-size: 1.2rem;
	line-height: 1.15;
}

.HomeActionMeta {
	color: var(--ColorCopper);
	font-size: 0.78rem;
	font-weight: 800;
	text-transform: uppercase;
}

.HomeActionProperties {
	background: color-mix(in srgb, var(--ColorSageSoft) 46%, #ffffff);
}

.HomeActionCalculators {
	background: color-mix(in srgb, var(--ColorGoldSoft) 48%, #ffffff);
}

@media (max-width: 820px) {
	.HomeWorkspace {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 560px) {
	.HomePrimaryAction,
	.HomeActionCard {
		min-height: 13rem;
		padding: var(--SpaceL);
	}

	.HomePrimaryAction strong {
		font-size: 1.75rem;
	}
}