.c-article-header{padding:var(--spacer) 0;position:relative;overflow-x:hidden}.c-article-header__img{display:block;position:relative;z-index:1;max-width:200px;height:auto;margin:0 auto;margin-bottom:var(--spacer);border-radius:var(--border-radius-lg)}.c-article-header h1{position:relative;z-index:1;text-align:center;-webkit-text-fill-color:transparent;background-clip:text;background-color:linear-gradient(180deg,#fff 60%,rgba(255,255,255,.8));background-image:linear-gradient(180deg,#fff 60%,#fffc)}.c-article-header__info{text-align:center;color:var(--color-font-light)}.c-article-toc h4{margin-bottom:8px}.c-article-toc ol{margin-bottom:0}.c-article-toc a{display:inline-block;padding:var(--margin-sm) var(--margin);border-radius:var(--border-radius)}.c-article-toc a:hover,.c-article-toc a:active{background-color:var(--color-bg-2)}.c-article-related{position:relative;margin-top:4rem;padding-top:3rem}.c-article-related:after{content:"";position:absolute;top:0;left:25%;width:50%;height:2px;background-color:var(--color-bg-4)}.c-article-related>h2{text-align:center}.c-article-related__header{margin-top:2rem;padding:1rem 0;font-size:var(--font-size-sm);color:var(--color-font-light);border-bottom:var(--color-bg-3) solid 2px}.c-article-related__list a{display:flex;align-items:center;justify-content:space-between;padding:var(--margin-lg) 0;color:var(--color-font);font-weight:500;border-bottom:var(--color-bg-3) solid 1px}.c-article-related__list a:hover,.c-article-related__list a:active{color:var(--color-primary)}.c-article-related__list a svg{margin-left:.5rem;min-width:24px}.c-article-author{margin:1rem 0;padding:1rem 1rem .5rem;background-color:var(--color-bg-3);border-radius:var(--border-radius)}.c-article-author section{display:flex;align-items:center;margin-bottom:1rem}.c-article-author section img{width:48px;height:48px;border-radius:99px;margin-right:1rem}.c-article-author section strong{display:block;line-height:1}.c-article-author section span{font-size:var(--font-size-sm);opacity:.9}.c-article-author section a{display:inline-block;color:var(--currentColor);cursor:pointer}.c-article-author section svg{margin-right:1rem}.p-articles-slug{padding:var(--spacer) 0;padding-top:0;position:relative;overflow-x:hidden}.p-articles-slug__inner{margin:0 auto}.p-articles-slug .c-article{counter-reset:h2-counter;--new-color-font: hsl(var(--hue-p), 6%, 88%)}.p-articles-slug .c-article p,.p-articles-slug .c-article ul,.p-articles-slug .c-article ol{line-height:1.6;margin-bottom:1.25rem;color:var(--new-color-font)}.p-articles-slug .c-article img{margin-top:var(--margin);border-radius:var(--border-radius)}.p-articles-slug .c-article>p>code,.p-articles-slug .c-article ul li>code,.p-articles-slug .c-article ol li>code{padding:2px;border-radius:var(--border-radius-sm);background-color:var(--color-bg-2);border:var(--color-bg-4) solid 1px;font-weight:500;white-space:nowrap}.p-articles-slug .c-article h1{font-family:var(--font-family-heading);font-size:var(--font-size-xxxxl);font-weight:200}.p-articles-slug .c-article .c-card{margin-bottom:var(--margin-lg);max-width:600px}.p-articles-slug .c-article>pre{background-color:transparent!important}.p-articles-slug .c-article>code{display:block;line-height:1.2;padding:var(--margin);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);background-color:var(--color-bg-2)!important}.p-articles-slug .c-article__info{margin-bottom:var(--spacer-sm);text-align:center;opacity:.75}.p-articles-slug .c-article .block-header{color:var(--color-font);display:block}.p-articles-slug .c-article .block-header h1,.p-articles-slug .c-article .block-header h2,.p-articles-slug .c-article .block-header h3{padding-top:var(--margin)}.p-articles-slug .c-article h2{position:relative;counter-increment:h2-counter;margin-top:4rem;margin-bottom:1rem}@media screen and (max-width: 576px){.p-articles-slug .c-article>p,.p-articles-slug .c-article>ul{font-size:1.125rem;font-weight:450}}.p-articles-slug .block-image img{display:block;max-width:100%;height:auto;border-radius:10px}.p-articles-slug .block-image p{margin-top:var(--margin);font-style:italic;opacity:.7}.p-articles-slug blockquote{margin:var(--spacer) 0;font-size:var(--font-size-lg);opacity:.8;font-style:italic}.p-articles-slug pre{font-size:var(--font-size-xs);background-color:var(--color-bg-3);padding:12px;border-radius:var(--border-radius-sm);margin-bottom:25px}.p-articles-slug .back{display:flex;margin-bottom:8px;color:var(--color-grey-2)}.p-articles-slug .back svg{margin-right:8px}@media screen and (max-width: 576px){.p-articles-slug h1{font-size:44px}.p-articles-slug__img{max-width:140px}.p-articles-slug .c-article h2{text-align:center;position:relative;counter-increment:h2-counter;margin-top:calc(var(--font-space) * 6);margin-bottom:calc(var(--font-space) * 2)}}