.breadcrumb{width:100%;color:var(--text-2);flex-wrap:wrap;align-items:center;gap:0;font-size:14px;font-weight:400;line-height:19px;display:flex}.breadcrumb-item{align-items:center;gap:8px;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:0 8px}
.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}.author-name-link{text-decoration:none;transition:color .2s}.author-name-link:hover{color:var(--primary);text-decoration:underline}.meta-item{align-items:center;gap:8px;display:flex}.meta-text{color:var(--text-2);font-size:14px}.meta-rating{gap:6px}.meta-stars{align-items:center;gap:3px;display:inline-flex}.meta-star{opacity:.28;display:inline-flex}.meta-star.is-active{opacity:1}.meta-rating-text{white-space:nowrap}.share-wrapper{position:relative}.header-actions{align-items:center;gap:20px;display:flex}.download-btn{border:1px solid var(--primary);background:var(--white);min-width:126px;height:40px;color:var(--primary);cursor:pointer;border-radius:999px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s}.download-btn:hover{background:var(--primary);color:var(--white)}.download-btn:disabled{opacity:.6;cursor:not-allowed}.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{text-align:left;width:100%;color:var(--text-1);cursor:pointer;background:0 0;border:none;grid-template-columns:20px 1fr;align-items:center;gap:10px;padding:0;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-hero-image img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}@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}.header-actions{justify-content:flex-start;width:100%}.download-btn{width:100%;min-width:0}.title-footer{flex-direction:column;align-items:flex-start;gap:12px}.meta-left{flex-wrap:wrap;row-gap:8px}.meta-divider{display:none}.meta-rating{width:100%}.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{text-align:left;cursor:pointer;width:100%;color:var(--text-1);background:0 0;border:none;align-items:center;gap:8px;padding:0;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-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%}.blog-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{box-sizing:border-box;border:1px solid var(--grey-1);min-height:26px;color:var(--primary);white-space:nowrap;cursor:pointer;background:0 0;border-radius:32px;align-items:center;padding:2px 12px;font-size:12px;font-weight:500;line-height:160%;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.tag:hover{border-color:var(--primary);background:var(--primary-pastel)}.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%}.blog-tags{gap:6px}.tag{min-height:24px;padding:2px 10px;font-size:10px}.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;width:100%;min-height:148px;color:inherit;border-radius:14px;grid-template-columns:112px minmax(0,1fr);align-items:stretch;gap:16px;padding:14px;text-decoration:none;transition:box-shadow .25s,border-color .25s;display:grid}.related-blog-card:hover{border-color:#0a55a547;box-shadow:0 10px 24px #0000001f}.related-blog-card__image-wrapper{background:#f3f5f8;border-radius:8px;width:112px;height:112px;position:relative;overflow:hidden}.related-blog-card__image{object-fit:cover;width:100%;height:100%;display:block}.related-blog-card__content{flex-direction:column;gap:8px;min-width:0;display:flex}.related-blog-card__category-wrap{min-height:22px}.related-blog-card__category{box-sizing:border-box;border:1px solid var(--grey-1);width:fit-content;max-width:100%;height:22px;color:var(--primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:32px;align-items:center;padding:0 10px;font-size:11px;font-weight:500;display:inline-flex;overflow:hidden}.related-blog-card__category:hover{border-color:var(--primary)}.related-blog-card__title{color:var(--text-1);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;font-weight:600;line-height:140%;display:-webkit-box;overflow:hidden}.related-blog-card__description{color:var(--text-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:145%;display:-webkit-box;overflow:hidden}.related-blog-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.related-blog-card__meta{color:var(--text-1);align-items:center;gap:4px;min-width:0;font-size:13px;display:flex}.related-blog-card__author{align-items:center;gap:6px;min-width:0;display:flex}.related-blog-card__author span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.related-blog-card__author img{border-radius:50%;width:18px;height:18px}.related-blog-card__dot{background:var(--text-1);border-radius:50%;width:3px;height:3px}.related-blog-card__date{white-space:nowrap;font-size:13px;line-height:145%}.related-blog-card__arrow{justify-content:center;align-items:center;width:20px;height:20px;transition:transform .18s;display:flex}.related-blog-card:hover .related-blog-card__arrow{transform:translate(2px)translateY(-2px)}@media (max-width:768px){.related-blog-card{scroll-snap-align:start;flex:none;grid-template-columns:92px minmax(0,1fr);gap:12px;width:100%;height:auto;padding:12px}.related-blog-card__image-wrapper{width:92px;height:92px}.related-blog-card__content{gap:6px}.related-blog-card__title{font-size:15px}.related-blog-card__description{-webkit-line-clamp:2;line-clamp:2;font-size:12px}.related-blog-card__footer{align-items:center}.related-blog-card__meta,.related-blog-card__date{font-size:12px}.related-blog-card__arrow{width:18px;height:18px}}