/* =========================================================
   FAQ（コンテンツセクション：section_faq）
   配置: assets/css/core/13-faq.css（汎用・移植で持っていく）

   <details>/<summary> のネイティブ開閉。JSゼロ。
   既定の三角マーカーを消し、右端に +/− を自前で置く。
   回答は lr-richtext なので本文スタイルがそのまま効く。
   ========================================================= */

.lr-faq {
	border-top: 1px solid var(--lr-border);
}

.lr-faq__item {
	border-bottom: 1px solid var(--lr-border);
}

/* 質問（クリック領域）*/
.lr-faq__question {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--lr-space-sm);
	padding: var(--lr-space-sm) 0;
	cursor: pointer;
	font-weight: var(--lr-weight-bold);
	color: var(--lr-text);
	line-height: var(--lr-leading-body);
	list-style: none;   /* Firefox等の既定マーカーを消す */
}
/* WebKit の既定三角マーカーを消す */
.lr-faq__question::-webkit-details-marker {
	display: none;
}

/* 開閉インジケータ（+ / −）*/
.lr-faq__question::after {
	content: "+";
	flex: 0 0 auto;
	margin-left: auto;
	font-weight: var(--lr-weight-bold);
	color: var(--lr-text-muted);
	transition: color var(--lr-ease);
}
.lr-faq__item[open] .lr-faq__question::after {
	content: "\2013";   /* en dash − */
}
.lr-faq__question:hover::after {
	color: var(--lr-link);
}

/* 回答 */
.lr-faq__answer {
	padding: 0 0 var(--lr-space-md);
	color: var(--lr-text);
}