.content-page{padding-block:var(--space-8) var(--space-20)}.content-layout{display:flex;align-items:flex-start;gap:var(--space-8)}.toc{position:sticky;inset-block-start:var(--space-6);display:flex;flex:0 0 281px;flex-direction:column;gap:var(--space-3);max-block-size:calc(100vh - 2*var(--space-6));overflow-y:auto;padding:var(--space-5) 13px 21px;border:1px solid var(--color-neutral-100);border-radius:var(--radius-card);background:var(--color-neutral-0)}.toc[hidden]{display:none}.toc__title{padding-inline:var(--space-3);color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-bold)}.toc__list{display:flex;flex-direction:column;gap:2px}.toc__link{display:flex;align-items:flex-start;gap:10px;padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--color-neutral-700);font-size:var(--font-size-md);line-height:var(--line-height-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.toc__link:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.toc__link--active{background:var(--color-primary-50);color:var(--color-primary-600);font-weight:var(--font-weight-bold)}.toc__number{flex:0 0 20px;color:var(--color-primary-500);font-weight:var(--font-weight-bold);font-variant-numeric:lining-nums}.toc__text{min-inline-size:0}.content-article{flex:1 1 0;min-inline-size:0;padding:var(--space-10);border:1px solid var(--color-neutral-100);border-radius:var(--radius-card);background:var(--color-neutral-0)}.content-article__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-6);margin-block-end:var(--space-7)}.content-article__title{color:var(--color-neutral-900);font-size:var(--font-size-3xl);line-height:var(--line-height-3xl);font-weight:var(--font-weight-bold)}.content-article__updated{display:inline-flex;align-items:center;gap:6px;color:var(--color-neutral-600);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.content-article__updated .icon{inline-size:18px;block-size:18px}.content-article__body{counter-reset:content-section}.content-article__body h2{position:relative;margin-block:var(--space-7) var(--space-3);padding-block-start:var(--space-7);padding-inline-start:calc(32px + var(--space-3));border-block-start:1px solid var(--color-neutral-100);font-size:var(--font-size-xl);line-height:32px;counter-increment:content-section}.content-article__body h2::before{content:counter(content-section);position:absolute;inset-block-start:var(--space-7);inset-inline-start:0;inline-size:32px;block-size:32px;border-radius:var(--radius-lg);background:var(--color-primary-100);color:var(--color-primary-600);font-size:var(--font-size-md);line-height:32px;text-align:center;font-variant-numeric:lining-nums}@media(max-width:1023.98px){.content-layout{flex-direction:column;align-items:stretch;gap:var(--space-5)}.toc{position:static;flex-basis:auto;max-block-size:none;overflow-y:visible}.content-article{flex-basis:auto}}@media(max-width:639.98px){.content-page{padding-block:var(--space-6) var(--space-12)}.content-article{padding:var(--space-5)}.content-article__title{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl)}}