/* GES Post FAQ — accordion below blog posts, Help Center Design 2 language. */

.ges-pfaq {
	--gpf-primary: #0087D8;
	--gpf-accent:  #19C2F0;
	--gpf-border:  #e8eff6;
	--gpf-text:    #0a2a52;
	--gpf-muted:   #6b8aaa;
	--gpf-pill:    #e8f5ff;

	display: block;
	margin: 40px 0 8px;
}
.ges-pfaq *, .ges-pfaq *::before, .ges-pfaq *::after { box-sizing: border-box; }

.ges-pfaq__title {
	margin: 0 0 16px !important;
	font-size: 24px !important; font-weight: 800 !important; letter-spacing: -0.01em;
	color: var(--gpf-text) !important;
}

.ges-pfaq__card {
	background: #fff !important;
	border: 1px solid var(--gpf-border) !important;
	border-radius: 16px !important;
	padding: 8px 20px !important;
	box-shadow: 0 2px 16px rgba(0,135,216,0.07) !important;
}

.ges-pfaq__item { border-bottom: 1px solid var(--gpf-border); }
.ges-pfaq__item:last-child { border-bottom: 0; }

/* Question row — neutralise theme button styling. */
.ges-pfaq__q {
	-webkit-appearance: none !important; appearance: none !important;
	display: flex !important; align-items: flex-start !important; justify-content: space-between !important;
	gap: 16px !important; width: 100% !important; padding: 16px 0 !important; margin: 0 !important;
	background: transparent !important; border: 0 !important; box-shadow: none !important;
	text-align: left !important; cursor: pointer;
	font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important;
	color: var(--gpf-text) !important; text-transform: none !important;
	transition: color .2s ease !important;
}
.ges-pfaq__q:hover { color: var(--gpf-primary) !important; }
.ges-pfaq__q:focus { outline: none !important; }
.ges-pfaq__q:focus-visible { outline: 2px solid var(--gpf-accent) !important; outline-offset: 2px; border-radius: 4px; }

/* +/- circle indicator (CSS-drawn, matches the Help Center accordion). */
.ges-pfaq__ico {
	position: relative; flex-shrink: 0; width: 24px; height: 24px; margin-top: 1px;
	border-radius: 999px; background: var(--gpf-pill);
	transition: background .2s ease;
}
.ges-pfaq__ico::before, .ges-pfaq__ico::after {
	content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
	background: var(--gpf-primary); transition: background .2s ease, transform .2s ease;
}
.ges-pfaq__ico::before { width: 10px; height: 2px; border-radius: 2px; }
.ges-pfaq__ico::after { width: 2px; height: 10px; border-radius: 2px; }
.ges-pfaq__q[aria-expanded="true"] .ges-pfaq__ico { background: var(--gpf-primary); }
.ges-pfaq__q[aria-expanded="true"] .ges-pfaq__ico::before { background: #fff; }
.ges-pfaq__q[aria-expanded="true"] .ges-pfaq__ico::after { background: #fff; transform: translate(-50%, -50%) scaleY(0); }

/* Answer */
.ges-pfaq__a { padding: 0 40px 16px 0; }
.ges-pfaq__a p {
	margin: 0 0 10px !important;
	font-size: 14px !important; line-height: 1.7 !important; color: var(--gpf-muted) !important;
}
.ges-pfaq__a p:last-child { margin-bottom: 0 !important; }

@media (max-width: 640px) {
	.ges-pfaq__title { font-size: 20px !important; }
	.ges-pfaq__card { padding: 4px 14px !important; }
	.ges-pfaq__a { padding-right: 12px; }
}