/**
 * CE Knowledge Base — 知识库前端页面样式。
 *
 * 用于渲染 Philosophy / Learning Loop / FAQ / Glossary 等内容。
 */

.ce-kb-page {
	font-family: var(--ce-font-body);
	line-height: 1.8;
	margin: 0 auto;
	max-width: 800px;
	padding: var(--ce-space-6) var(--ce-space-4);
}

.ce-kb-page h1 {
	border-bottom: 2px solid var(--ce-primary);
	color: var(--ce-text-primary);
	font-family: var(--ce-font-heading);
	font-size: 2rem;
	font-weight: 800;
	margin: 0 0 var(--ce-space-5);
	padding-bottom: var(--ce-space-3);
}

.ce-kb-page h2 {
	color: var(--ce-text-primary);
	font-family: var(--ce-font-heading);
	font-size: 1.5rem;
	font-weight: 700;
	margin: var(--ce-space-8) 0 var(--ce-space-3);
}

.ce-kb-page h3 {
	color: var(--ce-text-primary);
	font-family: var(--ce-font-heading);
	font-size: 1.125rem;
	font-weight: 600;
	margin: var(--ce-space-5) 0 var(--ce-space-2);
}

.ce-kb-page p {
	margin: 0 0 var(--ce-space-3);
}

.ce-kb-page blockquote {
	background: var(--ce-bg-secondary);
	border-left: 4px solid var(--ce-primary);
	border-radius: 0 var(--ce-radius) var(--ce-radius) 0;
	color: var(--ce-text-primary);
	font-size: 1.125rem;
	font-style: italic;
	margin: var(--ce-space-5) 0;
	padding: var(--ce-space-4) var(--ce-space-5);
}

.ce-kb-page code {
	background: var(--ce-bg-secondary);
	border-radius: 3px;
	font-size: 0.875em;
	padding: 2px 6px;
}

.ce-kb-page pre {
	background: var(--ce-bg-secondary);
	border-radius: var(--ce-radius);
	overflow-x: auto;
	padding: var(--ce-space-4);
}

.ce-kb-page ul,
.ce-kb-page ol {
	margin: var(--ce-space-3) 0;
	padding-left: var(--ce-space-5);
}

.ce-kb-page li {
	margin-bottom: var(--ce-space-2);
}

.ce-kb-page hr {
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	margin: var(--ce-space-8) 0;
}

/* ── FAQ ── */
.ce-faq-item {
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: var(--ce-radius);
	margin-bottom: var(--ce-space-3);
	overflow: hidden;
}

.ce-faq-question {
	background: var(--ce-bg-secondary);
	color: var(--ce-text-primary);
	cursor: pointer;
	font-size: 1rem;
	font-weight: 600;
	padding: var(--ce-space-4);
	transition: background var(--ce-transition);
}

.ce-faq-question:hover {
	background: rgba(0, 0, 0, 0.03);
}

.ce-faq-answer {
	font-size: 0.9375rem;
	line-height: 1.7;
	padding: 0 var(--ce-space-4) var(--ce-space-4);
}

/* ── Glossary ── */
.ce-glossary-term {
	border-bottom: 1px solid rgba(0, 0, 0, 0.04);
	padding: var(--ce-space-3) 0;
}

.ce-glossary-term strong {
	color: var(--ce-primary);
}