/* 강사 FAQ 페이지(/teach/faq, widget/teach/faq-page) — 번호 붙인 질문 카드, 누르면 답이 접히고 펼쳐진다(SSOT 11절 "강사 사이트 FAQ") */
.teach-faq-page { display: grid; gap: var(--wa-space-xl); max-inline-size: 54rem; }
.teach-faq-page .teach-faq-questions { display: grid; gap: var(--wa-space-m); margin: 0; padding: 0; list-style: none; counter-reset: teach-faq; }
.teach-faq-page .teach-faq-questions li { counter-increment: teach-faq; margin: 0; }
.teach-faq-page details {
	padding: var(--wa-space-m) var(--wa-space-l);
	border: 1px solid var(--wa-color-surface-border);
	border-radius: var(--wa-border-radius-l);
	background: var(--wa-color-surface-raised);
}
.teach-faq-page details[open] { padding: var(--wa-space-m) var(--wa-space-l); }
.teach-faq-page summary {
	display: flex;
	align-items: flex-start;
	gap: var(--wa-space-s);
	margin: 0;
	padding: 0;
	font-size: var(--wa-font-size-l);
	font-weight: var(--wa-font-weight-bold);
	line-height: 1.5;
	list-style: none;
}
.teach-faq-page details[open] summary { margin-inline: 0; }
.teach-faq-page summary::-webkit-details-marker { display: none; }
.teach-faq-page summary::before { content: counter(teach-faq) '.'; flex: none; color: var(--wa-color-brand-on-quiet); font-variant-numeric: tabular-nums; }
.teach-faq-page summary span { flex: 1; min-inline-size: 0; overflow-wrap: anywhere; }
.teach-faq-page summary::after { flex: none; margin-block-start: 0.35em; }
.teach-faq-page summary:focus-visible { outline: 2px solid var(--wa-color-focus); outline-offset: 4px; border-radius: var(--wa-border-radius-s); }
.teach-faq-page details p {
	margin: var(--wa-space-s) 0 0;
	padding-inline-start: 1.6em;
	color: var(--wa-color-text-quiet);
	font-size: var(--wa-font-size-m);
	line-height: 1.85;
	overflow-wrap: anywhere;
}
/* 답 아래 주소(예 okayteacher.com 의 "AI 를 가르치려면" → teacher.sonub.com) */
.teach-faq-page details .teach-faq-link { margin-block-start: var(--wa-space-xs); }
.teach-faq-page .teach-faq-link a { display: inline-flex; align-items: center; gap: var(--wa-space-2xs); color: var(--wa-color-brand-on-quiet); font-weight: var(--wa-font-weight-semibold); }