.article{display:flex;flex-direction:column;--strong-cursor:auto;--button-ghost-secondary-hover-color:#6d6d6d}@media screen and (max-width:1200px){.article{flex-direction:column}}.article__main{display:flex;gap:32px}@media screen and (max-width:1200px){.article__main{flex-direction:column;gap:40px}}.article__header{align-items:center;color:#8e8d8d;display:flex;font-size:14px;font-weight:500;gap:16px;line-height:17.9px;padding:16px 0;--button-padding:0}@media screen and (max-width:768px){.article__header{font-size:12px;font-weight:500;gap:8px;line-height:normal}}.article__header-dot,.article__header-tag,.article__header-text{padding:8px 0}.article__header-text{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.article__header a:hover{cursor:pointer}@media screen and (max-width:768px){.article__header span{font-size:12px;font-weight:500;line-height:normal}}.article__tag{border:1px solid #e2e7f1;border-radius:6px;color:#6c86ad;margin-bottom:16px;padding:4px 8px;width:-moz-fit-content;width:fit-content}.article__author,.article__tag{font-size:12px;font-weight:500;line-height:normal}.article__author{align-items:center;display:flex;gap:24px;margin-top:16px}.article__author-name{transition:all .4s ease}.article__author-name:hover{color:#1c74f0;cursor:pointer}.article__author-date{color:#8e8d8d}.article__title{font-size:32px;font-weight:700;line-height:normal}@media screen and (max-width:768px){.article__title{font-size:24px;font-weight:700;line-height:normal}}.article__content{background:#fff;border-radius:16px;display:flex;flex-basis:75%;flex-direction:column;height:100%;padding:24px}@media screen and (max-width:768px){.article__content{padding:16px}}.article__content img{border-radius:12px;margin:32px 0}@media screen and (max-width:768px){.article__content img{margin:24px 0}}.article__sidebar{display:flex;flex-direction:column;width:314px}@media screen and (max-width:1200px){.article__sidebar{width:100%}}.article__sidebar-title{font-size:18px;font-weight:600;line-height:normal;margin-bottom:16px}.article__sidebar-items{display:flex;flex-direction:column;gap:16px;--article-title-font-size:14px;--article-title-font-weight:500}@media screen and (max-width:1200px){.article__sidebar-items{flex-direction:row;flex-wrap:wrap}.article__sidebar-items .articles-item:last-child{display:none}}@media screen and (max-width:768px){.article__sidebar-items .articles-item:last-child{display:block}}@media screen and (max-width:1200px){.article__sidebar-items>*{flex-basis:calc(50% - 8px)}}@media screen and (max-width:768px){.article__sidebar-items>*{flex-basis:100%}}.article__text{font-size:16px;font-weight:400;line-height:normal;--strong-color:#181818}@media screen and (max-width:768px){.article__text{font-size:12px;font-weight:400;line-height:normal}}.article__text a{color:#1c74f0;cursor:pointer}.article__text h5{background:#f5f7fa;border-radius:12px;color:#6d6d6d;display:flex;font-size:14px;font-weight:400;gap:16px;line-height:normal;margin:0;padding:16px}.article__text h5:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%239DA7B3' d='M8 .667a7.333 7.333 0 1 0 0 14.666A7.333 7.333 0 0 0 8 .667m.667 10a.667.667 0 1 1-1.334 0V8a.667.667 0 1 1 1.334 0zM7.333 5.333a.667.667 0 1 1 1.334 0 .667.667 0 0 1-1.334 0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M16 16H0V0h16z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}@media screen and (max-width:768px){.article__text h5{font-size:11px;font-weight:400;gap:12px;line-height:normal;padding:12px}}.article__text h6{background:#fffae8;border-radius:12px;display:flex;font-size:14px;font-weight:400;gap:16px;line-height:normal;margin:0;padding:16px}.article__text h6:before{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23FFA800' d='M2.669 14.667c-1.535 0-2.498-1.66-1.736-2.994l5.335-9.332C7.036.997 8.973.998 9.74 2.34l5.327 9.334c.761 1.333-.201 2.992-1.736 2.992zM7.333 6v3.334a.667.667 0 1 0 1.334 0V6a.667.667 0 0 0-1.334 0M8 12.667a.667.667 0 1 0 0-1.333.667.667 0 0 0 0 1.333'/%3E%3C/svg%3E")}@media screen and (max-width:768px){.article__text h6{font-size:11px;font-weight:400;gap:12px;line-height:normal;padding:12px}}
