.article-page{box-sizing:border-box;flex-direction:column;gap:24px;width:100%;max-width:800px;margin:0 auto;padding:48px 24px 72px;animation:.5s ease-out both slideUpFade;display:flex}.article-page--with-toc{grid-template-columns:240px minmax(0,800px);justify-content:center;align-items:start;column-gap:24px;max-width:none;display:grid}.article-page__main{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.article-toc{box-sizing:border-box;background-color:var(--color-sub);border:1px solid var(--color-inactive);border-radius:12px;align-self:start;width:240px;max-height:calc(100vh - 48px);padding:8px;position:sticky;top:24px;overflow-y:auto}.article-toc__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:relative}.article-toc__indicator{background-color:color-mix(in srgb, var(--color-accent) 14%, transparent);pointer-events:none;border-radius:8px;transition:transform .2s,height .2s;position:absolute;top:0;left:0;right:0}.article-toc__item--title{border-bottom:1px solid var(--color-inactive);margin-bottom:8px;padding-bottom:8px}.article-toc__link{z-index:1;font-size:var(--fs-small);font-weight:var(--fw-subtitle);line-height:var(--lh-small);color:var(--color-title);overflow-wrap:anywhere;background-color:#0000;border-radius:8px;padding:8px 12px;text-decoration:none;transition:color .2s,background-color .2s;display:block;position:relative}.article-toc__link:hover{background-color:color-mix(in srgb, var(--color-title) 8%, transparent);color:var(--color-title)}.article-toc__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.article-toc__link--active,.article-toc__link--active:hover{color:var(--color-accent);background-color:#0000}.article-page__header{flex-direction:column;align-items:flex-start;gap:8px;scroll-margin-top:24px;display:flex}.article-page .content-heading-block{scroll-margin-top:24px}.article-page__back{font-size:var(--fs-small);font-weight:var(--fw-small);line-height:var(--lh-small);color:var(--color-active);text-decoration:none}.article-page__back:hover{color:var(--color-title)}.article-page__title{font-size:var(--fs-title);font-weight:var(--fw-title);line-height:var(--lh-title);color:var(--color-title);flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.article-page__heading{overflow-wrap:anywhere;min-width:0}.article-page__title .draft-badge{flex-shrink:0;margin-left:0}.article-page__card{background-color:var(--color-sub);border:1px solid var(--color-inactive);box-sizing:border-box;border-radius:12px;flex-direction:column;gap:24px;width:100%;padding:24px;display:flex}.article-page__content{flex-direction:column;gap:24px;min-width:0;display:flex}.article-page__content .content-text-block,.article-page__content .content-list-block,.article-page__content .content-list-block__item,.article-page__content .content-quote-block__text{text-align:justify;text-align-last:start;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}.article-page__footer{flex-shrink:0;min-width:0;max-width:100%;display:flex}.article-page__footer:empty{display:none}@media (max-width:960px){.article-page--with-toc{flex-direction:column;max-width:800px;display:flex}.article-toc{display:none}}@media (max-width:720px){.article-page{padding:24px 16px 48px}.article-page__card{padding:16px}}@media (prefers-reduced-motion:reduce){.article-page{animation:none}.article-toc__indicator,.article-toc__link{transition:none}}