.article-template{max-width:1440px;margin:0 auto}.article-template .article-cover{padding:32px 40px}.article-template .article-cover-image{width:100%;height:100%;aspect-ratio:1360/371;object-fit:cover;border-radius:20px}.article-template .article-grid{display:flex;grid-gap:clamp(24px,calc(24px + (64 - 24) * ((100vw - 981px) / (1440 - 981))),64px);gap:clamp(24px,calc(24px + (64 - 24) * ((100vw - 981px) / (1440 - 981))),64px);padding:32px 40px 100px}.article-template .article-left{flex:1}.article-template .article-right{flex-shrink:0;width:35.883%}.article-template .article-header{display:flex;flex-direction:column;grid-gap:12px 0;gap:12px 0}.article-template .article-tag{font-size:clamp(17px,calc(17px + (19 - 17) * ((100vw - 360px) / (1440 - 360))),19px);line-height:clamp(26px,calc(26px + (30 - 26) * ((100vw - 360px) / (1440 - 360))),30px)}.article-template .article-title{font-family:var(--secondary-font);font-weight:700;font-size:clamp(34px,calc(34px + (54 - 34) * ((100vw - 360px) / (1440 - 360))),54px);line-height:clamp(42px,calc(42px + (62 - 42) * ((100vw - 360px) / (1440 - 360))),62px);color:var(--primary-color)}.article-template .article-data{display:flex;flex-direction:column;grid-gap:4px 0;gap:4px 0;font-size:15px;line-height:clamp(18px,calc(18px + (22 - 18) * ((100vw - 360px) / (1440 - 360))),22px);color:var(--gray-color)}.article-template .article-content{padding-top:32px}.article-template .article-content h1,.article-template .article-content h2,.article-template .article-content h3,.article-template .article-content h4,.article-template .article-content h5,.article-template .article-content h6{font-family:var(--secondary-font);color:var(--primary-color)}.article-template .article-content h1 a,.article-template .article-content h2 a,.article-template .article-content h3 a,.article-template .article-content h4 a,.article-template .article-content h5 a,.article-template .article-content h6 a{font-size:inherit;line-height:inherit;text-decoration:underline}.article-template .article-content h1 a:hover,.article-template .article-content h2 a:hover,.article-template .article-content h3 a:hover,.article-template .article-content h4 a:hover,.article-template .article-content h5 a:hover,.article-template .article-content h6 a:hover{text-decoration:none}.article-template .article-content img{border-radius:20px}.article-template .article-content a{color:var(--primary-color);text-decoration:underline;text-underline-offset:4px}.article-template .article-content a:hover{text-decoration:none}.article-template .article-back-button-container{padding-top:34px}.article-template .article-back-button-container .button{flex-direction:row-reverse}.article-template .article-back-button-container .button:after{transform:rotate(180deg)}.articles-related{display:flex;flex-direction:column;grid-gap:24px;gap:24px;background:var(--background-blue-light-color);padding:26px;border-radius:20px}.articles-related-title{text-align:center;font-family:var(--secondary-font);font-weight:700;font-size:24px;line-height:32px;color:var(--primary-color)}.articles-related-card-list{display:flex;flex-direction:column;grid-gap:32px 0;gap:32px 0}.articles-related-card{display:flex;grid-gap:0 16px;gap:0 16px;align-items:flex-start}.articles-related-card-image-wrapper{flex-shrink:0;width:42.661%;aspect-ratio:186/112;border-radius:8px;overflow:hidden}.articles-related-card-image-wrapper img{width:100%;height:100%;object-fit:cover}.articles-related-card-title,.articles-related-card-title *{font-size:19px;line-height:30px}.articles-related-card-button{margin-top:4px}@media (max-width:980px){.article-template .article-right{display:none}}@media (max-width:834px){.article-template .article-cover{padding:0}.article-template .article-header{grid-gap:8px 0;gap:8px 0}.article-template .article-cover-image{aspect-ratio:360/100;border-radius:0}.article-template .article-grid{padding:24px 16px 48px}.article-template .article-left{flex:1}.article-template .article-content{padding-top:24px}.article-template .article-content img{border-radius:10px}.article-template .article-right,.articles-related{display:none}}
/*# sourceMappingURL=/cdn/shop/t/181/assets/css-main-article.css.map */
