/**
 * Brand-aligned CTA hierarchy.
 *
 * Canonical source: Knowledge/Obsidian/Library/Brand/visual-guidelines.md.
 * Public landing heroes keep one compact navy primary action. Secondary
 * actions read as brick text links, preserving a 44px interaction target
 * without adding a second competing box.
 */

:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions {
	display: flex !important;
	align-items: center;
	gap: 8px 18px !important;
	margin-top: 22px !important;
}

:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--primary {
	width: fit-content !important;
	max-width: 100%;
	min-height: 44px !important;
	padding: 0 18px !important;
	border-radius: 6px !important;
	font-family: var(--sc-sans) !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.09em !important;
	line-height: 1.2 !important;
	text-transform: uppercase;
}

:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions :is(
	.sc-btn--secondary,
	.sc-btn--outline,
	.sc-btn--ghost
) {
	width: fit-content !important;
	max-width: 100%;
	min-height: 44px !important;
	padding: 10px 2px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--sc-red) !important;
	font-family: var(--sc-sans) !important;
	font-size: 0.75rem !important;
	font-weight: 600 !important;
	letter-spacing: 0.09em !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
	text-underline-offset: 4px !important;
	text-transform: uppercase;
}

:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--secondary:hover,
:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--secondary:focus-visible,
:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--outline:hover,
:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--outline:focus-visible,
:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--ghost:hover,
:is(
	.sc-personal-page,
	.sc-farm-page,
	.sc-business-page,
	.sc-story-page,
	.sc-support-page,
	.sc-local-resources-page
) .sc-page-hero .sc-actions .sc-btn--ghost:focus-visible {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--sc-navy) !important;
	transform: none !important;
}

@media (max-width: 680px) {
	:is(
		.sc-personal-page,
		.sc-farm-page,
		.sc-business-page,
		.sc-story-page,
		.sc-support-page,
		.sc-local-resources-page
	) .sc-page-hero .sc-actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 2px !important;
	}

	:is(
		.sc-personal-page,
		.sc-farm-page,
		.sc-business-page,
		.sc-story-page,
		.sc-support-page,
		.sc-local-resources-page
	) .sc-page-hero .sc-actions .sc-btn {
		width: fit-content !important;
		max-width: 100%;
	}

	.sc-business-page .sc-coverage-directory .sc-card .sc-coverage-path__toggle {
		width: fit-content !important;
		min-height: 44px !important;
		margin: 6px 0 0 !important;
		padding: 6px 10px !important;
		font-size: 0.68rem !important;
		letter-spacing: 0.06em !important;
	}

	.sc-business-page .sc-coverage-directory .sc-card .sc-link {
		padding-block: 9px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(
		.sc-personal-page,
		.sc-farm-page,
		.sc-business-page,
		.sc-story-page,
		.sc-support-page,
		.sc-local-resources-page
	) .sc-page-hero .sc-actions .sc-btn {
		transition: none !important;
	}
}