/* Published FAQ Block panel. */
.awp-faq-block {
	--awp-faq-bg: #060b09;
	--awp-faq-panel: #0b1110;
	--awp-faq-tile: rgba(12, 18, 17, 0.96);
	--awp-faq-text: #f1f7f3;
	--awp-faq-muted: rgba(241, 247, 243, 0.76);
	--awp-faq-dim: rgba(241, 247, 243, 0.56);
	--awp-faq-green: #6ee36f;
	--awp-faq-green-soft: rgba(110, 227, 111, 0.36);
	--awp-faq-green-faint: rgba(110, 227, 111, 0.13);
	position: relative;
	width: min(100%, 760px);
	max-width: 100%;
	margin: clamp(2rem, 5vw, 3.75rem) auto;
	padding: clamp(0.9rem, 2.6vw, 1.45rem);
	overflow: hidden;
	background:
		linear-gradient(135deg, rgba(110, 227, 111, 0.1), transparent 30%),
		linear-gradient(180deg, #0d1412 0%, var(--awp-faq-bg) 100%);
	border: 1px solid var(--awp-faq-green-soft);
	box-shadow: 0 1.35rem 2.65rem rgba(0, 0, 0, 0.26);
	color: var(--awp-faq-text);
}

.awp-faq-block,
.awp-faq-block * {
	box-sizing: border-box;
}

.awp-faq-block::before,
.awp-faq-block::after {
	position: absolute;
	width: 1.05rem;
	height: 1.05rem;
	pointer-events: none;
	content: "";
}

.awp-faq-block::before {
	top: -1px;
	left: -1px;
	border-top: 1px solid var(--awp-faq-green);
	border-left: 1px solid var(--awp-faq-green);
}

.awp-faq-block::after {
	right: -1px;
	bottom: -1px;
	border-right: 1px solid var(--awp-faq-green);
	border-bottom: 1px solid var(--awp-faq-green);
}

.awp-faq-block__inner {
	position: relative;
	z-index: 1;
	display: grid;
	gap: clamp(0.65rem, 1.5vw, 0.95rem);
	min-width: 0;
	padding-top: 0;
}

.awp-faq-block__inner::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		linear-gradient(rgba(110, 227, 111, 0.035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(110, 227, 111, 0.03) 1px, transparent 1px);
	background-size: 24px 24px;
	content: "";
	mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.7), transparent 90%);
}

.awp-faq-block .awp-faq-block__heading {
	width: 100%;
	max-width: 100%;
	margin: 0 auto !important;
	padding: 0 !important;
	border: 0;
	color: var(--awp-faq-text);
	font-size: clamp(1.9rem, 5.1vw, 2.9rem);
	font-weight: 900;
	line-height: 1.02;
	letter-spacing: 0;
	overflow-wrap: break-word;
	text-align: center;
	text-transform: uppercase;
	text-wrap: balance;
	text-shadow: 0 0 0.8rem rgba(255, 255, 255, 0.1);
}

.awp-faq-block .awp-faq-block__heading::before {
	display: none !important;
	content: none !important;
}

.awp-faq-block .awp-faq-block__heading::after {
	display: block;
	width: min(9rem, 52%);
	height: 2px;
	margin-top: 0.55rem;
	margin-right: auto;
	margin-left: auto;
	background: var(--awp-faq-green);
	box-shadow: 0 0 0.8rem rgba(110, 227, 111, 0.42);
	content: "";
}

.awp-faq-block__items {
	display: grid;
	gap: 0.75rem;
	min-width: 0;
	margin-top: clamp(0.1rem, 0.8vw, 0.3rem);
}

.awp-faq-block__item {
	position: relative;
	min-width: 0;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(110, 227, 111, 0.08), transparent 36%),
		var(--awp-faq-tile);
	border: 1px solid var(--awp-faq-green-soft);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
}

.awp-faq-block__item::before,
.awp-faq-block__item::after {
	position: absolute;
	width: 0.55rem;
	height: 0.55rem;
	pointer-events: none;
	content: "";
}

.awp-faq-block__item::before {
	top: -1px;
	left: -1px;
	border-top: 1px solid var(--awp-faq-green);
	border-left: 1px solid var(--awp-faq-green);
}

.awp-faq-block__item::after {
	right: -1px;
	bottom: -1px;
	border-right: 1px solid var(--awp-faq-green);
	border-bottom: 1px solid var(--awp-faq-green);
}

.awp-faq-block__question {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: clamp(0.7rem, 2vw, 1rem);
	align-items: center;
	min-width: 0;
	padding: clamp(0.8rem, 2.4vw, 1.05rem);
	color: var(--awp-faq-text);
	cursor: pointer;
	list-style: none;
}

.awp-faq-block__question::-webkit-details-marker {
	display: none;
}

.awp-faq-block__question:focus-visible {
	outline: 2px solid var(--awp-faq-green);
	outline-offset: -4px;
}

.awp-faq-block__number {
	display: grid;
	width: 2.15rem;
	height: 2.15rem;
	place-items: center;
	background: rgba(110, 227, 111, 0.045);
	border: 1px solid rgba(110, 227, 111, 0.26);
	color: var(--awp-faq-green);
	font-size: 0.74rem;
	font-weight: 800;
	line-height: 1;
}

.awp-faq-block__question-text {
	min-width: 0;
	color: var(--awp-faq-text);
	font-size: clamp(0.92rem, 2.4vw, 1rem);
	font-weight: 850;
	line-height: 1.3;
	letter-spacing: 0;
	overflow-wrap: anywhere;
	text-transform: uppercase;
}

.awp-faq-block__icon {
	display: grid;
	width: 1.6rem;
	height: 1.6rem;
	place-items: center;
	margin-right: 0.15rem;
	color: var(--awp-faq-green);
	font-size: 1.55rem;
	font-weight: 500;
	line-height: 1;
}

.awp-faq-block__icon::before {
	content: "+";
}

.awp-faq-block__item[open] > .awp-faq-block__question {
	border-bottom: 1px solid rgba(110, 227, 111, 0.18);
}

.awp-faq-block__item[open] > .awp-faq-block__question .awp-faq-block__icon {
	transform: none;
}

.awp-faq-block__item[open] > .awp-faq-block__question .awp-faq-block__icon::before {
	content: "\2013";
}

.awp-faq-block__answer {
	min-width: 0;
	padding: clamp(0.9rem, 2.8vw, 1.15rem) clamp(1rem, 3vw, 1.25rem) clamp(1.05rem, 3vw, 1.35rem);
	color: var(--awp-faq-muted);
	font-size: clamp(0.95rem, 2.4vw, 1.03rem);
	line-height: 1.6;
	overflow-wrap: break-word;
}

.awp-faq-block__answer > :first-child {
	margin-top: 0;
}

.awp-faq-block__answer > :last-child {
	margin-bottom: 0;
}

.awp-faq-block__answer a {
	color: var(--awp-faq-green);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

.awp-faq-block__answer strong {
	color: var(--awp-faq-text);
}

@media (max-width: 560px) {
	.awp-faq-block {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		padding: 0.85rem;
	}

	.awp-faq-block .awp-faq-block__heading {
		max-width: 100%;
		font-size: clamp(1.55rem, 9vw, 2.2rem);
		line-height: 1;
	}

	.awp-faq-block__question {
		grid-template-columns: minmax(0, 1fr) auto;
		gap: 0.75rem;
		padding: 0.85rem;
	}

	.awp-faq-block__number {
		display: none;
	}

	.awp-faq-block__answer {
		padding: 0.85rem;
	}
}
