.article-page{--article-column: 76rem}.article-page__breadcrumbs{padding-block:1.2rem 0}.article-page__breadcrumbs .breadcrumb{max-width:none}.article-page__hero{margin-top:var(--space-xs)}.article-page__media{position:relative;width:100%;max-width:128rem;margin-inline:auto;overflow:hidden;aspect-ratio:16 / 9;max-height:max(32rem,58vh);background-color:var(--packshot-bg, #f3f4f6)}.article-page__media--21-9{aspect-ratio:21 / 9}.article-page__media--adapt{aspect-ratio:var(--hero-ratio, 1.78)}.article-page__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.article-page__column{width:100%;max-width:var(--article-column);margin-inline:auto}.article-page__header{padding-top:var(--space-m)}.article-page__meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-bottom:2rem}.article-page__topics{display:flex;flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none}.article-page__date{font-size:1.3rem;letter-spacing:.02em;color:rgb(var(--color-foreground-secondary))}.article-page__title{margin:0;font-size:clamp(2.6rem,1.6rem + 2vw,4.8rem);line-height:1.12;text-wrap:balance}.article-page__lead{margin-top:2.4rem;font-size:1.8rem;line-height:1.6;color:rgb(var(--color-foreground))}.article-page__lead>*{margin:0;color:inherit}.article-page__lead>*+*{margin-top:1.2rem}.article-page__byline{margin:1.6rem 0 0;font-size:1.4rem;color:rgb(var(--color-foreground-secondary))}.article-page__author{font-weight:600;color:rgb(var(--color-foreground))}@media screen and (min-width:990px){.article-page__lead{font-size:2rem}}.article-page__body{padding-top:var(--space-s)}.article-content{font-size:1.6rem;line-height:1.75;color:rgba(var(--color-foreground),.88);overflow-wrap:break-word}@media screen and (min-width:750px){.article-content{font-size:1.7rem}}.article-content *{max-width:100%}.article-content>*,.article-content div,.article-content div>*{width:auto;margin-left:0;margin-right:0}.article-content>:first-child,.article-content>div:first-child>:first-child{margin-top:0}.article-content>:last-child,.article-content>div:last-child>:last-child{margin-bottom:0}.article-content p,.article-content div>p{margin:0 0 1.6rem;color:inherit}.article-content :is(h1,h2,h3,h4,h5,h6){color:rgb(var(--color-foreground));scroll-margin-top:calc(var(--header-height, 0px) + 2.4rem)}.article-content :is(h1,h2){margin:4.8rem 0 1.6rem;font-size:2.2rem;line-height:1.25}.article-content h3{margin:3.2rem 0 1.2rem;font-size:1.9rem;line-height:1.3}.article-content :is(h4,h5,h6){margin:2.4rem 0 .8rem;font-family:var(--font-body-family);font-size:1.7rem;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none}@media screen and (min-width:990px){.article-content :is(h1,h2){font-size:2.8rem;margin-top:6.4rem}.article-content h3{font-size:2.1rem}}.article-content a{display:inline;color:rgb(var(--color-foreground));text-decoration:underline;text-decoration-thickness:.1rem;text-underline-offset:.3rem;transition:text-decoration-thickness .2s ease}@media(hover:hover)and (pointer:fine){.article-content a:hover{text-decoration-thickness:.2rem}}.article-content :is(strong,b){font-weight:600;color:rgb(var(--color-foreground))}.article-content :is(ul,ol){margin:0 0 2rem;padding-left:2.4rem}.article-content li{margin:0;padding-left:.4rem}.article-content li+li{margin-top:.8rem}.article-content li>:is(ul,ol){margin:.8rem 0 0}.article-content li::marker{color:rgb(var(--color-foreground))}.article-content :is(img,video){display:block;height:auto;margin-inline:auto}.article-content>img,.article-content>p>img:only-child,.article-content figure{margin:3.2rem auto}.article-content figure img{margin:0 auto}.article-content figcaption{margin-top:1rem;font-size:1.3rem;line-height:1.5;text-align:center;color:rgb(var(--color-foreground-secondary))}.article-content iframe{display:block;width:100%;margin:3.2rem 0;border:0}.article-content iframe:is([src*=youtube],[src*="youtu.be"],[src*=vimeo]){height:auto;aspect-ratio:16 / 9}.article-content blockquote{margin:3.2rem 0;padding:.4rem 0 .4rem 2.4rem;font-size:1.9rem;font-weight:500;line-height:1.5;color:rgb(var(--color-foreground));border-left:.3rem solid rgb(var(--color-foreground))}.article-content blockquote>:last-child{margin-bottom:0}.article-content table{width:100%;margin:3.2rem 0;font-size:1.5rem;line-height:1.5;border-collapse:collapse;table-layout:auto}@media screen and (max-width:749.98px){.article-content table{display:block;overflow-x:auto}}.article-content table :is(th,td){padding:1.2rem 1.4rem;text-align:left;vertical-align:top;border:0;border-bottom:.1rem solid rgb(var(--color-border))}.article-content table th,.article-content table thead td{font-weight:600;color:rgb(var(--color-foreground));background-color:var(--packshot-bg, #f3f4f6)}.article-content hr{margin:4.8rem 0;border:0;border-top:.1rem solid rgb(var(--color-border))}.article-content :is(pre,code){font-size:.9em;white-space:pre-wrap}.article-page__footer{margin-top:var(--space-s)}.article-page__footer .article-page__column{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;padding-top:2.4rem;border-top:.1rem solid rgb(var(--color-border))}.article-page__app{width:100%}.article-share{display:inline-flex;flex-wrap:wrap;align-items:center;gap:1.2rem}.article-share__button{display:inline-flex;align-items:center;gap:1rem;min-height:4.4rem;padding:0 2rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground));background:none;border:.1rem solid rgb(var(--color-foreground));cursor:pointer;transition:color .2s ease,background-color .2s ease}.article-share__button .icon{width:2rem;height:2rem}@media(hover:hover)and (pointer:fine){.article-share__button:hover{color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}}.article-share__status{font-size:1.3rem;color:rgb(var(--color-foreground-secondary))}.article-share__status:empty{display:none}.article-comments{margin-top:var(--space-m)}.article-comments__title{margin:0 0 2rem;font-size:1.8rem}.article-comments__list{display:grid;gap:1.6rem;margin:0 0 var(--space-s);padding:0;list-style:none}.article-comments__item{padding:2rem;background-color:var(--packshot-bg, #f3f4f6)}.article-comments__body>:last-child{margin-bottom:0}.article-comments__meta{margin:1.2rem 0 0;font-size:1.3rem;color:rgb(var(--color-foreground-secondary))}.article-comments__form,.article-comments__fields{display:grid;gap:1.6rem}@media screen and (min-width:750px){.article-comments__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.article-comments__note{margin:0;font-size:1.3rem;color:rgb(var(--color-foreground-secondary))}.article-comments__errors{margin:0;padding-left:2rem}.article-comments__form .button{justify-self:start}.article-related{margin-top:var(--space-l)}.article-related__list{display:grid;grid-auto-flow:column;grid-auto-columns:min(80%,32rem);gap:1.6rem;margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) .4rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}.article-related__list::-webkit-scrollbar{display:none}.article-related__item{scroll-snap-align:start}@media screen and (min-width:576px){.article-related__list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;gap:4rem 2.4rem;margin:0;padding:0;overflow:visible}}@media screen and (min-width:1200px){.article-related__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem 3.2rem}.article-related__list--1,.article-related__list--2,.article-related__list--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-main-article.css.map */