.breadcrumb{width:161px;height:19px;color:var(--text-2);align-items:center;gap:16px;font-size:14px;font-weight:400;line-height:19px;display:flex}.breadcrumb-item{align-items:center;display:flex}.breadcrumb a{color:var(--text-2)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .current{color:var(--text-2)}.separator{color:var(--text-3);margin-left:16px}
.article-header{flex-direction:column;gap:30px;width:1120px;height:626px;margin-top:10px;display:flex}.article-title{flex-direction:column;gap:20px;width:1120px;height:176px;display:flex}.article-heading{color:var(--text-1);font-size:36px;font-weight:600;line-height:140%}.title-divider{border-top:1px solid var(--grey-1);width:100%}.title-footer{justify-content:space-between;align-items:center;display:flex}.meta-left{align-items:center;gap:16px;display:flex}.author{align-items:center;gap:10px;display:flex}.author img{border-radius:280px}.author-name{color:var(--text-2);font-size:16px}.meta-item{align-items:center;gap:8px;display:flex}.meta-text{color:var(--text-2);font-size:14px}.share-wrapper{position:relative}.share-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:flex}.share-text{color:var(--text-2);font-size:12px}.share-dropdown{background-color:var(--white);border-radius:12px;flex-direction:column;gap:20px;width:128px;padding:20px;display:flex;position:absolute;top:32px;left:-15%;transform:translate(-50%);box-shadow:0 0 20px 2px #0000001a}.share-item{color:var(--text-1);cursor:pointer;grid-template-columns:20px 1fr;align-items:center;gap:10px;font-size:14px;display:grid}.share-item img{display:block}.share-item:hover span{color:var(--primary)}.details-hero-image{border-radius:20px;width:1120px;height:420px;overflow:hidden}
.details-page{max-width:1440px;margin:0 auto;padding-top:115px;padding-left:160px}
.details-section{align-items:stretch;gap:20px;width:1120px;margin-top:40px;margin-bottom:120px;display:flex}.details-content{flex-direction:column;gap:30px;width:728px;display:flex}.details-paragraph{flex-direction:column;gap:8px;display:flex}.details-paragraph h4{color:var(--text-1);font-size:18px;font-weight:500;line-height:180%}.details-paragraph p{color:var(--text-1);font-size:16px;font-weight:400;line-height:180%}.details-divider{background-color:#cdcdcd;width:1px}.related-blogs{flex-direction:column;gap:20px;width:352px;display:flex}
.related-blogs{flex-direction:column;gap:20px;width:352px;display:flex}.related-blogs__header{border-bottom:1px solid var(--grey-1);justify-content:space-between;align-items:center;width:100%;height:33px;padding-bottom:12px;display:flex}.related-blogs__title{color:var(--text-1);font-size:18px;font-weight:500;line-height:100%}.related-blogs__see-all{color:var(--text-2);font-size:18px;font-weight:500;line-height:100%;text-decoration:none}.related-blogs__see-all:hover{color:var(--primary)}.related-blogs__list{flex-direction:column;gap:20px;width:100%;display:flex}
.related-blog-card{background:var(--white);border:1px solid var(--grey-1);cursor:pointer;border-radius:20px;flex-direction:column;gap:16px;width:352px;height:368.63px;padding:20px;transition:box-shadow .25s;display:flex}.related-blog-card:hover{box-shadow:0 10px 24px #0000001f}.related-blog-card__image-wrapper{border-radius:10px;width:312px;height:180px;position:relative;overflow:hidden}.related-blog-card__image{object-fit:cover}.related-blog-card__content{flex-direction:column;gap:15px;width:312px;height:132.63px;display:flex}.related-blog-card__category{border:1px solid var(--grey-1);width:fit-content;height:26px;color:var(--primary);border-radius:32px;padding:2px 12px;font-size:12px;font-weight:500}.related-blog-card__title{width:312px;height:54px;color:var(--text-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:160%;display:-webkit-box;overflow:hidden}.related-blog-card__footer{justify-content:space-between;align-items:center;width:312px;height:22.63px;display:flex}.related-blog-card__meta{color:var(--text-1);align-items:center;gap:4px;font-size:14px;display:flex}.related-blog-card__author{align-items:center;gap:8px;display:flex}.related-blog-card__author img{border-radius:50%}.related-blog-card__dot{background:var(--text-1);border-radius:50%;width:3px;height:3px}.related-blog-card__date{font-size:14px;line-height:160%}.related-blog-card__arrow{justify-content:center;align-items:center;width:18px;height:14px;transition:transform .18s;display:flex;transform:rotate(-45deg)}.related-blog-card:hover .related-blog-card__arrow{transform:rotate(0)}