.blog-detail{width:100%;scroll-padding-top:100px}.blog-hero-section{max-width:1150px;padding:8px 20px;margin:70px auto 0}.hero-image{position:relative;width:100%;height:600px;overflow:hidden;margin:0 auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.hero-image img{width:100%;height:100%;object-fit:cover}.featured-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;padding:6px 12px;border-radius:8px;font-size:14px;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hero-image-caption{color:#6b7280;font-size:13px;line-height:1.5;margin:10px 4px 0;text-align:center}.main-blog-content{max-width:1150px;margin:0 auto;padding:8px 20px;background:white}.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:120px;align-items:start}.main-content{min-width:0}.blog-navigation{margin-bottom:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.back-link{background:white;border:1px solid #e5e7eb;border-radius:24px;padding:8px 16px;color:#111827;text-decoration:none;font-weight:500;font-size:.75rem;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.back-link:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 6px rgba(0,0,0,.15)}.breadcrumb-link{color:#4b5563;font-size:.82rem;font-weight:600;text-decoration:none;text-transform:capitalize}.breadcrumb-link:hover{color:#1d4ed8}.breadcrumb-separator{color:#cbd5e1;font-size:.85rem}.blog-metadata{gap:16px;margin-bottom:20px;flex-wrap:wrap}.blog-metadata,.metadata-left{display:flex;align-items:center}.metadata-left{gap:8px;color:#6b7280;font-size:14px}.metadata-left .author-name{color:#111827;font-weight:600;font-size:16px}.separator{color:#d1d5db}.blog-category-tag{background:#f3f4f6;color:#374151;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500;text-transform:capitalize}.social-share-buttons,.social-share-buttons.desktop-share{display:flex;gap:8px}.share-btn{background:white;border:1px solid #e5e7eb;color:#6b7280;width:40px;height:40px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:system-ui,-apple-system,sans-serif}.share-btn svg{width:18px;height:18px;fill:currentColor}.share-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.share-btn.facebook:hover{background:#1877f2;color:white;border-color:#1877f2}.share-btn.twitter:hover{background:#1da1f2;color:white;border-color:#1da1f2}.share-btn.linkedin:hover{background:#0077b5;color:white;border-color:#0077b5}.share-btn.instagram:hover{background:#e4405f;color:white;border-color:#e4405f}.share-btn.whatsapp:hover{background:#25d366;color:white;border-color:#25d366}.blog-title{font-size:36px;font-weight:700;color:#111827;margin:0 0 24px;line-height:1.3;letter-spacing:-.5px}.blog-content{margin-bottom:0}.rich-html .table-of-contents strong{color:#111827;display:block;font-size:15px;margin-bottom:10px}.rich-html .table-of-contents ol{display:grid;gap:8px;list-style:none;margin:0;padding:0}.rich-html .table-of-contents ol a{color:#374151;font-size:14px;line-height:1.4;text-decoration:none}.rich-html .table-of-contents ol a:hover{color:#1d4ed8}.rich-html .table-of-contents .toc-level-3{padding-left:14px}.blog-detail .blog-sidebar{margin-top:100px}.author-profile{background:#F5F5F5;border-radius:12px;padding:16px;margin-bottom:32px;box-shadow:0 2px 8px rgba(0,0,0,.01)}.author-profile-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.author-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-details{flex:1}.author-details h3{font-size:15px;font-weight:600;color:#111827;margin:0 0 3px;text-transform:capitalize}.author-title{font-size:13px;color:#6b7280;margin:0;font-weight:500}.author-description{font-size:13px;line-height:1.4;color:#4b5563;margin:0}.author-profile-link{color:#1d4ed8;display:inline-flex;font-size:13px;font-weight:700;margin-top:12px;text-decoration:none}.author-profile-link:hover{color:#1e40af}.share-section{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e7eb}.share-section h4{margin:0 0 16px}.related-treks h4,.share-section h4{font-size:18px;font-weight:600;color:#374151}.related-treks h4{margin:0 0 20px}.trek-items{display:flex;flex-direction:column;gap:16px}.trek-item{position:relative;display:block;text-decoration:none;border-radius:8px;overflow:hidden;transition:transform .2s}.trek-item:hover{transform:translateY(-2px)}.trek-item img{width:100%;height:140px;object-fit:cover;border-radius:8px;aspect-ratio:3/2}.trek-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,0));color:white;padding:12px 16px;font-size:14px;font-weight:600;text-align:left}.blog-related-articles{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.blog-related-articles .related-articles-title{font-size:18px;font-weight:600;color:#374151;margin:0 0 16px}.related-articles-list{display:flex;flex-direction:column;gap:16px}.related-article-item{position:relative;display:block;text-decoration:none;border-radius:8px;overflow:hidden;transition:transform .2s}.related-article-item:hover{transform:translateY(-2px)}.related-article-item .article-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px}.related-article-item .article-image img{width:100%;height:100%!important;object-fit:cover;border-radius:8px}.related-article-item .article-overlay{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.related-article-item .article-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0));color:white;padding:6px 16px;border-radius:0 0 8px 8px}.related-article-item .article-title{font-size:14px;font-weight:600;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:white}.related-article-item .article-author-top{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.blog-related-articles .related-articles-loading{text-align:center;color:#6b7280;font-size:14px;padding:20px}.mobile-content{display:none}.mobile-author-section,.mobile-share-section,.mobile-treks-section{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.mobile-share-section h4{margin-bottom:26px}.mobile-author-section{background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.mobile-author-section .author-profile-header{display:flex;gap:12px;align-items:center;margin-bottom:12px}.mobile-author-section .author-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0}.mobile-author-section .author-details{flex:1}.mobile-author-section .author-details h3{font-size:15px;font-weight:700;color:#111827;margin:0 0 3px;text-transform:capitalize}.mobile-author-section .author-title{font-size:12px;color:#6b7280;margin:0;font-weight:500}.mobile-author-section .author-description{font-size:12px;line-height:1.4;color:#4b5563;margin:0}.mobile-treks-section h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 16px}.mobile-treks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.mobile-trek-item{position:relative;display:block;text-decoration:none;border-radius:8px;overflow:hidden}.mobile-trek-item img{width:100%;height:200px!important;object-fit:cover;aspect-ratio:3/2}.mobile-trek-item .trek-name{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0));color:white;padding:12px;font-size:16px;font-weight:600;line-height:1.2}.mobile-related-articles-section{margin-top:32px;padding-top:32px;border-top:1px solid #e5e7eb}.mobile-related-articles-section h4{font-size:18px;font-weight:600;color:#374151;margin:0 0 16px}.mobile-related-articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.mobile-related-article-item{position:relative;display:block;text-decoration:none;border-radius:8px;overflow:hidden;transition:transform .2s}.mobile-related-article-item:hover{transform:translateY(-2px)}.mobile-related-article-item .article-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:8px}.mobile-related-article-item .article-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.mobile-related-article-item .article-overlay{position:absolute;top:6px;right:6px;background:rgba(0,0,0,.7);color:white;padding:3px 6px;border-radius:3px;font-size:10px;font-weight:500}.mobile-related-article-item .article-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,1) 0,rgba(0,0,0,0));color:white;padding:8px 12px;border-radius:0 0 8px 8px}.mobile-related-article-item .article-title{font-size:12px;font-weight:600;margin:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:white}.mobile-related-article-item .article-author-top{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:500}@media (max-width:1024px){.blog-hero-section{padding:8px 16px}.hero-image{width:90%}}@media (max-width:768px){.blog-detail{width:100%}.blog-hero-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-bottom:0}.hero-image{height:300px;width:100%}.hero-image img{margin-top:60px}.main-blog-content{padding:24px 16px}.blog-layout{grid-template-columns:1fr;gap:0}.blog-sidebar{display:none}.mobile-content{display:block}.blog-related-articles{margin-top:24px;padding-top:24px}.blog-related-articles .related-articles-title{font-size:16px;margin-bottom:12px}.related-articles-list{gap:12px}.related-article-item .article-image{height:120px}.related-article-item .article-content{padding:10px 12px}.related-article-item .article-title{font-size:13px;margin-bottom:3px}.related-article-item .article-meta{font-size:11px}.blog-title{font-size:28px;margin-bottom:24px}.blog-metadata{margin-bottom:20px}.blog-navigation{margin-bottom:16px}}@media (max-width:480px){.blog-hero-section{padding:8px 10px}.hero-image{height:240px}.hero-image img{margin-top:0}.blog-hero-section{margin-top:60px}.main-blog-content{padding:20px 12px}.blog-title{font-size:24px;margin-bottom:20px}.back-link{font-size:14px}.blog-category-tag{font-size:12px;padding:4px 12px}}.blog-skeleton{margin-top:70px;width:100%}.skeleton-hero{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:500px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.skeleton-content{max-width:1150px;margin:0 auto;padding:8px 20px;background:white}.skeleton-nav{margin-bottom:16px;display:flex;gap:12px;align-items:center}.skeleton-nav:before{content:"";width:120px;height:32px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:24px}.skeleton-metadata{margin-bottom:20px;height:20px;width:300px}.skeleton-metadata,.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-title{margin-bottom:24px;height:40px;width:80%}.skeleton-text{margin-bottom:16px;height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-text.short{width:60%}.sidebar-skeleton{margin-top:100px}.skeleton-author{background:#F5F5F5;border-radius:12px;padding:16px;margin-bottom:32px}.skeleton-author:before{content:"";display:block;width:60px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50%;margin-bottom:12px}.skeleton-share{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #e5e7eb}.skeleton-share:before{content:"";display:block;width:120px;height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;margin-bottom:16px}.skeleton-treks{margin-bottom:20px}.skeleton-treks:before{content:"";display:block;width:80px;height:18px;border-radius:4px}.skeleton-trek-item,.skeleton-treks:before{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;margin-bottom:16px}.skeleton-trek-item{height:140px;border-radius:8px}.skeleton-avatar{width:60px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:50%}.image-container{position:relative;width:100%;height:100%}.image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}.image-container img{transition:opacity .3s ease}.image-container img.loading{opacity:0}.image-container img.loaded{opacity:1}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}.blog-detail-error,.blog-detail-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.trek-loading{color:#6b7280;font-size:14px;text-align:center;padding:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.blog-detail-error h2{color:#ef4444;margin-bottom:8px;font-size:24px}.blog-detail-error p{color:#6b7280;margin-bottom:20px;font-size:16px}.back-to-blogs-btn{background:#3b82f6;color:white;text-decoration:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;transition:background-color .2s}.back-to-blogs-btn:hover{background:#2563eb}.scroll-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(59,130,246,.3);transition:all .3s ease;z-index:1000;opacity:.9}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,.4);opacity:1}.scroll-to-top-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(59,130,246,.3)}.scroll-to-top-btn svg{width:20px;height:20px}@media (max-width:768px){.scroll-to-top-btn{bottom:20px;right:20px;width:45px;height:45px}.scroll-to-top-btn svg{width:18px;height:18px}}@media (max-width:480px){.scroll-to-top-btn{bottom:15px;right:15px;width:40px;height:40px}.scroll-to-top-btn svg{width:16px;height:16px}}.blog-content [id],.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{scroll-margin-top:100px}html{scroll-behavior:smooth}@media (max-width:768px){.blog-detail{scroll-padding-top:80px}.blog-content [id],.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{scroll-margin-top:80px}}