/* Ponca Inline FAQ Card — Frame 283. */
.ponca-if, .ponca-if * { box-sizing: border-box; }
.ponca-if { display: block; width: 100%; margin: 0; background: var(--if-bg, transparent); }
.ponca-if .ponca-if__card ::before,
.ponca-if .ponca-if__card ::after { content: none !important; }

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

.ponca-if .ponca-if__divider {
	width: 100%; height: 0;
	border: 0;
	border-top: var(--if-divider-width, 1px) solid var(--if-divider-color, #F5E7B3);
	margin-top: var(--if-divider-top, 0px);
	margin-bottom: var(--if-divider-bottom, 0px);
}

.ponca-if .ponca-if__faqs { display: flex; flex-direction: column; gap: var(--if-faq-gap, 0px); }
.ponca-if .ponca-if__faq {
	background: var(--if-faq-bg, transparent);
	transition: background-color 0.18s ease;
}
.ponca-if .ponca-if__faq[open] { background: var(--if-faq-open-bg, #FFFDF6); }
.ponca-if .ponca-if__faq-summary {
	display: flex; flex-direction: row; justify-content: space-between;
	align-items: center; cursor: pointer; list-style: none; user-select: none;
	padding: var(--if-faq-padding, 20px);
	gap: var(--if-faq-item-gap, 20px);
}
.ponca-if .ponca-if__faq-summary::-webkit-details-marker { display: none; }
.ponca-if .ponca-if__faq-summary::marker { content: ''; }

.ponca-if .ponca-if__faq-stack { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: var(--if-faq-stack-gap, 10px); }
.ponca-if .ponca-if__faq-q {
	display: block;
	color: var(--if-faq-q-color, #474747);
	font-family: var(--if-faq-q-font-family);
	font-size: var(--if-faq-q-font-size);
	line-height: var(--if-faq-q-line-height);
	font-style: var(--if-faq-q-font-style);
	font-weight: var(--if-faq-q-font-weight);
	letter-spacing: var(--if-faq-q-letter-spacing);
	text-transform: var(--if-faq-q-text-transform);
}
.ponca-if .ponca-if__faq-a {
	display: none;
	color: var(--if-faq-a-color, #474747);
	font-family: var(--if-faq-a-font-family);
	font-size: var(--if-faq-a-font-size);
	line-height: var(--if-faq-a-line-height);
	font-style: var(--if-faq-a-font-style);
	font-weight: var(--if-faq-a-font-weight);
	letter-spacing: var(--if-faq-a-letter-spacing);
	text-transform: var(--if-faq-a-text-transform);
}
.ponca-if .ponca-if__faq[open] .ponca-if__faq-a { display: block; }

.ponca-if .ponca-if__faq-icon {
	display: inline-flex; align-items: center; justify-content: center;
	flex-shrink: 0; transition: transform 0.2s ease;
}
.ponca-if .ponca-if__faq-icon svg { display: block; }
.ponca-if .ponca-if__faq[open] .ponca-if__faq-icon { transform: rotate(180deg); }

.ponca-if .ponca-if__faq-summary:focus-visible {
	outline: 2px solid currentColor; outline-offset: -2px;
}

@media (max-width: 700px) {
	.ponca-if .ponca-if__card { padding: 28px !important; gap: 24px !important; }
	.ponca-if .ponca-if__title { font-size: clamp(24px, 5vw, 32px) !important; line-height: 1.2 !important; }
}
