.knowledge-tree { margin: 0; padding-inline-start: 20px; }
.knowledge-tree li { padding-block: 8px; line-height: 24px; overflow-wrap: anywhere; }
.knowledge-tree ul { border-left: 1px solid var(--outline-var); margin-top: 8px; }
.knowledge-reader { max-width: 880px; margin-inline: auto; overflow-wrap: anywhere; }
.knowledge-text { white-space: pre-wrap; overflow-wrap: anywhere; padding: 24px; font-size: 16px; line-height: 1.9; background: var(--sc-low); border-radius: var(--r-feature); margin: 20px 0; }
.knowledge-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.knowledge-toolbar input { width: 80px; }
@media (max-width: 480px) { .knowledge-text { padding: 16px; } }

.pdf-surface { width: 100%; overflow: auto; max-height: 78dvh; border: 1px solid var(--outline-var); border-radius: var(--r-card); background: var(--sc-high); overscroll-behavior: contain; }
.pdf-canvas { display: block; background: white; margin-inline: auto; }
.pdf-transcript { margin: 16px 0; }
.knowledge-search { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.knowledge-search > label { flex-basis: 100%; }
.knowledge-search > input { flex: 1; min-width: 120px; }
.knowledge-answer { white-space: pre-wrap; line-height: 1.8; padding: 16px 0; }
.knowledge-anchor { scroll-margin-block-start: 88px; }
.knowledge-anchor:target { background: var(--sc-high); }