.article-template{padding-block-end:var(--sp-12);--article-measure: 68.6rem}.article-template .article-template__content,.article-template .article-template__social-sharing,.article-template .article-template__back,.article-template header.page-width{inline-size:min(var(--article-measure),calc(100% - 2 * var(--container-pad)));max-inline-size:none;margin-inline:auto;padding-inline:0}.article-template__hero-container{max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);margin-block-end:var(--sp-8)}.article-template__hero-container .media{padding-bottom:0!important;aspect-ratio:3 / 2;max-block-size:70vh;position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--g2)}@media(min-width:750px){.article-template__hero-container .media{aspect-ratio:16 / 9}}.article-template__hero-container .media img{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.article-template header{margin-inline:auto}.article-template__title{margin:0;font-family:var(--font-display);font-size:var(--fs-h2);font-weight:var(--fw-h2);text-transform:none;letter-spacing:var(--ls-close);line-height:1.08;color:var(--t1);text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.article-template header .circle-divider,.article-template header .caption-with-letter-spacing{display:inline-block;margin-block-start:var(--sp-3);font-family:var(--font-mono);font-size:var(--fs-eyebrow);font-weight:500;letter-spacing:var(--ls-wide);line-height:1.2;text-transform:uppercase;color:var(--t3)}.article-template header .circle-divider:before{content:none}.article-template header .circle-divider+.caption-with-letter-spacing{margin-inline-start:var(--sp-4)}.article-template__social-sharing{margin-block:var(--sp-3) var(--sp-8)}.article-template__social-sharing .share-button__button{display:inline-flex;align-items:center;gap:var(--sp-2);min-block-size:var(--tap-min);padding-inline:var(--sp-4);border-radius:var(--r-control);box-shadow:var(--ring);background:var(--g1);color:var(--t1);font-size:var(--fs-body-sm);font-weight:var(--fw-ui);text-decoration:none;cursor:pointer}.article-template__social-sharing .share-button__button .svg-wrapper{inline-size:1.8rem;block-size:1.8rem;margin:0}.article-template__social-sharing .share-button__button .icon{inline-size:100%;block-size:100%}@media(hover:hover)and (pointer:fine){.article-template__social-sharing .share-button__button:hover{box-shadow:var(--ring-strong);text-decoration:none}}.article-template__social-sharing .share-button__button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.article-template__social-sharing .share-button__button:active{scale:.985}.article-template__social-sharing summary{list-style:none}.article-template__social-sharing summary::-webkit-details-marker{display:none}.article-template__social-sharing .share-button__fallback{inset-block-start:calc(100% + var(--sp-2));border-radius:var(--r-input);background:var(--g0);box-shadow:var(--shadow-2)}.article-template__social-sharing .share-button__fallback:before{border-radius:var(--r-input);box-shadow:none}.article-template__social-sharing .share-button__fallback:after{content:none}.article-template__social-sharing .share-button__fallback .field,.article-template__social-sharing .share-button__fallback .field__input{border-radius:var(--r-input)}.article-template__social-sharing .share-button__fallback .field__input:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;box-shadow:none}.article-template__social-sharing .share-button__fallback .field__label{font-size:var(--fs-micro);line-height:1.2;transition:none}.article-template__social-sharing .share-button__copy,.article-template__social-sharing .share-button__close{min-inline-size:var(--tap-min);min-block-size:var(--tap-min);color:var(--t1);border-radius:var(--r-input)}.article-template__social-sharing .share-button__copy:focus-visible,.article-template__social-sharing .share-button__close:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.article-template :is(.field,.field__input,.field__label,.share-button__fallback,.article-template__content a),.article-template :is(.field,.share-button__fallback):after{transition:none}.article-template__content{color:var(--t2);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.65;text-wrap:pretty}.article-template__content>:first-child{margin-block-start:0}.article-template__content [style*=font-family]{font-family:inherit!important}.article-template__content [style*=font-size]{font-size:inherit!important}.article-template__content [style*=color]{color:inherit!important}.article-template__content [style*=text-align]{text-align:start!important}.article-template__content [style*="font-weight: 400"]{font-weight:inherit!important}.article-template__content :is(strong,b){color:var(--t1);font-weight:var(--fw-ui)}.article-template__content p{margin:0 0 var(--sp-4)}.article-template__content p:has(>br:only-child){margin:0;line-height:0;block-size:0;overflow:hidden}.article-template__content>p:first-of-type{font-size:var(--fs-lede);line-height:1.5;color:var(--t1)}.article-template__content :is(h2,h3,h4){margin:var(--sp-12) 0 var(--sp-3);font-family:var(--font-display);font-weight:var(--fw-h2);line-height:1.2;letter-spacing:var(--ls-close);color:var(--t1);text-transform:none;text-wrap:balance;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;scroll-margin-block-start:calc(var(--header-h) + var(--sp-6))}.article-template__content h2{font-size:var(--fs-h3)}.article-template__content h3{font-size:calc(var(--fs-body) * 1.25);margin-block-start:var(--sp-8)}.article-template__content h4{font-size:var(--fs-body);margin-block-start:var(--sp-6)}.article-template__content :is(h2,h3,h4)[style]:not(:has(*)){display:none}.article-template__content :is(h2,h3,h4)+:is(h2,h3,h4){margin-block-start:var(--sp-3)}.article-template__content :is(ul,ol){margin:0 0 var(--sp-4);padding-inline-start:var(--sp-6);list-style-position:outside}.article-template__content li{margin:0 0 var(--sp-2);padding-inline-start:var(--sp-1)}.article-template__content li::marker{color:var(--t3)}.article-template__content li>:is(ul,ol){margin-block:var(--sp-2) 0}.article-template__content a{color:var(--t1)!important;text-decoration:underline;text-decoration-color:var(--hair-3);text-decoration-thickness:1px;text-underline-offset:.2em;overflow-wrap:anywhere}.article-template__content a[style*=color]{color:var(--t1)!important}@media(hover:hover)and (pointer:fine){.article-template__content a:hover{text-decoration-color:var(--t1)}}.article-template__content a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-input)}.article-template__content img,.article-template__content video,.article-template__content iframe{max-inline-size:100%;block-size:auto;border-radius:var(--r-input)}.article-template__content iframe{aspect-ratio:16 / 9;inline-size:100%;border:0}.article-template__content figure{margin:var(--sp-8) 0}.article-template__content figcaption{margin-block-start:var(--sp-2);font-size:var(--fs-micro);color:var(--t3)}.article-template__content blockquote{margin:var(--sp-8) 0;padding-inline-start:var(--sp-6);border-inline-start:2px solid var(--t1);color:var(--t1);font-size:var(--fs-lede);line-height:1.5}.article-template__content hr{margin-block:var(--sp-8);border:0;border-block-start:1px solid var(--hair)}.article-template__content table{display:block;max-inline-size:100%;overflow-x:auto;border-collapse:collapse;font-size:var(--fs-body-sm)}.article-template__content :is(th,td){padding:var(--sp-2) var(--sp-3);border-block-end:1px solid var(--hair);text-align:start}.article-template__content th{color:var(--t1);font-weight:var(--fw-ui)}.article-template__back{margin-block-start:var(--sp-12);padding-block-start:var(--sp-6);border-block-start:1px solid var(--hair);text-align:start}.article-template__link{display:inline-flex;justify-content:flex-start;align-items:center;min-block-size:var(--tap-min);padding-inline-end:var(--sp-3);border-radius:var(--r-control);color:var(--t1);font-size:var(--fs-body);font-weight:var(--fw-ui);text-decoration:none}.article-template__link .icon,.article-template__link .svg-wrapper{inline-size:1.8rem;block-size:1.8rem}@media(hover:hover)and (pointer:fine){.article-template__link:hover{text-decoration:underline;text-decoration-color:var(--hair-3);text-underline-offset:.2em}}.article-template__link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.article-template__comment-wrapper{padding-block:var(--sp-12);background:var(--g2)}.article-template__comment-wrapper>.page-width{max-inline-size:var(--article-measure)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/upgrade-article.css.map */
