/* Frontend-only interaction refinements. The shared visual system lives in style.css. */
.ff-page-main {
	min-height: 52vh;
}

.ff-page-main:focus {
	outline: none;
}

.wp-site-blocks {
	overflow: clip;
}

.ff-card a,
.ff-post-card a {
	text-decoration-thickness: 0.07em;
}

@media (hover: hover) and (pointer: fine) {
	.ff-card,
	.ff-post-card {
		transition: border-color var(--ff-transition) ease, transform var(--ff-transition) ease;
	}

	.ff-card:hover,
	.ff-post-card:hover {
		border-color: var(--ff-sage);
		transform: translateY(-2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ff-card:hover,
	.ff-post-card:hover {
		transform: none;
	}
}