.wbx-eyebrow {
	color: var(--wbx-color-violet);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 780;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.wbx-hero-title {
	width: 100%;
	max-width: none;
}

.wbx-hero-panel {
	padding: var(--wp--preset--spacing--lg);
	border: 1px solid var(--wbx-color-border);
	border-radius: var(--wbx-radius-card);
	background:
		radial-gradient(circle at 86% 10%, color-mix(in srgb, var(--wbx-color-mint) 26%, transparent), transparent 18rem),
		linear-gradient(135deg, var(--wbx-color-white), var(--wbx-color-offwhite));
	box-shadow: var(--wbx-shadow-soft);
}

.wbx-section-title {
	max-width: 15ch;
}

.wbx-lead {
	max-width: 66ch;
	font-size: var(--wp--preset--font-size--lead);
	line-height: 1.5;
}

.wbx-text-heading {
	max-width: 54rem;
}

.wbx-text-lead {
	max-width: 66ch;
}

.wbx-text-narrow {
	max-width: var(--wbx-content-narrow);
}

.is-style-wbx-card,
.wbx-card {
	min-width: 0;
	padding: var(--wp--preset--spacing--md);
	border: 1px solid var(--wbx-color-border);
	border-radius: var(--wbx-radius-card);
	box-shadow: var(--wbx-shadow-soft);
}

.wbx-card :where(h2, h3, h4, p) {
	word-break: normal;
	overflow-wrap: normal;
	hyphens: manual;
}

.is-style-wbx-card:not(.has-background),
.wbx-card:not(.has-background) {
	background: var(--wbx-color-white);
}

.wbx-section.is-style-wbx-card {
	width: min(100% - (2 * var(--wbx-gutter)), var(--wbx-content-default));
	max-width: var(--wbx-content-default);
	margin-inline: auto;
}

.wbx-section.is-style-wbx-card > .wbx-section__inner {
	width: 100%;
	max-width: none;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.wbx-card.has-surface-background-color {
	box-shadow: none;
}

.wbx-card a::after {
	content: "";
	position: absolute;
}

.wbx-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--xs);
	padding: 0;
	list-style: none;
}

.wbx-chip-list li {
	padding: 0.38rem 0.72rem;
	border: 1px solid var(--wbx-color-border);
	border-radius: var(--wbx-radius-pill);
	background: var(--wbx-color-white);
	color: var(--wbx-color-navy);
	font-size: var(--wp--preset--font-size--small);
}

.wp-block-button.is-style-wbx-primary .wp-block-button__link,
.wp-block-button:not(.is-style-outline):not(.is-style-wbx-secondary):not(.is-style-wbx-ghost) .wp-block-button__link {
	min-height: 2.75rem;
	display: inline-flex;
	align-items: center;
	border: 2px solid currentColor;
	border-radius: var(--wbx-radius-pill);
}

.wp-block-button.is-style-wbx-primary .wp-block-button__link:not(.has-background),
.wp-block-button:not(.is-style-outline):not(.is-style-wbx-secondary):not(.is-style-wbx-ghost) .wp-block-button__link:not(.has-background) {
	background: var(--wbx-color-navy);
}

.wp-block-button.is-style-wbx-primary .wp-block-button__link:not(.has-text-color),
.wp-block-button:not(.is-style-outline):not(.is-style-wbx-secondary):not(.is-style-wbx-ghost) .wp-block-button__link:not(.has-text-color) {
	color: var(--wbx-color-white);
}

.wp-block-button.is-style-wbx-primary .wp-block-button__link:not(.has-border-color),
.wp-block-button:not(.is-style-outline):not(.is-style-wbx-secondary):not(.is-style-wbx-ghost) .wp-block-button__link:not(.has-border-color) {
	border-color: var(--wbx-color-navy);
}

.wp-block-button.is-style-wbx-secondary .wp-block-button__link,
.wp-block-button.is-style-wbx-ghost .wp-block-button__link {
	min-height: 2.75rem;
	display: inline-flex;
	align-items: center;
	border: 2px solid currentColor;
	border-radius: var(--wbx-radius-pill);
}

.wp-block-button.is-style-wbx-secondary .wp-block-button__link:not(.has-background),
.wp-block-button.is-style-wbx-ghost .wp-block-button__link:not(.has-background) {
	background: transparent;
}

.wp-block-button.is-style-wbx-secondary .wp-block-button__link:not(.has-text-color) {
	color: var(--wbx-color-navy);
}

.wp-block-button.is-style-wbx-secondary .wp-block-button__link:not(.has-border-color) {
	border-color: var(--wbx-color-border);
}

.wp-block-button.is-style-wbx-ghost .wp-block-button__link:not(.has-text-color) {
	color: var(--wbx-color-violet);
}

.wp-block-button.is-style-wbx-ghost .wp-block-button__link {
	border-color: transparent;
	padding-inline: 0;
}

.wbx-reference-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--sm);
}

.wbx-reference-grid > * {
	padding: var(--wp--preset--spacing--sm);
	border: 1px solid var(--wbx-color-border);
	border-radius: var(--wp--custom--radius--small);
	background: var(--wbx-color-white);
	text-align: center;
}

@media (min-width: 760px) {
	.wbx-reference-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}