.article article.article-template .article-image{width:100%;height:500px;overflow:hidden}@media screen and (max-width:768px){.article article.article-template .article-image{height:400px}}.article article.article-template .article-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article article.article-template .article-body{background-color:#f1f1f1;padding:50px 20px;display:flex;flex-direction:column;gap:30px}@media screen and (min-width:769px){.article article.article-template .article-body{max-width:1076px;margin:-165px auto 0;padding:100px 110px;border-radius:10px;position:relative}}@media screen and (min-width:769px) and (max-width:1232px){.article article.article-template .article-body{max-width:none;margin:-165px 70px 0;padding:100px 80px}}.article article.article-template .article-body .article-title{margin:0}.article article.article-template .article-body .article-tags{display:flex;gap:10px;flex-wrap:wrap}.article article.article-template .article-body .article-tags .tag{margin:0;display:flex;align-items:center;padding-left:10px;gap:5px;transition:color .3s,background-color .3s;background-color:#fafafa}.article article.article-template .article-body .article-tags .tag:hover{background-color:#717782;color:#fff}.article article.article-template .article-body .article-content h1,.article article.article-template .article-body .article-content h2,.article article.article-template .article-body .article-content h3,.article article.article-template .article-body .article-content h4,.article article.article-template .article-body .article-content h5,.article article.article-template .article-body .article-content h6{line-height:normal;margin-bottom:26px}.article article.article-template .article-body .article-content h2{font-size:25px}.article article.article-template .article-body .article-content h3{font-size:23px}.article article.article-template .article-body .article-content h4{font-size:21px}.article article.article-template .article-body .article-content h5{font-size:21px}.article article.article-template .article-body .article-content h6{font-size:18px;font-weight:400}.article article.article-template .article-body .article-content p{line-height:28px}.article article.article-template .article-body .article-content img{width:100%;border-radius:5px;margin:10px 0}.article .share-panel{background-color:#f1f1f1;border-radius:10px;margin:50px 20px 0;padding:30px;display:flex;align-items:center;flex-wrap:wrap;gap:20px;justify-content:space-between}@media screen and (min-width:769px){.article .share-panel{max-width:1076px;margin:50px auto 0;padding:30px 40px}}@media screen and (min-width:769px) and (max-width:1232px){.article .share-panel{max-width:none;margin:50px 70px 0}}.article .share-panel .share-heading{font-size:18px;margin:0}.article .share-panel .share-links{display:flex;flex-wrap:wrap;gap:20px}.article .share-panel .share-links .share-link{width:42px;height:42px;border-radius:100%;padding:12px;background-color:#fff;box-shadow:inset 0 0 0 1px #fff;transition:background-color .3s;display:flex;align-items:center;justify-content:center}@media screen and (max-width:768px){.article .share-panel .share-links .share-link{width:40px;height:40px}}.article .share-panel .share-links .share-link:hover{background-color:transparent}