.blog-detail-section{background-color:var(--background);padding:60px 0}.blog-detail-content{max-width:1200px;margin:0 auto}.blog-header-layout{grid-template-columns:2fr 1fr;gap:40px;margin-bottom:60px;display:grid}.blog-featured-image{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);aspect-ratio:16/10;position:relative;overflow:hidden}.blog-featured-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.blog-meta-sidebar{flex-direction:column;gap:20px;display:flex}.blog-meta{background-color:var(--muted);border-radius:var(--radius-xl);border:1px solid var(--border);flex-direction:column;gap:24px;padding:30px;display:flex}.meta-item{flex-direction:column;gap:8px;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted-foreground);font-size:12px;font-weight:600}.blog-author,.blog-date{color:var(--foreground);font-size:16px;font-weight:500}.blog-excerpt{background-color:var(--muted);border-left:4px solid var(--primary);border-radius:var(--radius);margin-bottom:40px;padding:20px}.blog-excerpt p{color:var(--foreground);margin:0;font-size:18px;font-weight:500;line-height:1.8}.blog-content{color:var(--foreground);font-size:16px;line-height:1.8}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{color:var(--foreground);margin-top:40px;margin-bottom:20px;font-weight:700}.blog-content h2{border-bottom:2px solid var(--border);padding-bottom:10px;font-size:28px}.blog-content h3{font-size:24px}.blog-content p{margin-bottom:20px}.blog-content img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:30px 0}.blog-content ul,.blog-content ol{margin-bottom:20px;padding-left:30px}.blog-content li{margin-bottom:10px}.blog-content blockquote{background-color:var(--muted);border-left:4px solid var(--primary);color:var(--muted-foreground);margin:30px 0;padding:20px 30px;font-style:italic}.blog-content a{color:var(--primary);text-decoration:underline}.blog-content a:hover{color:var(--primary);opacity:.8}.blog-content pre{background-color:var(--foreground);color:var(--background);border-radius:var(--radius-lg);margin:30px 0;padding:20px;overflow-x:auto}.blog-content code{background-color:var(--muted);border-radius:var(--radius);font-family:var(--font-mono);padding:2px 6px;font-size:14px}.blog-content pre code{background-color:#0000;padding:0}.blogs-listing-section{background-color:var(--muted);padding:60px 0}.blogs-listing-section .section-header{margin-bottom:40px}.blogs-listing-section .section-header h2{color:var(--foreground);font-size:28px;font-weight:700}.blogs-listing-section .blog-articles-wrapper{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.blogs-listing-section .featured-blog-card{transition:all .3s;overflow:hidden}.blogs-listing-section .featured-blog-card:hover{color:var(--primary);transform:scale(1.05)}.blogs-listing-section .featured-blog-card img{object-fit:cover;object-position:center;border-radius:var(--radius-xl);width:100%;height:200px}.blogs-listing-section .featured-blog-card article{margin:16px 0;padding:0 20px}.blogs-listing-section .featured-blog-card article h3{color:var(--foreground);margin-bottom:8px;font-size:18px;font-weight:500}.blogs-listing-section .featured-blog-card article h3:hover{color:var(--primary)}@media (max-width:1024px){.blogs-listing-section .blog-articles-wrapper{grid-template-columns:repeat(3,1fr)}.blog-header-layout{grid-template-columns:1fr;gap:30px}.blog-featured-image{aspect-ratio:16/9}}@media (max-width:768px){.blogs-listing-section .blog-articles-wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.blogs-listing-section .blog-articles-wrapper{grid-template-columns:1fr}}.no-blogs-message{text-align:center;padding:60px 20px}.no-blogs-message p{color:var(--muted-foreground);font-size:18px}.blog-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:10px;margin-top:60px;padding-top:40px;display:flex}.pagination-btn{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);cursor:pointer;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.pagination-btn:hover{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-numbers{align-items:center;gap:5px;display:flex}.pagination-number{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius);min-width:40px;height:40px;color:var(--foreground);cursor:pointer;justify-content:center;align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.pagination-number:hover{background-color:var(--muted);border-color:var(--input)}.pagination-number.active{background-color:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.pagination-ellipsis{min-width:40px;height:40px;color:var(--muted-foreground);justify-content:center;align-items:center;font-size:14px;display:flex}@media (max-width:768px){.blog-detail-section{padding:40px 0}.blog-detail-content{padding:0 20px}.blog-content h2{font-size:24px}.blog-content h3{font-size:20px}.blog-meta{padding:20px}.blog-header-layout{gap:20px;margin-bottom:40px}.blog-excerpt p{font-size:16px}.blogs-listing-section{padding:40px 0}.blog-pagination{flex-wrap:wrap;margin-top:40px;padding-top:30px}.pagination-numbers{order:-1;justify-content:center;width:100%;margin-bottom:15px}}