.faq-page {
	background-color: var(--color-white);
}

.faq-page__inner {
	width: 100%;
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 5rem var(--space-inline); /* 80px — mobile: 144px from top minus 64px header */
}

.faq-page__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 3.75rem; /* 60px — mobile: title to accordion */
}

.faq-page__title {
	width: 100%;
	margin: 0;
	font-family: var(--font-serif);
	font-size: 3rem; /* 48px */
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0;
	text-align: left;
	text-transform: uppercase;
	color: var(--color-dark);
}

.faq-page__layout {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
	gap: 0;
}

.faq-page__sidebar-title {
	display: none;
}

/* Accordion */
.faq-accordion {
	width: 100%;
}

.faq-accordion__item {
	padding: 1.875rem 0; /* 30px */
	border-bottom: 0.0625rem solid var(--color-stroke);
}

.faq-accordion__item--first {
	border-top: 0.0625rem solid var(--color-stroke);
}

.faq-accordion__toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	font-family: var(--font-sans);
	font-size: var(--text-body);
	font-weight: 500;
	line-height: var(--line-height-ui);
	text-transform: uppercase;
	color: var(--color-dark);
	cursor: pointer;
}

.faq-accordion__label {
	text-align: left;
}

.faq-accordion__icon {
	flex-shrink: 0;
	width: 0.75rem; /* 12px */
	height: 0.75rem;
	background: url('../images/icon-plus.svg') center / contain no-repeat;
}

.faq-accordion__toggle[aria-expanded="true"] .faq-accordion__icon {
	background-image: url('../images/icon-minus.svg');
}

.faq-accordion__panel {
	padding-top: 1.25rem; /* 20px gap below toggle row */
}

.faq-accordion__content {
	margin: 0;
	font-family: var(--font-sans);
	font-size: var(--text-link);
	font-weight: 500;
	line-height: var(--line-height-ui);
	letter-spacing: var(--letter-spacing-link);
	text-transform: uppercase;
	color: var(--color-dark);
}

.faq-accordion__content p {
	margin: 0;
}

@media (min-width: 75.0625rem) {
	.faq-page__inner {
		padding: 7.5rem var(--space-inline) 7.5rem 2.5625rem; /* 120px top, 41px left @ 1600 */
	}

	.faq-page__body {
		gap: 10rem; /* 160px */
	}

	.faq-page__title {
		font-size: 6.25rem; /* 100px */
		line-height: 1;
		letter-spacing: 0.0625rem; /* 1px */
		text-align: center;
	}

	.faq-page__layout {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: 2rem;
	}

	.faq-page__sidebar-title {
		display: block;
		flex: 0 0 35.5rem; /* 568px */
		max-width: 35.5rem;
		margin: 0;
		font-family: var(--font-serif);
		font-size: 3rem; /* 48px */
		font-weight: 400;
		line-height: 1.1;
		text-transform: uppercase;
		color: var(--color-dark);
	}

	.faq-accordion {
		flex: 0 0 46.8125rem; /* 749px */
		max-width: 46.8125rem;
	}
}