.blog-page{min-height:100vh;background-color:#ffffff;padding:0;margin:0}.blog-page-wrapper{max-width:1400px;margin:0 auto;padding:40px 20px;display:grid;grid-template-columns:1fr 350px;grid-gap:40px;gap:40px;align-items:start}.blog-main-content{min-width:0}.blog-page-container{max-width:100%;line-height:1.6}.blog-breadcrumbs{margin-bottom:24px;font-size:.875rem;color:#666;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.breadcrumb-link{color:#0066cc;text-decoration:none;transition:color .2s ease}.breadcrumb-link:hover{color:#0052a3;text-decoration:underline}.breadcrumb-separator{color:#999;margin:0 4px}.breadcrumb-current{color:#1a1a1a;font-weight:500}.blog-header{margin-bottom:40px}.blog-category{margin-bottom:16px}.category-badge{display:inline-block;background-color:#e8f4f8;color:#0066cc;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:capitalize;letter-spacing:.3px}.blog-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#1a1a1a;line-height:1.2;margin-bottom:24px}.blog-meta{display:flex;justify-content:center;align-items:center;padding:20px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.blog-stats{display:flex;gap:16px;font-size:.875rem;color:#666}.likes-count,.publish-date,.views-count{display:flex;align-items:center;gap:4px}.blog-featured-image{margin-bottom:40px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.featured-image{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.blog-images-gallery{margin-bottom:40px;padding:32px 0;border-top:1px solid #f0f0f0}.blog-images-gallery h3{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin-bottom:24px}.images-list{display:flex;flex-direction:column;gap:16px}.image-item-row{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;background:#f8f9fa;border:1px solid #e9ecef;transition:all .3s ease}.image-item-row:hover{background:#ffffff;box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#dee2e6}.image-container{position:relative;flex-shrink:0;width:200px;height:150px;overflow:hidden;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.gallery-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-item-row:hover .gallery-image{transform:scale(1.05)}.image-alt-text{flex:1 1;padding:0}.image-alt-text p{margin:0;font-size:.9rem;line-height:1.5;color:#495057;font-weight:400}.blog-content{margin-bottom:40px}.content-body{font-size:1.125rem;line-height:1.8;color:#333}.content-body p{margin-bottom:20px}.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6{margin-top:32px;margin-bottom:16px;color:#1a1a1a;font-weight:700}.content-body h1{font-size:2rem}.content-body h2{font-size:1.75rem}.content-body h3{font-size:1.5rem}.content-body ol,.content-body ul{margin-bottom:20px;padding-left:24px}.content-body li{margin-bottom:8px}.content-body blockquote{border-left:4px solid #0066cc;padding-left:20px;margin:24px 0;font-style:italic;color:#666}.content-body a{color:#0066cc;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom .3s ease}.content-body a:hover{border-bottom:1px solid #0066cc}.blog-tags{margin-bottom:40px;padding:24px 0;border-top:1px solid #f0f0f0}.blog-tags h3{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:16px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#f8f9fa;color:#666;padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid #e9ecef}.blog-sidebar{position:-webkit-sticky;position:sticky;top:100px;background:#ffffff;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.08);border:1px solid #f0f0f0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.sidebar-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0}.sidebar-posts-list{display:flex;flex-direction:column;gap:20px}.sidebar-post-item{display:flex;gap:12px;text-decoration:none;color:inherit;padding:12px;border-radius:8px;transition:all .3s ease;border:1px solid transparent}.sidebar-post-item:hover{background-color:#f8f9fa;border-color:#e9ecef;transform:translateX(4px)}.sidebar-post-image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f0f0f0}.sidebar-post-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.sidebar-post-item:hover .sidebar-post-img{transform:scale(1.1)}.sidebar-post-content{flex:1 1;display:flex;flex-direction:column;gap:6px;min-width:0}.sidebar-post-title{font-size:.9rem;font-weight:600;color:#1a1a1a;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;transition:color .3s ease}.sidebar-post-item:hover .sidebar-post-title{color:#0066cc}.sidebar-post-date{font-size:.75rem;color:#666;font-weight:400}.other-blog-date,.other-blog-views{display:flex;align-items:center;gap:4px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-base{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-header{margin-bottom:40px}.skeleton-category{width:80px;height:24px;margin-bottom:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-title{width:100%;margin-bottom:8px}.skeleton-title,.skeleton-title-short{height:48px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-title-short{width:60%;margin-bottom:24px}.skeleton-meta{display:flex;justify-content:center;gap:16px;padding:20px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.skeleton-meta-item{width:80px;height:16px;border-radius:4px}.skeleton-featured-image,.skeleton-meta-item{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-featured-image{width:100%;height:300px;margin-bottom:40px;border-radius:12px}.skeleton-images-gallery{margin-bottom:40px;padding:32px 0;border-top:1px solid #f0f0f0}.skeleton-gallery-title{width:200px;height:32px;margin:0 auto 24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-images-list{display:flex;flex-direction:column;gap:24px}.skeleton-image-item-row{display:flex;align-items:center;gap:16px;padding:12px;border-radius:8px;background:#f8f9fa}.skeleton-image-container{flex-shrink:0;width:200px;height:150px;border-radius:6px}.skeleton-image-alt,.skeleton-image-container{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-image-alt{flex:1 1;height:50px;border-radius:4px}.skeleton-content{margin-bottom:40px}.skeleton-paragraph{width:100%}.skeleton-paragraph,.skeleton-paragraph-short{height:20px;margin-bottom:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-paragraph-short{width:70%}.skeleton-tags{margin-bottom:40px;padding:24px 0;border-top:1px solid #f0f0f0;display:flex;gap:8px}.skeleton-tag{width:60px;height:28px;border-radius:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-more-articles{width:100vw;margin-left:calc(-50vw + 50%);margin-top:60px;padding:60px 0;background-color:#f8f9fa;border-top:2px solid #e9ecef}.skeleton-more-container{max-width:1200px;margin:0 auto;padding:0 20px}.skeleton-more-title{width:200px;height:40px;margin:0 auto 40px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-more-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.skeleton-more-card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.skeleton-more-image{width:100%;height:180px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-more-content{padding:20px;flex:1 1;display:flex;flex-direction:column}.skeleton-more-category{width:60px;margin-bottom:12px}.skeleton-more-category,.skeleton-more-title-line{height:20px;border-radius:4px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton-more-title-line{width:100%;margin-bottom:8px}.skeleton-more-title-line-short{width:80%;height:20px;margin-bottom:10px}.skeleton-more-excerpt,.skeleton-more-title-line-short{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-more-excerpt{width:100%;height:16px;margin-bottom:8px}.skeleton-more-meta{width:120px;height:14px;margin-top:auto;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-breadcrumbs{width:300px;height:20px}.skeleton-breadcrumbs,.skeleton-sidebar-title{margin-bottom:24px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-sidebar-title{width:120px;height:28px;padding-bottom:16px}.skeleton-sidebar-post{display:flex;gap:12px;padding:12px;margin-bottom:20px}.skeleton-sidebar-post-image{width:80px;height:80px;flex-shrink:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-sidebar-post-content{flex:1 1;display:flex;flex-direction:column;gap:8px}.skeleton-sidebar-post-title{width:100%}.skeleton-sidebar-post-title,.skeleton-sidebar-post-title-short{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-sidebar-post-title-short{width:70%}.skeleton-sidebar-post-date{width:100px;height:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.error-state,.no-post-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;min-height:50vh}.error-state p,.no-post-state p{font-size:1.125rem;color:#666;margin:0}.error-state h1,.no-post-state h1{font-size:2rem;color:#dc3545;margin-bottom:16px}.error-state p{color:#dc3545;margin-bottom:25px}@media (max-width:768px){.blog-page-container{padding:20px 15px}.blog-title{font-size:2rem}.blog-meta{justify-content:center}.content-body{font-size:1rem}.bio-content{flex-direction:column;text-align:center}.image-item-row{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.image-container{width:100%;height:180px}.image-alt-text{width:100%}.blog-images-gallery h3{font-size:1.25rem}.other-blogs-container{padding:0 15px}.other-blogs-section h3{font-size:1.5rem;margin-bottom:30px}.other-blogs-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.other-blog-image{height:160px}}@media (max-width:480px){.blog-page-container{padding:15px 12px}.blog-title{font-size:1.75rem}.blog-meta{padding:16px 0}.blog-stats{font-size:.8rem;gap:12px}.content-body{font-size:.95rem}.image-item-row{flex-direction:column;align-items:flex-start;gap:10px;padding:10px}.image-container{width:100%;height:150px}.image-alt-text{width:100%}.image-alt-text p{font-size:.85rem}.skeleton-image-item-row{flex-direction:column;gap:10px;padding:10px}.skeleton-image-container{width:100%;height:150px}.skeleton-image-alt{width:100%;height:35px}.blog-images-gallery h3{font-size:1.125rem;margin-bottom:16px}.image-label{font-size:.75rem;padding:4px 8px}.other-blogs-container{padding:0 12px}.other-blogs-section h3{font-size:1.25rem;margin-bottom:25px}.other-blogs-grid{grid-template-columns:1fr;gap:16px}.other-blog-image{height:140px}.other-blog-content{padding:16px}.other-blog-title{font-size:1rem}.other-blog-excerpt{font-size:.85rem}}@media (max-width:1200px){.blog-page-wrapper{grid-template-columns:1fr 300px;gap:30px}.blog-sidebar{padding:20px}.sidebar-title{font-size:1.25rem}}@media (max-width:968px){.blog-page-wrapper{grid-template-columns:1fr;gap:40px;display:flex;flex-direction:column}.blog-main-content{order:1}.blog-sidebar{position:static;max-height:none;order:2}.sidebar-posts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.sidebar-post-item{flex-direction:column}.sidebar-post-image{width:100%;height:200px}}@media (max-width:768px){.blog-page-wrapper{padding:20px 15px;gap:30px}.blog-breadcrumbs{font-size:.8rem;margin-bottom:20px}.sidebar-posts-list{grid-template-columns:1fr}.sidebar-post-image{height:180px}}@media (max-width:480px){.blog-page-wrapper{padding:15px 12px;gap:24px}.blog-breadcrumbs{font-size:.75rem;padding-bottom:12px}.blog-sidebar{padding:16px}.sidebar-title{font-size:1.125rem;margin-bottom:20px;padding-bottom:12px}.sidebar-posts-list{gap:16px}.sidebar-post-item{padding:10px}.sidebar-post-image{height:160px}.sidebar-post-title{font-size:.85rem}.sidebar-post-date{font-size:.7rem}}