/* Ponca Numbered Steps Card — Frame 284. */
.ponca-ns, .ponca-ns * { box-sizing: border-box; }
.ponca-ns { display: block; width: 100%; margin: 0; background: var(--ns-bg, transparent); }
.ponca-ns .ponca-ns__card ::before,
.ponca-ns .ponca-ns__card ::after { content: none !important; }

.ponca-ns .ponca-ns__container {
	padding: var(--ns-py, 0) var(--ns-px, 0);
	max-width: var(--ns-maxw, 1106px);
	margin: 0 auto;
}
.ponca-ns .ponca-ns__card {
	display: flex; flex-direction: column; box-sizing: border-box;
	background: var(--ns-card-bg, #FFFFFF);
	border: var(--ns-card-border-w, 1px) solid var(--ns-card-border-c, #F5E7B3);
	border-radius: var(--ns-card-radius, 0px);
	padding: var(--ns-card-pad, 40px);
	gap: var(--ns-card-gap, 30px);
}
.ponca-ns .ponca-ns__head { display: flex; flex-direction: column; gap: 20px; }
.ponca-ns .ponca-ns__title,
.ponca-ns .ponca-ns__description { margin: 0; padding: 0; }
.ponca-ns .ponca-ns__title {
	color: var(--ns-title-color, #0D0F0E);
	font-family: var(--ns-title-font-family);
	font-size: var(--ns-title-font-size);
	line-height: var(--ns-title-line-height);
	font-style: var(--ns-title-font-style);
	font-weight: var(--ns-title-font-weight);
	letter-spacing: var(--ns-title-letter-spacing);
	text-transform: var(--ns-title-text-transform);
}
.ponca-ns .ponca-ns__description {
	color: var(--ns-desc-color, #474747);
	max-width: var(--ns-desc-maxw, 960px);
	font-family: var(--ns-desc-font-family);
	font-size: var(--ns-desc-font-size);
	line-height: var(--ns-desc-line-height);
	font-style: var(--ns-desc-font-style);
	font-weight: var(--ns-desc-font-weight);
	letter-spacing: var(--ns-desc-letter-spacing);
	text-transform: var(--ns-desc-text-transform);
}
.ponca-ns .ponca-ns__description a {
	color: var(--ns-desc-lc, #B28E07);
	text-decoration: var(--ns-desc-ltd, underline);
	text-decoration-thickness: 1px; text-underline-offset: 3px;
	transition: color 0.18s ease;
}
.ponca-ns .ponca-ns__description a:hover,
.ponca-ns .ponca-ns__description a:focus-visible { color: var(--ns-desc-lhc, #8A6E04); }

.ponca-ns .ponca-ns__steps {
	display: grid;
	grid-template-columns: var(--ns-grid, repeat(auto-fit, minmax(260px, 1fr)));
	gap: var(--ns-gap, 20px);
}
.ponca-ns .ponca-ns__step {
	display: flex; flex-direction: column; justify-content: center; align-items: center;
	text-align: center; box-sizing: border-box;
	background: var(--ns-step-bg, #FFFDF6);
	border: var(--ns-step-border-w, 1px) solid var(--ns-step-border-c, #F5E7B3);
	border-radius: var(--ns-step-radius, 0px);
	padding: var(--ns-step-pad, 20px);
	gap: var(--ns-step-gap, 20px);
	min-height: var(--ns-step-minh, 135px);
}
.ponca-ns .ponca-ns__circle {
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
	background: var(--ns-circle-bg, #FAF3DA);
	width: var(--ns-circle-size, 50px);
	height: var(--ns-circle-size, 50px);
	border-radius: var(--ns-circle-radius, 100px);
	color: var(--ns-circle-color, #0D0F0E);
	font-family: var(--ns-circle-font-family);
	font-size: var(--ns-circle-font-size);
	line-height: var(--ns-circle-line-height);
	font-style: var(--ns-circle-font-style);
	font-weight: var(--ns-circle-font-weight);
	letter-spacing: var(--ns-circle-letter-spacing);
	text-transform: var(--ns-circle-text-transform);
}
.ponca-ns .ponca-ns__circle-num { display: inline-block; text-align: center; }

/* Hover effect — apply the "active / 3rd card" look to every step on hover */
.ponca-ns .ponca-ns__step {
	transition: background 0.2s ease, border-color 0.2s ease;
}
.ponca-ns .ponca-ns__circle {
	transition: background 0.2s ease, color 0.2s ease;
}
.ponca-ns .ponca-ns__step:hover {
	border-color: var(--ns-step-active-border-c, #DEB209);
}
.ponca-ns .ponca-ns__step:hover .ponca-ns__circle {
	background: var(--ns-circle-active-bg, #DEB209);
	color: var(--ns-circle-active-color, #FFFFFF);
}
.ponca-ns .ponca-ns__step:hover .ponca-ns__label--link {
 text-decoration: none;
}
.ponca-ns .ponca-ns__label,
.ponca-ns .ponca-ns__label--link {
	display: inline-block; text-align: center;
	color: var(--ns-label-color, #474747);
	font-family: var(--ns-label-font-family);
	font-size: var(--ns-label-font-size);
	line-height: var(--ns-label-line-height);
	font-style: var(--ns-label-font-style);
	font-weight: var(--ns-label-font-weight);
	letter-spacing: var(--ns-label-letter-spacing);
	text-transform: var(--ns-label-text-transform);
}
.ponca-ns .ponca-ns__label--link { transition: color 0.18s ease; text-decoration: var(--ns-label-td, none); }
.ponca-ns .ponca-ns__label--link:hover,
.ponca-ns .ponca-ns__label--link:focus-visible { opacity: 0.75; }
.ponca-ns .ponca-ns__label--link:focus-visible {
	outline: 2px solid currentColor; outline-offset: 3px; border-radius: 2px;
}

@media (max-width: 700px) {
	.ponca-ns .ponca-ns__title { font-size: clamp(24px, 5vw, 32px) !important; line-height: 1.2 !important; }
	.ponca-ns .ponca-ns__steps { grid-template-columns: 1fr !important; }
}