/* Public knowledgebase and the shared drawer reader. */
.kb-page { padding-block: 3rem; max-width: 1120px; }
.kb-search { margin-block: 2rem; }
.kb-search label { display: block; font-weight: 600; margin-bottom: .5rem; }
.kb-topics { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 1.5rem; margin-block: 2rem; }
.kb-topic { border: 1px solid var(--bs-border-color, #d8dce2); border-radius: 1rem; padding: 1.5rem; }
.kb-guide-list { padding-left: 1.25rem; }
.kb-guide-list li { margin-block: .8rem; }
.kb-guide-list p { font-size: .9rem; margin: .25rem 0; }
.kb-article { max-width: 850px; margin-inline: auto; overflow-wrap: anywhere; }
.kb-article header { margin-block: 1.5rem; }
.kb-toc { border-left: 3px solid currentColor; padding: 1rem 1.5rem; margin-block: 1.5rem; }
.kb-body img { max-width: 100%; height: auto; }
.kb-body .container { max-width: 100%; padding-inline: 0; }
.kb-body .site-section { padding-block: 1.5rem; }
.kb-body :is(h2,h3,h4) { scroll-margin-top: 6rem; }
.help-drawer__panel { overflow-y: auto; width: min(760px, 100vw); max-width: 100vw; }
.help-drawer__panel .kb-topics { display: block; }
.help-drawer__panel .kb-topic { margin-bottom: 1rem; }
.help-drawer__panel .kb-body .site-section { padding-block: 1rem; }
@media (max-width: 767px) { .help-drawer__panel { inset: 0; height: 100dvh; border-radius: 0; } .kb-page { padding-block: 1.5rem; } }

.kb-topic { display: block; }
.kb-page .site-page-header--hero { min-height: 0; padding-block: 3rem; }
.kb-page .site-page-header__content { padding-block: 0; }
.kb-page .site-page-header__container { min-height: 0; }
.kb-page .site-page-header__microcopy { margin-bottom: 0; }
.kb-topic .knowledgebase-directory__count { display: inline-block; font-size: .875rem; margin-bottom: .75rem; }
.kb-topic .site-card__resource-link { padding: .5rem; }