.gfcpn-page-title {
	position: relative;
	z-index: 0;
	display: flex;
	align-items: center;
	gap: 0.75rem;
  margin: 0;
	padding-bottom: 1rem;
	border-bottom: 1px solid #F1F8F6;
}

.gfcpn-page-title .gfcpn-page-circle {
	flex: 0 0 50px;
	width: 50px;
	height: 50px;
	border-color: #0b2545;
	background: url( ../images/circle-reflet.svg ) no-repeat center / 100% 100%, #0b2545;
	color: #ffffff;
	font-weight: 500;
	font-size: 1.25rem;
}

.gfcpn-page-title .gfcpn-page-circle svg {
	width: 28px;
}

/* The folded-corner accent (.gfcpn-content::after) doesn't read well over
   the title's own green background — hide it wherever a title leads. */
.gfcpn-content:has( > .gfcpn-page-title )::after {
	background: transparent;
}

.gfcpn-page-title::before {
	content: "";
	position: absolute;
	top: -20px;
	bottom: 0;
	left: -20px;
	right: -20px;
	z-index: -1;
	background: #C2F3D8;
}

@media ( max-width: 600px ) {
	.gfcpn-page-title {
		font-size: 1.25rem;
	}
}