/**
 * FAQ accordion styles
 * ---------------------------------------------------------------------------
 * Designed to blend into whatever theme it's dropped into: it inherits the
 * surrounding font and uses `currentColor` so it adopts your text colour by
 * default. Override the custom properties below (scoped to .faq) in your own
 * stylesheet to match your brand — you shouldn't need to touch anything else.
 *
 *   .faq {
 *     --faq-border: #e2e2e2;
 *     --faq-question-weight: 700;
 *   }
 */

.faq {
	/* Theming hooks ------------------------------------------------------- */
	--faq-border: color-mix(in srgb, currentColor 15%, transparent);
	--faq-question-weight: 600;
	--faq-question-padding: 1rem 0;
	--faq-answer-padding: 0 0 1.25rem;
	--faq-row-gap: 0;
	--faq-icon-size: 0.6em;
	--faq-icon-weight: 2px;
	--faq-transition: 200ms ease;

	display: flex;
	flex-direction: column;
	gap: var(--faq-row-gap);
	margin: 2rem 0;
}

/* Optional heading ----------------------------------------------------------*/
.faq__title {
	margin: 0 0 1rem;
	/* Inherits your theme's h2 sizing by default. Uncomment to override:
	   font-size: 1.75rem;
	   line-height: 1.2; */
}

/* Each Q&A row --------------------------------------------------------------*/
.faq__item {
	border-bottom: 1px solid var(--faq-border);
}
.faq__item:first-child {
	border-top: 1px solid var(--faq-border);
}

/* The clickable question row (the <summary>) --------------------------------*/
.faq__question {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: var(--faq-question-padding);
	font-weight: var(--faq-question-weight);
	line-height: 1.4;
	cursor: pointer;

	/* Remove the browser's default disclosure triangle */
	list-style: none;
}
.faq__question::-webkit-details-marker {
	display: none;
}

/* Clear, visible keyboard focus */
.faq__question:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

.faq__question-text {
	flex: 1 1 auto;
}

/* Chevron: a rotated corner made from two borders — no image needed ---------*/
.faq__icon {
	flex: 0 0 auto;
	width: var(--faq-icon-size);
	height: var(--faq-icon-size);
	margin-right: 0.3em;
	border-right: var(--faq-icon-weight) solid currentColor;
	border-bottom: var(--faq-icon-weight) solid currentColor;
	transform: rotate(45deg);        /* points down = collapsed */
	transform-origin: center;
	transition: transform var(--faq-transition);
}
.faq__item[open] .faq__icon {
	transform: rotate(-135deg);      /* points up = expanded */
}

/* The answer body -----------------------------------------------------------*/
.faq__answer {
	padding: var(--faq-answer-padding);
	line-height: 1.65;
}
/* Trim stray margins from the first/last wysiwyg element so spacing is even */
.faq__answer > :first-child { margin-top: 0; }
.faq__answer > :last-child  { margin-bottom: 0; }

/* Respect users who ask for reduced motion ---------------------------------*/
@media (prefers-reduced-motion: reduce) {
	.faq__icon { transition: none; }
}

/* References toggle ---------------------------------------------------------*/
.faq-references {
	margin: 1.5rem 0 2rem;
}

/* The "+ View References" line (the <summary>) */
.faq-references__toggle {
	display: inline-flex;
	align-items: baseline;
	gap: 0.4em;
	cursor: pointer;
	font-weight: 600;
	list-style: none; /* hide default marker */
	cursor: pointer;
}
.faq-references__toggle::-webkit-details-marker {
	display: none;
}

/* The +/- indicator — flips when the block is open. Kept outside the
   underlined label so only the words carry the link styling. */
.faq-references__toggle::before {
	content: "+";
	flex: 0 0 auto;
	width: 1em;
	text-align: center;
	font-weight: 700;
}
.faq-references[open] .faq-references__toggle::before {
	content: "\2212"; /* proper minus sign (−) */
}

.faq-references__label {
	text-decoration: underline;
	text-underline-offset: 2px;

	-webkit-user-select: none; /* Safari */
	  -ms-user-select: none;     /* IE 10 and IE 11 */
	  user-select: none;         /* Standard syntax (Chrome, Firefox, Edge, Opera) */
}

.faq-references__toggle:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
	border-radius: 2px;
}

/* The references list itself — slightly smaller, tidy margins */
.faq-references__content {
	margin-top: 0.85rem;
	font-size: 0.9em;
	line-height: 1.6;
}
.faq-references__content > :first-child { margin-top: 0; }
.faq-references__content > :last-child  { margin-bottom: 0; }

.faq-references__content p{
	
	padding: 15px;
	margin: 0px;
}

/*.faq-references__content p:nth-child(even) {
  background-color: #eee;
}*/


.faq-references__content :nth-child(even of p) {
  background-color: #eee;
}


.faq-references__content hr{
	margin: 0px;
  	border-top: 1px solid rgba(0,0,0,0.3);
}