.blog-article{padding-bottom:6rem}.blog-article .page-width--narrow{max-width:82rem}.blog-article__hero{padding-bottom:4rem;background-color:var(--blog-article-hero, #CCDFFF)}.blog-article__hero:has(+.blog-article__image-wrap){padding-bottom:12rem}.blog-article__hero-inner{display:flex;flex-direction:column;align-items:center;gap:1.6rem;text-align:center}.blog-article__back{display:inline-flex;align-items:center;gap:.6rem;font-size:1.5rem;line-height:2rem;font-weight:500;color:var(--learn-ink);text-decoration:none}.blog-article__back img{width:2rem;height:2rem;transform:rotate(180deg);transition:transform .2s ease}.blog-article__back:hover img{transform:rotate(180deg) translate(.3rem)}.blog-article__pill{text-decoration:none}.blog-article__title{margin:0;font-family:var(--learn-serif);font-size:3.4rem;line-height:4rem;font-weight:700;color:var(--learn-ink)}.blog-article__meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin:0;font-size:1.4rem;line-height:2rem;letter-spacing:.04em;text-transform:uppercase;color:var(--learn-gray)}.blog-article__meta span+span:before{content:"";display:inline-block;width:.5rem;height:.5rem;margin-right:1.6rem;border-radius:50%;background-color:var(--learn-coral);vertical-align:middle}.blog-article__meta:empty{display:none}.blog-article__image-wrap{max-width:124rem;margin-top:3.2rem}.blog-article__hero+.blog-article__image-wrap{margin-top:-9rem}.blog-article__image{overflow:hidden;border-radius:2.4rem;background-color:var(--learn-cream)}.blog-article__image--medium{aspect-ratio:16 / 9}.blog-article__image img{display:block;width:100%;height:100%;object-fit:cover}.blog-article__share{margin-top:3.2rem}.blog-article__content{margin-top:3.2rem;font-family:var(--learn-sans);font-size:1.7rem;line-height:1.75;color:var(--learn-gray)}.blog-article__content>:first-child{margin-top:0}.blog-article__content h2,.blog-article__content h3,.blog-article__content h4{margin:4rem 0 1.2rem;font-family:var(--learn-serif);font-weight:700;letter-spacing:0;color:var(--learn-ink)}.blog-article__content h2{font-size:2.8rem;line-height:3.4rem}.blog-article__content h3{font-size:2.2rem;line-height:2.8rem}.blog-article__content h4{font-size:1.9rem;line-height:2.6rem}.blog-article__content p,.blog-article__content ul,.blog-article__content ol{margin:0 0 2rem}.blog-article__content li+li{margin-top:.8rem}.blog-article__content strong{font-weight:600;color:var(--learn-ink)}.blog-article__content a{color:var(--learn-teal);text-underline-offset:.3rem}.blog-article__content img{border-radius:2rem}.blog-article__content blockquote{margin:3.2rem 0;padding:2.4rem 2.8rem;border:0;border-radius:2.4rem;background-color:#ffe46e;font-family:var(--learn-serif);font-size:2.2rem;line-height:3rem;font-style:italic;color:var(--learn-ink)}.blog-article__footer{display:flex;justify-content:center;margin-top:4rem}.blog-article__back-button{border:.1rem solid var(--learn-ink)}.blog-article .blog-article__comments{margin-top:6rem;padding:0 1.5rem;background:transparent}.blog-article__comments>.page-width{padding:3.2rem 2rem;border-radius:3rem;background-color:#fff}.blog-article__comments h2{font-family:var(--learn-serif);font-weight:700;color:var(--learn-ink)}.blog-article__comments .field__input,.blog-article__comments .text-area{border-radius:1.6rem}.blog-article__comments .field:after,.blog-article__comments .field:before{border-radius:1.6rem}.blog-article__submit{margin-top:1.6rem}@media screen and (min-width:750px){.blog-article{padding-bottom:10rem}.blog-article__hero{padding-bottom:6rem}.blog-article__hero:has(+.blog-article__image-wrap){padding-bottom:20rem}.blog-article__hero-inner{gap:2rem}.blog-article__title{font-size:5.6rem;line-height:6.4rem}.blog-article__hero+.blog-article__image-wrap{margin-top:-15rem}.blog-article__image{border-radius:4rem}.blog-article__share{margin-top:4.8rem}.blog-article__content{font-size:1.8rem}.blog-article__content h2{font-size:3.4rem;line-height:4.2rem}.blog-article__content h3{font-size:2.6rem;line-height:3.2rem}.blog-article__comments>.page-width{padding:5.6rem 6rem;border-radius:5rem}}@media(prefers-reduced-motion:reduce){.blog-article__back img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-blog-article.css.map */