.article-header{width:1120px;height:626px;display:flex;flex-direction:column;gap:30px;margin-top:10px}.article-title{order:1}.details-hero-image{order:2}.article-title{width:1120px;height:176px;display:flex;flex-direction:column;gap:20px}.article-heading{font-size:36px;font-weight:600;line-height:140%;color:var(--text-1)}.title-divider{width:100%;border-top:1px solid var(--grey-1)}.title-footer{justify-content:space-between}.meta-left,.title-footer{display:flex;align-items:center}.meta-left{gap:10px}.meta-divider{width:1px;height:14px;background-color:var(--text-2)}.author{display:flex;align-items:center;gap:10px}.author img{width:24px;height:24px;border-radius:280px;object-fit:cover}.author-initial{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--primary-pastel);color:var(--primary);font-size:12px;font-weight:700;line-height:1;text-transform:uppercase}.author-name{font-size:16px;color:var(--text-2)}.author-name-link{text-decoration:none;transition:color .2s ease}.author-name-link:hover{color:var(--primary);text-decoration:underline}.meta-item{display:flex;align-items:center;gap:8px}.meta-text{font-size:14px;color:var(--text-2)}.meta-rating{gap:6px}.meta-stars{display:inline-flex;align-items:center;gap:3px}.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{display:flex;align-items:center;gap:20px}.download-btn{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary);border-radius:50%;background:var(--white);cursor:pointer;transition:all .2s ease}.download-btn img{transition:filter .2s ease}.download-btn:hover{background:var(--primary)}.download-btn:hover img{filter:brightness(0) invert(1)}.download-btn:disabled{opacity:.6;cursor:not-allowed}.share-btn{display:flex;background:none}.share-text{font-size:12px;color:var(--text-2)}.share-dropdown{position:absolute;top:32px;left:-15%;transform:translateX(-50%);width:128px;padding:20px;display:flex;flex-direction:column;gap:20px;background-color:var(--white);border-radius:12px;box-shadow:0 0 20px 2px var(--shadow)}.share-item{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;width:100%;border:none;background:transparent;padding:0;text-align:left;font-size:14px;color:var(--text-1);cursor:pointer}.share-item img{display:block}.share-item:hover span{color:var(--primary)}.details-hero-image{width:1120px;height:420px;border-radius:20px;overflow:hidden}.details-hero-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center}@media (max-width:768px){.article-header{width:100%;height:auto;gap:20px;overflow-x:hidden}.details-hero-image{order:1;width:100%;height:220px;border-radius:16px}.details-hero-image img{object-fit:cover}.article-title{order:2;width:100%;height:auto;display:flex;flex-direction:column;gap:16px}.article-heading{font-size:20px;line-height:140%;overflow-wrap:break-word;word-break:break-word}.share-wrapper{display:none}.header-actions{width:100%;justify-content:flex-start;gap:12px}.download-btn{width:40px;height:40px}.title-footer{flex-direction:column;align-items:flex-start;gap:12px}.meta-left{flex-wrap:wrap;row-gap:8px}.meta-divider{display:none}.blog-card__meta .author-name,.blog-card__meta .meta-text{font-size:10px;line-height:160%;color:var(--text-1)}}.share-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:0;cursor:pointer}.share-btn__text{font-family:var(--font-family-base);font-size:18px;font-weight:500;color:var(--text-2);transition:color .3s ease}.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{position:fixed;inset:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:var(--shadow);z-index:9999;display:flex;justify-content:center;align-items:flex-end;animation:overlayFadeIn .4s ease forwards}.overlay-closing{animation:overlayFadeOut .35s ease forwards}.mobile-share-sheet{width:100%;max-width:3900px;height:290px;padding:15px 20px 60px;display:flex;flex-direction:column;gap:20px;background:var(--white);border-top-left-radius:30px;border-top-right-radius:30px;transform:translateY(100%);animation:sheetSlideUp .45s cubic-bezier(.22,1,.36,1) forwards}.sheet-closing{animation:sheetSlideDown .4s cubic-bezier(.4,0,.2,1) forwards}.sheet-upper{width:100%;height:26px;display:flex;justify-content:center;align-items:center}.sheet-handle{width:120px;height:5px;border-radius:100px;background:var(--grey-1)}.mobile-share-options{display:flex;flex-direction:column;gap:20px}.mobile-share-item{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:none;background:transparent;text-align:left;cursor:pointer;font-size:16px;color:var(--text-1)}}@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%)}}.breadcrumb{flex-wrap:wrap;gap:0;width:100%;font-size:14px;font-weight:400;line-height:19px;color:var(--text-2)}.breadcrumb,.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item{gap:8px}.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}.details-page{max-width:1440px;margin:0 auto;padding-left:160px;padding-right:160px;padding-top:115px}.mobile-top-controls{display:none}@media (max-width:768px){.details-page{padding-left:20px;padding-right:20px;padding-top:140px}.breadcrumb{display:none}.mobile-top-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0;margin-top:-50px;background-color:transparent}}.details-section{width:1120px;margin-top:40px;margin-bottom:120px;display:flex;gap:20px;align-items:stretch}.details-content{width:728px;display:flex;flex-direction:column;gap:30px;align-self:flex-start}.details-paragraph{display:flex;flex-direction:column;gap:8px}.details-paragraph h4{font-size:18px;font-weight:500;line-height:180%;color:var(--text-1)}.details-paragraph p{font-size:16px;font-weight:400;line-height:180%;color:var(--text-1)}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{min-height:26px;padding:2px 12px;box-sizing:border-box;display:inline-flex;align-items:center;border:1px solid var(--grey-1);border-radius:32px;background:transparent;font-size:12px;font-weight:500;line-height:160%;color:var(--primary);text-decoration:none;white-space:nowrap;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.tag:hover{border-color:var(--primary);background:var(--primary-pastel)}.details-divider{width:1px;background-color:var(--grey-1)}@media (max-width:768px){.details-section{width:100%;flex-direction:column;gap:40px;overflow-x:hidden}.details-content{width:100%}.details-content,.details-paragraph{overflow-wrap:break-word;word-break:break-word}.details-paragraph h4{font-size:16px}.details-paragraph p{font-size:14px;line-height:170%}.details-paragraph img{max-width:100%;height:auto}.blog-tags{gap:6px}.tag{min-height:24px;padding:2px 10px;font-size:10px}.details-divider{display:none}}.related-blogs{width:352px;display:flex;flex-direction:column;gap:20px}.related-blogs__header{width:100%;height:33px;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--grey-1)}.related-blogs__title{color:var(--text-1)}.related-blogs__see-all,.related-blogs__title{font-size:18px;font-weight:500;line-height:100%}.related-blogs__see-all{color:var(--text-2);text-decoration:none}.related-blogs__see-all:hover{color:var(--primary)}.related-blogs__list{width:100%;display:flex;flex-direction:column;gap:20px}@media (max-width:768px){.related-blogs{width:100%}.related-blogs__header{border-bottom:none;padding-bottom:0}.related-blogs__list{flex-direction:row;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.related-blogs__list::-webkit-scrollbar{display:none}}.related-blog-card{width:100%;min-height:144px;padding:14px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:stretch;background:var(--white);border:1px solid var(--grey-1);border-radius:14px;cursor:pointer;transition:box-shadow .25s ease,border-color .25s ease;text-decoration:none;color:inherit}.related-blog-card:hover{box-shadow:0 10px 24px var(--shadow);border-color:rgba(10,85,165,.28)}.related-blog-card__image-wrapper{position:relative;width:112px;height:100%;min-height:112px;border-radius:8px;overflow:hidden;background:var(--card-bg)}.related-blog-card__image{width:100%;height:100%;display:block;object-fit:cover}.related-blog-card__content{display:flex;flex-direction:column;gap:8px;min-width:0}.related-blog-card__category-wrap{min-height:22px}.related-blog-card__category{width:fit-content;max-width:100%;height:26px;padding:6px 12px;border-radius:32px;border:1px solid var(--primary);display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--primary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.related-blog-card__category:hover{border-color:var(--primary);background-color:rgba(10,85,165,.15)}.related-blog-card__title{margin:0;font-size:14px;font-weight:600;line-height:140%;color:var(--text-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-blog-card__rating{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:12px;font-weight:600;color:var(--text-1)}.related-blog-card__rating-count,.related-blog-card__view-count{font-weight:500;color:var(--text-2)}.related-blog-card__view-count{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.related-blog-card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.related-blog-card__meta{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--text-1);min-width:0}.related-blog-card__author{display:flex;align-items:center;gap:6px;min-width:0}.related-blog-card__author span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-blog-card__author img,.related-blog-card__author-initial{width:18px;height:18px;border-radius:50%}.related-blog-card__author-initial{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-pastel);color:var(--primary);font-size:10px;font-weight:700;line-height:1;text-transform:uppercase;flex-shrink:0}.related-blog-card__dot{width:3px;height:3px;border-radius:50%;background:var(--text-1)}.related-blog-card__date{font-size:13px;line-height:145%;white-space:nowrap}.related-blog-card__arrow{width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:transform .18s ease}.related-blog-card:hover .related-blog-card__arrow{transform:translateX(2px) translateY(-2px)}@media (max-width:768px){.related-blog-card{width:100%;height:auto;padding:12px;grid-template-columns:92px minmax(0,1fr);gap:12px;flex:0 0 auto;scroll-snap-align:start}.related-blog-card__image-wrapper{width:92px;height:100%;min-height:92px}.related-blog-card__content{gap:6px}.related-blog-card__title{font-size:15px}.related-blog-card__rating{font-size:11px}.related-blog-card__footer{align-items:center}.related-blog-card__date,.related-blog-card__meta{font-size:12px}.related-blog-card__arrow{width:18px;height:18px}}