.kb{--kb-title:#4D3357;--kb-side-bg:#F0EEF1;--kb-side-text:#4D3357;--kb-hl-bg:#A80E5E;--kb-hl-text:#fff;--kb-accent:#69567B;--kb-crumb:#A80E5E;display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;max-width:1200px;margin:0 auto;padding:48px 24px 80px;align-items:start}
.kb__sidebar{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto;font-size:.95rem;background:var(--kb-side-bg);color:var(--kb-side-text);padding:20px;border-radius:14px}
.kb__main{min-width:0;max-width:760px}
.kb-search input{width:100%;padding:10px 14px;border:1px solid color-mix(in srgb,var(--kb-side-text) 35%,transparent);border-radius:999px;background:#fff;color:var(--kb-side-text);font:inherit;margin-bottom:16px}
.kb-search input:focus{outline:2px solid var(--kb-hl-bg);outline-offset:1px}
.kb-nav a{color:inherit;text-decoration:none}
.kb-nav__all{display:block;font-weight:700;padding:8px 12px;margin:0 0 8px;border-radius:999px}
.kb-nav__group{border-top:1px solid color-mix(in srgb,var(--kb-side-text) 18%,transparent);padding:10px 0}
.kb-nav__group summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--kb-accent);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem}
.kb-nav__group summary a{display:inline-block;padding:6px 12px;border-radius:999px}
.kb-nav__group summary::-webkit-details-marker{display:none}
.kb-nav__group summary::after{content:'+';font-size:1rem;padding-right:4px}
.kb-nav__group[open] summary::after{content:'\2013'}
.kb-nav__group ul{list-style:none;margin:6px 0 0;padding:0}
.kb-nav__group li a{display:block;padding:7px 12px;border-radius:10px;line-height:1.35;transition:background .15s,color .15s}
.kb-nav__group li a:hover{background:color-mix(in srgb,var(--kb-hl-bg) 10%,transparent);color:var(--kb-hl-bg)}
.kb-nav__group li a.is-current,.kb-nav a.is-active,.kb-nav a.is-active:hover{background:var(--kb-hl-bg);color:var(--kb-hl-text);font-weight:600}
.kb__title{margin:0 0 24px;color:var(--kb-title)}
.kb-list{list-style:none;margin:0;padding:0}
.kb-item{padding:20px 16px;margin:0 -16px;border-bottom:1px solid color-mix(in srgb,var(--kb-title) 14%,transparent);border-left:4px solid transparent;border-radius:6px;transition:background .15s,border-color .15s}
.kb-item:hover{background:color-mix(in srgb,var(--kb-side-bg) 70%,transparent);border-left-color:var(--kb-hl-bg)}
.kb-item[hidden]{display:none}
.kb-item__row{display:flex;gap:16px;align-items:flex-start}
.kb-item__icon{width:44px;height:44px;object-fit:contain;flex:none;border-radius:10px}
.kb-item__title{font-size:1.2rem;margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}
.kb-item__title a{color:var(--kb-title);text-decoration:none}
.kb-item__title a:hover{color:var(--kb-hl-bg)}
.kb-time{font-size:.8rem;font-weight:600;color:var(--kb-accent);white-space:nowrap}
.kb-item__excerpt{margin:0;opacity:.85}
.kb-back{font-size:.9rem;margin:0 0 16px}
.kb-back a{color:var(--kb-crumb);text-decoration:none;font-weight:700}
.kb-back a:hover{text-decoration:underline}
.kb-article__header{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.kb-article__icon{width:56px;height:56px;object-fit:contain;flex:none;border-radius:12px}
.kb-article__title{margin:0;color:var(--kb-title)}
.kb-article__content h2,.kb-article__content h3{color:var(--kb-title)}
.kb-related{margin-top:56px;padding:24px;background:var(--kb-side-bg);border-radius:14px}
.kb-related h2{font-size:1.1rem;margin:0 0 12px;color:var(--kb-title)}
.kb-related ul{list-style:none;padding:0;margin:0}
.kb-related__item{padding:10px 0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;border-bottom:1px solid color-mix(in srgb,var(--kb-title) 12%,transparent)}
.kb-related__item:last-child{border-bottom:none}
.kb-related__item a{color:var(--kb-title);font-weight:600;text-decoration:none}
.kb-related__item a:hover{color:var(--kb-hl-bg)}
@media (max-width:899px){.kb{grid-template-columns:1fr;gap:24px;padding:24px 16px 56px}.kb__sidebar{position:static;max-height:none;overflow:visible}.kb--article .kb__sidebar{order:2}}