/* Knowledge is documentation, not another sales-page layout. Reuse brand tokens. */
.knowledge-page :where(article, section, h2) { scroll-margin-top: 112px; }
.knowledge-page .hero.compact { padding: 48px 0; }
.knowledge-page .hero.compact::before { content: none; }
.knowledge-meta { margin-top: 24px; font-size: 14px; color: var(--muted); }
.knowledge-page code { overflow-wrap: anywhere; font-size: .9em; }
.knowledge-index { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 28px; margin-top: 24px; }
.knowledge-index a { display: flex; align-items: center; min-height: 64px; padding: 16px 0; border-bottom: 1px solid var(--line, #d6dfed); font-weight: 650; color: var(--blue); }
.knowledge-entry { max-width: 820px; padding: 42px 0; border-top: 1px solid var(--line, #d6dfed); }
.knowledge-entry h2 { font-size: clamp(26px, 3vw, 34px); line-height: 1.2; }
.knowledge-entry h3, .knowledge-docs h3 { margin-top: 28px; font-size: 20px; line-height: 1.35; }
.knowledge-entry ul { padding-left: 24px; }
.knowledge-entry li { margin: 10px 0; }
.knowledge-summary { font-size: 20px; color: #34445e; }
.knowledge-limit { padding: 4px 24px 10px; margin: 24px 0; border-left: 3px solid var(--blue); background: #f2f6ff; }
.knowledge-limit h3 { margin-top: 16px; }
.knowledge-back { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.knowledge-docs { max-width: 900px; }
.knowledge-downloads { padding-left: 24px; }
.knowledge-downloads a { display: inline-flex; align-items: center; min-height: 44px; }
.knowledge-docs details { background: white; padding: 0 20px; border: 1px solid var(--line, #d6dfed); border-radius: 12px; margin: 20px 0; }
.knowledge-docs summary { cursor: pointer; padding: 16px 0; min-height: 48px; font-weight: 650; }
.knowledge-docs pre { white-space: pre-wrap; overflow-wrap: anywhere; max-width: 100%; padding: 16px; background: #edf2fa; border-radius: 8px; }
.knowledge-page a:focus-visible, .knowledge-page summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 4px; }
@media (max-width: 960px) {
  .knowledge-page :where(article, section, h2) { scroll-margin-top: 160px; }
  .knowledge-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  .knowledge-page .hero.compact { padding: 32px 0; }
  .knowledge-index { grid-template-columns: minmax(0, 1fr); }
  .knowledge-index a { min-height: 52px; }
  .knowledge-entry { padding: 32px 0; }
  .knowledge-limit { padding-right: 16px; padding-left: 16px; }
}