.knowledge-base-toc-wrapper{background:var(--background-beige);flex:0 0 297px;position:relative;z-index:1;@media (max-width:820px){flex:none;position:sticky;top:var(--header-height)}}.knowledge-base-toc{max-height:calc(100vh - var(--header-height));overflow-y:auto;padding-block:var(--spacing-2x) var(--spacing-6x);position:sticky;top:var(--header-height);@media (max-width:820px){padding-block:0;position:static;&[data-state=open]{border-radius:var(--radius-md) var(--radius-md) 0 0;body:has(&){overflow:clip}}}}.kb-toc-header{align-items:center;display:none;gap:var(--spacing-4x);justify-content:space-between;padding:var(--spacing-3x) var(--spacing-6x);width:100%;z-index:0;@media (max-width:820px){display:flex;& svg{transition:var(--transition)}&:before{background:var(--white);content:"";height:100%;inset:0 auto auto 50%;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}.knowledge-base-toc[data-state=open] &{& svg{transform:rotate(-180deg)}}}}.kb-toc-sections-wrapper{@media (max-width:820px){grid-template-rows:0;height:0;inset:100% auto auto 0;position:absolute;transition:var(--transition);width:100%;z-index:0;&:before{background:var(--white);content:"";height:100%;inset:0 auto auto 50%;position:absolute;transform:translateX(-50%);transition:var(--transition);width:100vw;z-index:-1}.knowledge-base-toc[data-state=open] &{height:calc(100vh - 100% - var(--header-height) - var(--container-padding));&:before{height:calc(100% + var(--container-padding))}}}}.kb-toc-sections{@media (max-width:820px){background:var(--background-beige);border-radius:0 0 var(--radius-md) var(--radius-md);height:100%;overflow-y:scroll;position:relative;z-index:1}}.kb-toc-section{padding:var(--spacing-4x) var(--spacing-5x);&:not(&:last-child){border-bottom:1px solid var(--gray-50)}}.kb-toc-section__title{color:var(--text-light);font-size:.7778rem;font-weight:600;margin-bottom:var(--spacing-4x)}ul.kb-toc-items{margin-left:8px}li.kb-toc-item{font-size:14px;line-height:1.2;&:not(&:last-child){margin-bottom:var(--spacing-4x)}& a{--anchor-color:var(--text-base);font-size:inherit;line-height:inherit}}