.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{order:1}.details-hero-image{order:2}.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:10px;display:flex}.meta-divider{background-color:var(--text-2);width:1px;height:14px}.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}@media (max-width:768px){.article-header{gap:20px;width:100%;height:auto}.details-hero-image{border-radius:16px;order:1;width:100%;height:220px}.article-title{order:2;width:100%;height:auto}.article-heading{font-size:20px}.share-wrapper{display:none}.title-footer{flex-direction:column;align-items:flex-start;gap:12px}.blog-card__meta .author-name,.blog-card__meta .meta-text{color:var(--text-1);font-size:10px;line-height:160%}}
.share-btn{cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;display:inline-flex}.share-btn__text{font-family:var(--font-family-base);color:var(--text-2);font-size:18px;font-weight:500;transition:color .3s}.share-btn:hover .share-btn__text{color:var(--text-1)}.share-icon--mobile{display:none}.share-icon--desktop{display:block}@media (max-width:768px){.share-icon--desktop{display:none}.share-icon--mobile{display:block}.share-btn__text{display:none}.mobile-share-overlay{-webkit-backdrop-filter:blur(18px);z-index:9999;background:#00000014;justify-content:center;align-items:flex-end;animation:.4s forwards overlayFadeIn;display:flex;position:fixed;inset:0}.overlay-closing{animation:.35s forwards overlayFadeOut}.mobile-share-sheet{background:var(--white);border-top-left-radius:30px;border-top-right-radius:30px;flex-direction:column;gap:20px;width:100%;max-width:3900px;height:290px;padding:15px 20px 60px;animation:.45s cubic-bezier(.22,1,.36,1) forwards sheetSlideUp;display:flex;transform:translateY(100%)}.sheet-closing{animation:.4s cubic-bezier(.4,0,.2,1) forwards sheetSlideDown}.sheet-upper{justify-content:center;align-items:center;width:100%;height:26px;display:flex}.sheet-handle{background:var(--grey-1);border-radius:100px;width:120px;height:5px}.mobile-share-options{flex-direction:column;gap:20px;display:flex}.mobile-share-item{color:var(--text-1);align-items:center;gap:8px;font-size:16px;display:flex}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}
.details-page{max-width:1440px;margin:0 auto;padding-top:115px;padding-left:160px;padding-right:160px}.mobile-top-controls{display:none}@media (max-width:768px){.details-page{padding-top:140px;padding-left:20px;padding-right:20px}.breadcrumb{display:none}.mobile-top-controls{z-index:999;background-color:var(--bg);justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;padding:12px 20px;display:flex;position:fixed;top:80px;left:0}}
.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}@media (max-width:768px){.details-section{flex-direction:column;gap:40px;width:100%}.details-content{width:100%}.details-paragraph h4{font-size:16px}.details-paragraph p{font-size:14px;line-height:170%}.details-divider{display:none}}
.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}@media (max-width:768px){.related-blogs{width:100%}.related-blogs__header{border-bottom:none;padding-bottom:0}.related-blogs__list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:16px;padding-bottom:10px;overflow-x:auto}.related-blogs__list::-webkit-scrollbar{display:none}}
.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)}@media (max-width:768px){.related-blog-card{scroll-snap-align:start;flex:none;width:260px;height:auto;padding:16px}.related-blog-card__image-wrapper{width:100%;height:140px}.related-blog-card__content{width:100%;height:auto}.related-blog-card__title{width:100%;height:auto;font-size:14px}.related-blog-card__footer{width:100%}}
.mobile-back-button{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s,color .2s,transform .15s;display:flex}.mobile-back-button:hover{color:var(--primary)}.mobile-back-button:active{transform:scale(.95)}