.kb{display:grid;grid-template-columns:280px minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start;padding-block:clamp(32px,5vw,56px) var(--section-space)}.kb-main{display:grid;gap:clamp(40px,6vw,64px);min-width:0}.kb-nav{position:sticky;top:calc(var(--header-height) + 24px);max-height:calc(100vh - var(--header-height) - 48px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.kb-nav__toggle{display:none}.kb-nav__panel{display:grid;gap:8px}.kb-nav__label{color:var(--muted);padding-inline:10px}.kb-nav__all,.kb-tree__articles a{display:block;padding:6px 10px;border-radius:var(--radius);color:var(--text);font-size:.875rem;line-height:1.45}.kb-nav__all:hover,.kb-tree__articles a:hover{color:var(--strong);background:var(--stripe);text-decoration:none}.kb-nav__all.active,.kb-tree__articles a.active{color:var(--primary-text);background:var(--primary-tint);font-weight:600}.kb-tree,.kb-tree__articles{display:grid;gap:2px;margin:0;padding:0;list-style:none}.kb-tree--nested{margin-left:12px}.kb-tree__category>summary{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius);color:var(--strong);font-size:.9375rem;font-weight:500;cursor:pointer;list-style:none}.kb-tree__category>summary::-webkit-details-marker{display:none}.kb-tree__category>summary:hover{background:var(--stripe)}.kb-tree__name{flex:1;min-width:0}.kb-tree__count{display:inline-grid;place-items:center;min-width:22px;height:20px;padding-inline:6px;border-radius:999px;background:var(--stripe);color:var(--muted);font-size:.6875rem;font-weight:600}.kb-tree__chevron{flex-shrink:0;color:var(--muted);transition:transform .15s ease}.kb-tree__category[open]>summary .kb-tree__chevron{transform:rotate(180deg)}.kb-tree__category>.kb-tree__articles{margin:2px 0 8px 10px;padding-left:8px;border-left:1px solid var(--border)}.kb-article{display:grid;gap:32px}.kb-article__head{display:grid;gap:14px;padding-bottom:24px;border-bottom:1px solid var(--border)}.kb-article__head h1,.kb-category__head h1{font-size:clamp(2rem,4.2vw,2.75rem)}.kb-article__tags{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.kb-article__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;color:var(--muted);font-size:.875rem}.kb-article__read{display:inline-flex;align-items:center;gap:6px}.kb-article__read svg{color:var(--primary-text)}.kb-article .prose{max-width:76ch}.kb-article .prose figure{margin-inline:0}.kb-article .prose img{border:1px solid var(--border)}.kb-category{display:grid;gap:20px}.kb-category__head{display:grid;gap:8px}.kb-category__head h2{font-size:clamp(1.5rem,2.6vw,1.875rem)}.kb-category__head .muted{font-size:.875rem}.kb-index__head{gap:14px}.kb-list{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin:0;padding:0;list-style:none}.kb-card{display:grid;gap:10px;align-content:start;height:100%;padding:20px;color:inherit;transition:transform .15s ease,border-color .15s ease}.kb-card:hover{text-decoration:none;border-color:var(--primary);transform:translateY(-2px)}.kb-card h3{font-size:1.0625rem}.kb-card p{color:var(--muted);font-size:.875rem;line-height:1.55}.kb-card__date{margin-top:auto;color:var(--muted);font-size:.75rem}@media(max-width:880px){.kb{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.kb-nav{position:static;max-height:none;overflow:visible;padding-right:0}.kb-nav__toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:10px 16px;color:var(--strong);font:inherit;font-weight:500;text-align:left;cursor:pointer}.kb-nav__toggle span{flex:1}.kb-nav__chevron{color:var(--muted);transition:transform .15s ease}.kb-nav--open .kb-nav__chevron{transform:rotate(180deg)}.kb-nav__panel{display:none;margin-top:8px;padding:12px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.kb-nav--open .kb-nav__panel{display:grid}}
