/* Signature ticket-card treatment used across stat cards and feature cards */
.wpul-ticket,
.wpul-feature {
	border-radius: 10px;
	border: 1px solid var(--wp--preset--color--border);
	position: relative;
}
.wpul-ticket::before {
	content: '';
	position: absolute;
	top: 0;
	left: 16px;
	right: 16px;
	border-top: 2px dashed var(--wp--preset--color--border);
}
.wpul-ticket::after {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%);
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--wp--preset--color--paper);
	border: 1px solid var(--wp--preset--color--border);
}

.wpul-eyebrow {
	display: inline-flex;
	background: color-mix(in srgb, var(--wp--preset--color--amber) 16%, white);
	color: var(--wp--preset--color--amber-deep);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.4px;
	padding: 5px 11px;
	border-radius: 6px;
	margin-bottom: 4px;
}

.wpul-hero-card {
	box-shadow: 0 30px 60px -24px rgba(27, 27, 24, 0.25);
}

.wpul-feature {
	transition: border-color 0.15s ease;
}
.wpul-feature:hover {
	border-color: var(--wp--preset--color--amber);
}

.wpul-blog-card {
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 12px;
}
.wpul-blog-card img {
	display: block;
	width: 100%;
	height: 160px;
	object-fit: cover;
}

.wpul-author-box img {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	object-fit: cover;
}

/* Button hover state theme.json can't express */
.wp-block-button__link:not(.is-style-outline .wp-block-button__link):hover {
	filter: brightness(0.92);
}
.is-style-outline .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--border);
	color: var(--wp--preset--color--ink);
}