.article-mag{--article-mag-tint: rgba(var(--color-foreground), .04);--article-mag-line: rgba(var(--color-foreground), .12);--article-mag-sticky-top: calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px) + 2rem);display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "image" "takeaways" "feature" "body" "more"}.article-mag.page-width{max-width:min(var(--page-width),124rem)}.article-mag--single.page-width{max-width:82rem}.article-mag__header{grid-area:header;padding-bottom:2.4rem;margin-bottom:2.4rem;border-bottom:.1rem solid var(--article-mag-line)}.article-mag__back{display:inline-flex;align-items:center;gap:.8rem;margin-bottom:1.6rem;font-size:1.4rem;text-decoration:none;color:rgba(var(--color-foreground),.75)}.article-mag__back:hover{color:rgb(var(--color-foreground));text-decoration:underline}.article-mag__back .svg-wrapper{width:1.4rem;height:1.4rem;transform:rotate(180deg)}.article-mag__title{margin:0}.article-mag__intro{max-width:72rem;margin:1.2rem 0 0;font-size:1.7rem;line-height:1.6;color:rgba(var(--color-foreground),.8)}.article-mag__meta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 2.4rem;margin-top:1.6rem}.article-mag__meta{display:flex;flex-wrap:wrap;gap:.6rem 2rem;margin:0}.article-mag__detail{display:inline-flex;align-items:center;gap:.6rem;font-size:1.4rem;line-height:1.6;letter-spacing:.04rem;color:rgba(var(--color-foreground),.75)}.article-mag__detail:before{content:"";flex:none;width:1.6rem;height:1.6rem;background-color:currentColor;-webkit-mask:var(--detail-icon) center / contain no-repeat;mask:var(--detail-icon) center / contain no-repeat}.article-mag__detail--author{--detail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20c1.2-3.6 4-5.5 7.5-5.5s6.3 1.9 7.5 5.5'/%3E%3C/svg%3E")}.article-mag__detail--date{--detail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}.article-mag__detail--time{--detail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E")}.article-mag__detail--tags{--detail-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3.5 12.5V4.5a1 1 0 0 1 1-1h8l8 8-9 9z'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")}.article-mag__detail--tags a{color:inherit}.article-mag__detail--tags a:hover{color:rgb(var(--color-foreground))}.article-mag__aside,.article-mag__aside-inner,.article-mag__pin-area,.article-mag__pin{display:contents}.article-mag__image{grid-area:image;margin-bottom:2.4rem}.article-mag__image img{display:block;width:100%;height:auto;border-radius:.8rem}.article-feature{grid-area:feature;display:grid;grid-template-columns:9rem minmax(0,1fr);column-gap:1.6rem;align-items:start;margin-bottom:3.2rem;padding:1.6rem;border:.1rem solid var(--article-mag-line);border-radius:.8rem}.article-feature>*{grid-column:2}.article-feature__eyebrow{grid-column:1 / -1;margin:0 0 1.2rem;font-size:1.1rem}.article-feature__media{grid-column:1;grid-row:2 / span 2;display:block}.article-feature__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.article-feature__title{margin:0 0 1rem}.article-feature__title a{text-decoration:none}.article-feature .article-check{margin-bottom:1.4rem;font-size:1.4rem}.article-feature .article-check__item:nth-child(n+4){display:none}.article-feature .button{grid-column:1 / -1;margin-top:1.2rem;padding-inline:1.6rem;text-align:center}.article-feature__more{grid-column:1 / -1;display:block;margin-top:1.2rem;font-size:1.4rem;text-align:center}.article-more{grid-area:more;margin-top:3.2rem;padding:1.6rem;border:.1rem solid var(--article-mag-line);border-radius:.8rem}.article-more__title{margin:0 0 1.2rem;font-size:1.1rem}.article-more__list{display:grid;gap:1.2rem;margin:0}.article-more__item{display:flex;align-items:center;gap:1.2rem;font-size:1.4rem;line-height:1.4;color:rgb(var(--color-foreground));text-decoration:none}.article-more__item:hover .article-more__name{text-decoration:underline;text-underline-offset:.3rem}.article-more__media{flex:none;width:6.4rem;height:6.4rem;overflow:hidden;border-radius:.4rem;background:var(--article-mag-tint)}.article-more__media img{display:block;width:100%;height:100%;object-fit:contain}.article-cta{display:none;padding:2rem;background:var(--article-mag-tint);border-radius:.8rem}.article-cta__heading{margin:0 0 .8rem}.article-cta__text{margin:0 0 1.6rem;font-size:1.4rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.article-box{padding:2rem 2.4rem;background:var(--article-mag-tint);border-radius:.8rem}.article-box__title{margin:0 0 1.4rem}.article-mag__takeaways{grid-area:takeaways;margin-bottom:3.2rem}.article-check{display:grid;gap:1rem;margin:0}.article-check__item{display:flex;gap:1.2rem;align-items:flex-start;line-height:1.5}.article-check__icon{flex:none;width:2rem;height:2rem;margin-top:.1rem}.article-box--bottom-line{margin:4rem 0 0;padding:2.4rem 2.8rem;border-left:.4rem solid rgb(var(--color-foreground))}.article-box--bottom-line .article-box__title{font-size:calc(var(--font-heading-scale) * 2.2rem)}.article-box--bottom-line .rte>:last-child{margin-bottom:0}.article-mag__body{grid-area:body;min-width:0}.article-mag__body .article-template__content{margin-top:0}.article-mag__body .article-template__content h2,.article-mag__body .article-template__content h3{scroll-margin-top:var(--article-mag-sticky-top)}.article-template__content .article-callout{position:relative;margin:2.8rem 0;padding:1.6rem 2rem 1.6rem 5.6rem;background:var(--article-mag-tint);border:.1rem solid var(--article-mag-line);border-radius:.8rem}.article-template__content .article-callout>strong:first-child,.article-template__content .article-callout>b:first-child{display:block;margin-bottom:.4rem}.article-callout:before{content:"";position:absolute;top:1.6rem;left:1.8rem;width:2.4rem;height:2.4rem;background-color:currentColor;-webkit-mask:var(--callout-icon) center / contain no-repeat;mask:var(--callout-icon) center / contain no-repeat}.article-callout--tip{--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4M12 3a6 6 0 0 0-3.6 10.8c.7.6 1.1 1.4 1.1 2.2h5c0-.8.4-1.6 1.1-2.2A6 6 0 0 0 12 3z'/%3E%3C/svg%3E")}.article-callout--fact{--callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.5'/%3E%3C/svg%3E")}.article-mag__body .article-template__content blockquote{margin:2.8rem 0;padding:1.6rem 2rem;background:var(--article-mag-tint);border-left:.4rem solid var(--article-mag-line);border-radius:0 .8rem .8rem 0}.article-template__content div.article-callout p{margin:0}.article-template__content div.article-callout p+p{margin-top:.8rem}.article-share{display:block}.article-share__share{display:none}article-share[data-mode=share] .article-share__share{display:flex}article-share[data-mode=share] .article-share__copy{display:none}@media(hover:none),(pointer:coarse){article-share:not([data-mode]) .article-share__share{display:flex}article-share:not([data-mode]) .article-share__copy{display:none}}.article-share__icon,.article-share__done{width:1.6rem;height:1.6rem;margin-right:1rem;flex:none}.article-share__done{display:none}.article-share__done .article-check__icon{width:1.6rem;height:1.6rem;margin:0}.article-share.is-copied .article-share__icon{display:none}.article-share.is-copied .article-share__done{display:inline-flex}.article-mag__meta-row .share-button__button{min-height:3.2rem}.article-author{display:grid;grid-template-columns:7.2rem minmax(0,1fr);gap:1.6rem 2rem;align-items:start;margin-top:4rem;padding-top:3.2rem;border-top:.1rem solid var(--article-mag-line)}.article-author__photo img,.article-author__initials{display:block;width:7.2rem;height:7.2rem;border-radius:50%;object-fit:cover;object-position:50% 15%}.article-author__initials{display:flex;align-items:center;justify-content:center;background:var(--article-mag-tint);border:.1rem solid var(--article-mag-line);font-size:2.8rem}.article-author__label{margin:0;font-size:1.1rem}.article-author__name{margin:.2rem 0 0}.article-author__credentials{margin:.4rem 0 0;font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.article-author__bio{margin-top:1rem;font-size:1.5rem}.article-author__bio>:last-child{margin-bottom:0}.article-author__button{grid-column:2;justify-self:start}@media screen and (min-width:750px){.article-author{grid-template-columns:9.6rem minmax(0,1fr) auto}.article-author__photo img,.article-author__initials{width:9.6rem;height:9.6rem}.article-author__button{grid-column:3;grid-row:1}.article-feature{grid-template-columns:12rem minmax(0,1fr)}}@media screen and (min-width:990px){.article-mag{grid-template-columns:minmax(0,1fr) 30rem;grid-template-rows:auto auto 1fr;grid-template-areas:"header header" "takeaways aside" "body aside";column-gap:5.6rem}.article-mag--single{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "takeaways" "body"}.article-mag__header{padding-bottom:3.2rem;margin-bottom:3.2rem}.article-mag__aside{grid-area:aside}.article-mag__aside,.article-mag__aside-inner{display:flex;flex-direction:column;gap:2.4rem}.article-mag__aside-inner{flex:1 0 auto}.article-mag__pin-area{flex:1 0 auto;display:flex;flex-direction:column;gap:2.4rem}.article-mag__image,.article-feature,.article-more{margin:0}.article-cta{display:block}.article-feature{display:block;padding:2rem}.article-feature__media{margin-bottom:1.6rem}.article-feature__media img{max-height:17rem}.article-feature .article-check__item:nth-child(n+4){display:flex}.article-mag__pin.is-pinned{position:sticky;top:var(--article-mag-sticky-top);display:flex;flex-direction:column;gap:2.4rem}.article-cta.is-sticky{position:sticky;top:var(--article-mag-sticky-top)}}
/*# sourceMappingURL=/cdn/shop/t/103/assets/section-article-magazine.css.map */