.article__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "rail" "body" "aside";gap:3.2rem}.article__head{grid-area:head}.article__rail{grid-area:rail}.article__body{grid-area:body}.article__aside{grid-area:aside}.article__head>*+*,.article__body>*+*{margin-top:4rem}@media(max-width:767.98px){.article__head>*+*,.article__body>*+*{margin-top:2.4rem}}.article__layout:not(.article__layout--has-rail):not(.article__layout--has-aside) .article__head,.article__layout:not(.article__layout--has-rail):not(.article__layout--has-aside) .article__body{max-width:88rem;margin-inline:auto;width:100%}@media(min-width:1024px){.article__layout{gap:4rem}.article__layout--has-rail{grid-template-columns:var(--article-rail-width, 28rem) minmax(0,1fr);grid-template-areas:"rail head" "rail body" "aside aside"}.article__layout--has-aside:not(.article__layout--has-rail){grid-template-columns:minmax(0,1fr) var(--article-aside-width, 30rem);grid-template-areas:"head aside" "body aside"}}@media(min-width:1280px){.article__layout--has-rail.article__layout--has-aside{grid-template-columns:var(--article-rail-width, 28rem) minmax(0,1fr) var(--article-aside-width, 30rem);grid-template-areas:"rail head aside" "rail body aside"}}.article__layout--rail-empty .article__rail{display:none}@media(min-width:1024px){.article__layout--has-rail.article__layout--rail-empty{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body" "aside"}}@media(min-width:1280px){.article__layout--has-rail.article__layout--has-aside.article__layout--rail-empty{grid-template-columns:minmax(0,1fr) var(--article-aside-width, 30rem);grid-template-areas:"head aside" "body aside"}}.article__rail-inner,.article__aside-inner{display:grid;gap:2.4rem}@media(max-width:1023.98px){.article__rail-inner.sticky-element,.article__aside-inner.sticky-element{position:static}}.article-toc{display:block;background-color:var(--article-accent-light);border:1px solid rgba(var(--article-accent-rgb),.12);border-radius:var(--blocks-radius);overflow:hidden}.article-toc[hidden]{display:none}.article-toc__details>summary{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;cursor:pointer;list-style:none;padding:1.6rem 1.8rem;color:rgb(var(--color-foreground));border-bottom:1px solid rgba(var(--article-accent-rgb),.12)}.article-toc__details>summary:focus-visible{outline:2px solid var(--article-accent);outline-offset:-2px}.article-toc__details>summary::-webkit-details-marker{display:none}.article-toc__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight)}.article-toc__icon{display:inline-flex;flex:0 0 auto;transition:transform var(--animation-fast)}.article-toc__details[open] .article-toc__icon{transform:rotate(180deg)}@media(min-width:1024px){.article-toc__details>summary{cursor:default;justify-content:center;text-align:center}.article-toc__icon{display:none}}.article-toc__nav{position:relative;padding:1.6rem 1.8rem 1.8rem;max-height:calc(100vh - 14rem);overflow-y:auto;overscroll-behavior:contain}.article-toc__list,.article-toc__sublist{margin:0;padding:0;list-style:none}.article-toc__sublist{margin-top:.6rem;padding-inline-start:1.6rem}.article-toc__sublist:empty{display:none}.article-toc__item+.article-toc__item{margin-top:.6rem}.article-toc__link{display:block;padding:.9rem 1.2rem;border-radius:var(--medium-blocks-radius);background-color:transparent;color:rgb(var(--color-foreground));text-decoration:none;font-size:1.4rem;line-height:1.45;transition:background-color var(--animation-fast),color var(--animation-fast)}.article-toc__link:hover{background-color:rgba(var(--article-accent-rgb),.1);color:var(--article-accent)}.article-toc__link:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}.article-toc__link[aria-current=true]{background-color:var(--article-accent);color:var(--article-accent-contrast);font-weight:var(--font-body-weight-bolder)}.article-toc__item--child{position:relative;padding-inline-start:1.4rem}.article-toc__item--child:before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:50%;width:.9rem;border-inline-start:1px solid rgba(var(--article-accent-rgb),.25);border-bottom:1px solid rgba(var(--article-accent-rgb),.25)}.article-toc__item--child .article-toc__link{background-color:transparent;color:rgb(var(--color-subtext));padding-block:.6rem}.article-toc__item--child .article-toc__link:hover{color:var(--article-accent);background-color:transparent}.article-toc__item--child .article-toc__link[aria-current=true]{background-color:rgba(var(--article-accent-rgb),.12);color:var(--article-accent);font-weight:var(--font-body-weight-bolder)}.article-rail-share{background-color:var(--article-accent-light);border:1px solid rgba(var(--article-accent-rgb),.12);border-radius:var(--blocks-radius);padding:1.6rem 1.8rem}.article-rail-share__title{display:block;margin-bottom:1.2rem;font-family:var(--font-button-family);font-weight:var(--font-body-weight-bolder)}.article-rail-share .sharing__links .btn--icon-circle{transition:background-color var(--animation-fast),color var(--animation-fast)}.article-rail-share .sharing__links a:hover .btn--icon-circle{background-color:var(--article-accent);color:var(--article-accent-contrast)}.article-author{background-color:var(--article-accent-light);border:1px solid rgba(var(--article-accent-rgb),.15);border-radius:var(--blocks-radius);padding:2.4rem;text-align:center}.article-author__label{margin:0 0 1.6rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(var(--article-accent-rgb),.15);color:var(--article-accent);font-family:var(--font-heading-family);font-size:1.2rem;font-weight:var(--font-body-weight-bolder);letter-spacing:.08em;text-transform:uppercase}.article-author__name-link{color:inherit;text-decoration:none;transition:color var(--animation-fast)}.article-author__name-link:hover{color:var(--article-accent);text-decoration:underline;text-underline-offset:.3rem}.article-author__name-link:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}.article-author__avatar{width:9rem;height:9rem;margin-inline:auto;margin-bottom:1.6rem;border-radius:50%;overflow:hidden;background-color:rgb(var(--color-background));box-shadow:0 0 0 .3rem rgba(var(--article-accent-rgb),.18)}.article-author__avatar img,.article-author__avatar svg{width:100%;height:100%;object-fit:cover;display:block}.article-author__name{margin:0;font-family:var(--font-heading-family)}.article-author__role{margin:.4rem 0 0;color:var(--article-accent);font-size:1.4rem;font-weight:var(--font-body-weight-bolder)}.article-author__bio{margin:1.2rem 0 0;color:rgb(var(--color-subtext));font-size:1.4rem;line-height:1.6}.article-author__socials{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.2rem;margin-top:1.6rem}.article-author__socials a{display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:50%;background-color:rgb(var(--color-background));color:var(--article-accent);transition:background-color var(--animation-fast),color var(--animation-fast)}.article-author__socials a:hover{background-color:var(--article-accent);color:var(--article-accent-contrast)}.article-author__socials a:focus-visible{outline:2px solid var(--article-accent);outline-offset:2px}@media(max-width:767.98px){.article-author{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"label label" "avatar identity" "bio bio" "socials socials";gap:0 1.6rem;text-align:start;padding:2rem}.article-author__label{grid-area:label}.article-author__avatar{grid-area:avatar;width:6.4rem;height:6.4rem;margin:0}.article-author__identity{grid-area:identity;align-self:center}.article-author__bio{grid-area:bio}.article-author__socials{grid-area:socials;justify-content:flex-start}.article-author--no-avatar{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "identity" "bio" "socials"}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-article-layout.css.map */