/* TS FAQ List */
.ts-faq {
	max-width: 760px;
}

.ts-faq__item {
	display: block;
	padding: 22px 0;
	border-top: 1px solid var(--ts-line);
}

.ts-faq__item:last-of-type {
	border-bottom: 1px solid var(--ts-line);
}

.ts-faq__q {
	--ts-fs: 17px;
	--ts-lh: 1.62;
	font-size: var(--ts-fs);
	line-height: var(--ts-lh);
}

.ts-faq__a {
	margin-top: 8px;
	--ts-fs: 15.5px;
	font-size: var(--ts-fs);
	color: var(--ts-muted);
}

.ts-faq__a p + p {
	margin-top: .7em;
}

/* 1.9.3: links in answers as in the drafts (bold, dark orange); control: Link colour (ISSUE-029). */
.ts-w .ts-faq__a a {
	color: var(--ts-faq-link, var(--ts-terra-d));
	font-weight: 700;
	text-decoration: none;
}

.ts-w .ts-faq__a a:hover,
.ts-w .ts-faq__a a:focus {
	text-decoration: underline;
}

/* Click-to-open mode (native <details>, no JavaScript) */
.ts-faq__summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	list-style: none;
	cursor: pointer;
}

.ts-faq__summary::-webkit-details-marker {
	display: none;
}

.ts-faq__summary:focus-visible {
	outline: 3px solid var(--ts-tq);
	outline-offset: 4px;
}

.ts-faq__icon {
	position: relative;
	flex: none;
	width: 14px;
	height: 14px;
	color: var(--ts-terra);
}

.ts-faq__icon::before,
.ts-faq__icon::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	border-radius: 2px;
	background: currentColor;
}

.ts-faq__icon::after {
	transform: rotate(90deg);
}

.ts-faq__item[open] .ts-faq__icon::after {
	transform: rotate(0deg);
}

@media (prefers-reduced-motion: no-preference) {
	.ts-faq__icon::after {
		transition: transform .2s ease;
	}
}