.single-blog-post{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px var(--blog-shadow);padding:2rem;margin-bottom:3rem;width:auto;box-sizing:border-box;overflow:hidden}.single-blog-post header{border-bottom:1px solid var(--blog-border);margin-bottom:2rem;padding-bottom:1rem}.single-blog-post header h1{color:var(--blog-text);margin-bottom:0.5rem}.single-blog-post header .text-muted{color:var(--blog-text-muted)!important;font-size:0.9rem}.single-blog-post-not-found{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;padding:2rem;text-align:center}.single-blog-post-not-found h4{color:#856404;margin-bottom:1rem}.hero-image-container{width:100%;margin-bottom:2rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);position:relative;aspect-ratio:16 / 9;contain:layout style size}.hero-image{width:100%!important;height:100%!important;display:block;object-fit:cover;object-position:center;transition:transform 0.3s ease;box-sizing:border-box;flex-shrink:0}.hero-image:hover{transform:scale(1.02)}@supports not (aspect-ratio:16 / 9){.hero-image-container::before{content:"";display:block;padding-top:56.25%}.hero-image{position:absolute!important;top:0;left:0}.hero-image-container{position:relative}}@media (max-width:768px){.single-blog-post{padding:1.5rem;margin:1rem}.single-blog-post header h1{font-size:2rem}}@media (max-width:480px){.single-blog-post{padding:1rem;margin:1.5rem 0.5rem;border-radius:6px}}@media screen and (min-width:768px) and (max-width:1024px),screen and (min-width:800px) and (max-width:900px){.hero-image-container{width:100%;max-width:100%}}@media print{.single-blog-post{box-shadow:none;padding:0}}.related-posts-section{background-color:#ECEFF4;border-radius:12px;padding:2.5rem;margin:3rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.related-posts-header{text-align:center;margin-bottom:2rem;border-bottom:2px solid #D0F0C0;padding-bottom:1rem}.related-posts-header h3{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:0.5rem}.related-posts-subtitle{color:#666;font-size:1rem;font-style:italic;margin:0}.related-posts-grid{display:grid;gap:1.5rem;margin-top:2rem;justify-content:center}@media (min-width:1200px){.related-posts-grid{grid-template-columns:repeat(3,280px)}}@media (min-width:768px) and (max-width:1199px){.related-posts-grid{grid-template-columns:repeat(2,280px)}}@media (max-width:767px){.related-posts-grid{grid-template-columns:1fr;justify-items:center}}.related-post-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,0.08);border:1px solid #e0e0e0;display:flex;flex-direction:column;transition:all 0.3s ease;width:280px;height:100%}.related-post-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.12);border-color:#D0F0C0}.related-post-thumbnail{height:220px;overflow:hidden;position:relative}.related-post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.related-post-card:hover .related-post-thumbnail img{transform:scale(1.05)}.related-post-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.related-post-title{margin:0 0 0.75rem;font-size:1rem;font-weight:600;line-height:1.4}.related-post-title a{color:#333;text-decoration:none;transition:color 0.2s ease}.related-post-title a:hover{color:#2d5016}.related-post-excerpt{color:#666;font-size:0.85rem;line-height:1.5;margin:0 0 1rem;flex-grow:1}.related-post-categories{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:1rem}.category-tag-small{background-color:#D0F0C0;color:#2d5016;border:1px solid #a0d08c;padding:0.2rem 0.5rem;border-radius:15px;font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.025em;transition:all 0.2s ease;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.category-tag-small:hover{background-color:#a0d08c;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.category-tag-more{background-color:#f8f9fa;color:#666;border-color:#dee2e6}.category-tag-more:hover{background-color:#e9ecef;color:#495057}.related-post-meta{display:flex;justify-content:space-between;align-items:center;font-size:0.75rem;color:#999;margin-top:auto;padding-top:0.5rem;border-top:1px solid #f0f0f0}.related-post-date{font-weight:500}@media (max-width:768px){.related-posts-section{padding:1.5rem;margin:2rem 1rem}.related-posts-header h3{font-size:1.5rem}.related-post-card{width:100%;max-width:350px}.category-tag-small{font-size:0.6rem;padding:0.15rem 0.4rem}}@media (max-width:480px){.related-posts-section{padding:1rem;margin:1.5rem 0.5rem}}.read-time{display:inline-flex;align-items:center;gap:0.35rem;background-color:#2d5016;color:#fff;padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.3px;box-shadow:0 2px 4px rgba(0,0,0,0.1);border:1px solid #1f3a10}.read-time i{font-size:0.85rem;margin-right:0.25rem}.read-time:hover{background-color:#3b6f24;transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,0.15);cursor:default}.read-time.gradient-pill{background:linear-gradient(135deg,#D0F0C0 0%,#2c7be5 100%);color:#fff;padding:0.35rem 1rem;margin-left:1rem}.read-time-card{display:inline-flex;align-items:center;gap:0.25rem;background:linear-gradient(135deg,#D0F0C0 0%,#2c7be5 100%);color:#fff;padding:0.25rem 0.6rem;border-radius:15px;font-size:0.7rem;font-weight:600;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.read-time-card i{font-size:0.8rem;margin-right:0.2rem}.read-time-card:hover{transform:translateY(-1px);cursor:default}.single-blog-post header .text-muted{color:#666666!important;font-size:0.9rem}span.author{font-weight:500}time{color:#999;font-size:0.75rem;white-space:nowrap}.related-post-meta,.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;font-size:0.75rem;color:#999;margin-top:auto;padding-top:0.5rem;border-top:1px solid #f0f0f0}.related-post-meta time,.blog-card-meta time,.related-post-meta .read-time,.blog-card-meta .read-time{display:inline-flex;white-space:nowrap}.related-post-date{font-weight:500}.blog-stats-summary{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 3px 10px rgba(0,0,0,0.08);border:1px solid var(--blog-border);text-align:center}.stats-content{max-width:400px;margin:0 auto}.stats-title{color:var(--blog-text);font-size:1rem;font-weight:600;margin-bottom:0.75rem;display:flex;align-items:center;justify-content:center;gap:0.5rem}.stats-title i{color:var(--category-tag-text)}.stats-description{color:var(--blog-text-muted);font-size:0.9rem;line-height:1.5;margin-bottom:1rem}.stats-description strong{color:var(--category-tag-text);font-weight:700}.stats-browse-btn{font-size:0.85rem;padding:0.5rem 1rem;border-radius:20px;font-weight:600;letter-spacing:0.3px;transition:all 0.3s ease}.stats-browse-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.stats-browse-btn i{margin-right:0.5rem}@media (max-width:576px){.text-muted{flex-wrap:wrap}.text-muted .read-time{flex-basis:100%;margin-left:0;margin-top:0.4rem;font-size:0.7rem;padding:0.25rem 0.6rem;border-radius:15px}.related-post-meta{gap:0.4rem}.related-post-meta time,.blog-card-meta time{font-size:0.7rem}.related-post-meta .read-time,.blog-card-meta .read-time{font-size:0.65rem;padding:0.2rem 0.4rem;border-radius:12px}.blog-stats-summary{padding:1.25rem;margin:0 0.5rem 1rem}.stats-description{font-size:0.85rem}.stats-browse-btn{font-size:0.8rem;padding:0.4rem 0.9rem}}.single-blog-post .blog-content{font-size:1.1rem;line-height:1.8;color:#333}.single-blog-post .blog-content h2,.single-blog-post .blog-content h3,.single-blog-post .blog-content h4,.single-blog-post .blog-content h5,.single-blog-post .blog-content h6{color:#444;margin-top:1.25rem;margin-bottom:0.75rem}.single-blog-post .blog-content h2{margin-top:2rem;margin-bottom:1rem;color:#333;padding-bottom:0.5rem;border-bottom:2px solid #D0F0C0;position:relative}.single-blog-post .blog-content h3{margin-top:1.5rem;margin-bottom:0.85rem;color:#333;padding-bottom:0.35rem;border-bottom:2px solid #AFA2FA;position:relative}.single-blog-post .blog-content p{margin-bottom:1.5rem}.single-blog-post .blog-content img{max-width:100%;height:auto;border-radius:4px;margin:1.5rem 0}.single-blog-post .blog-content blockquote{border-left:4px solid #D0F0C0;background-color:#f8f9fa;padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic;border-radius:0 4px 4px 0}.single-blog-post .blog-content blockquote footer.attribution{margin-top:0.75rem;text-align:right;font-style:normal;font-size:0.95em;color:#666}.single-blog-post .blog-content blockquote footer.attribution::before{content:"— "}.single-blog-post .blog-content blockquote footer.attribution .author{font-style:normal;font-weight:600;text-decoration:none}.single-blog-post .blog-content blockquote footer.attribution .book{font-style:italic;font-weight:normal}.single-blog-post .blog-content em{font-style:italic;font-weight:500;color:#2c3e50;background:linear-gradient(to top,#D0F0C0 0.35em,transparent 0.35em);padding:0 0.1em;border-radius:2px}.single-blog-post .blog-content strong{font-weight:normal;background:linear-gradient(to top,rgba(175,162,250,0.4) 0.15em,transparent 0.35em);padding:0 0.1em;border-radius:2px}.single-blog-post .blog-content a.link{color:#2c3e50;background:linear-gradient(to top,#fff3cd 0.95em,transparent 0.95em);padding:0 0.1em;border-radius:2px;position:relative;text-decoration:none}.single-blog-post .blog-content .site-ref{font-style:italic;font-weight:500;color:#2c3e50;background:linear-gradient(to top,#D0F0C0 0.95em,transparent 0.95em);padding:0 0.1em;border-radius:2px}.single-blog-post .blog-content ul,.single-blog-post .blog-content ol{padding-left:2rem;margin-bottom:1.5rem}.single-blog-post .blog-content li{margin-bottom:0.5rem}.single-blog-post .blog-content .task-list-item{list-style-type:none}.single-blog-post .blog-content code:not(pre code){background-color:#f8f9fa;color:#e83e8c;padding:0.2em 0.4em;border-radius:3px;font-size:0.9em;font-family:'Consolas','Monaco','Courier New',monospace;border:1px solid #e9ecef;margin:0 0.2rem}.single-blog-post .blog-content pre{position:relative;margin:1.5rem 0;overflow-x:auto;border-radius:8px;background-color:#D0F0C0;border:1px solid #a0d08c;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.single-blog-post .blog-content pre>code[class*="language-"]{display:block;min-width:100%;padding:2rem 1.5rem 1.5rem;font-family:'Consolas','Monaco','Courier New',monospace;font-size:0.9rem;line-height:1.6;white-space:pre;color:#2c3e50;background:none;border:none;margin-top:1rem}.single-blog-post .blog-content pre>code[class*="language-"]::before{position:absolute;top:0;left:0;padding:0.15rem 0.75rem;font-size:0.75rem;border-bottom-right-radius:4px;font-weight:500;color:#fff;background-color:#a0d08c;content:attr(class)}.single-blog-post .blog-content pre>code.language-python::before{content:'Python'}.single-blog-post .blog-content pre>code.language-javascript::before{content:'JavaScript'}.single-blog-post .blog-content pre>code.language-html::before{content:'HTML'}.single-blog-post .blog-content pre>code.language-css::before{content:'CSS'}.single-blog-post .blog-content pre>code.language-bash::before{content:'Bash'}.single-blog-post .blog-content pre>code.language-sql::before{content:'SQL'}.single-blog-post .blog-content pre:has(>code.language-sql){background-color:#fff9db;border:1px solid #e6d86b}.single-blog-post .blog-content pre>code.language-sql::before{background-color:#e6d86b;color:#333}.single-blog-post .blog-content pre>code.language-bash{background-color:#111;color:#eee;display:block;padding:2rem 1.5rem 1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.2);white-space:pre}.single-blog-post .blog-content pre:has(>code.language-bash){background-color:#111!important;border:1px solid #D0F0C0}.single-blog-post .blog-content code.language-bash .prompt{color:#6fdb95;font-weight:600}.single-blog-post .blog-content code.language-bash .command{color:#fff}.single-blog-post .blog-content code.language-bash .output{color:#aaa}.single-blog-post .blog-content code .keyword{color:darkcyan;font-weight:bold}.single-blog-post .blog-content code .decorator{color:#ff8c00;font-weight:bold}.single-blog-post .blog-content code .comment{color:#6a5acd;font-style:italic}.single-blog-post .blog-content code .error-block{color:#9400d3;font-weight:bold}.single-blog-post .blog-content code .string{color:mediumvioletred}.single-blog-post .blog-content a{color:#2c7be5;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s ease}.single-blog-post .blog-content a:hover{border-bottom-color:#2c7be5}.single-blog-post .blog-content mark{background-color:#D0F0C0;padding:0.2em 0.4em;border-radius:2px}.single-blog-post .blog-content .highlight{background:none;border-radius:0;margin:0}@media (max-width:768px){.single-blog-post .blog-content{font-size:1rem}.single-blog-post .blog-content pre>code[class*="language-"]{padding:1.75rem 1rem 1rem;font-size:0.8rem}.single-blog-post .blog-content pre{margin:1rem 0;scrollbar-width:thin;scrollbar-color:#a0d08c transparent}.single-blog-post .blog-content pre::-webkit-scrollbar{height:6px}.single-blog-post .blog-content pre::-webkit-scrollbar-track{background:transparent}.single-blog-post .blog-content pre::-webkit-scrollbar-thumb{background-color:#a0d08c;border-radius:3px}}@media (max-width:480px){.single-blog-post .blog-content pre>code[class*="language-"]{font-size:0.75rem;padding:1.5rem 0.75rem 0.75rem}.single-blog-post .blog-content pre{margin:0.75rem 0}}:root{--category-tag-bg:#D0F0C0;--category-tag-hover:#a0d08c;--category-tag-text:#2d5016;--category-tag-border:#a0d08c}.category-tags,.category-tags-header{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1rem}.category-tags{margin-bottom:0.75rem}.category-tag,.category-tag-large{display:inline-block;background-color:var(--category-tag-bg);color:var(--category-tag-text);border:1px solid var(--category-tag-border);border-radius:25px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;transition:all 0.2s ease;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,0.1);text-decoration:none}.category-tag{font-size:0.75rem;padding:0.25rem 0.75rem;cursor:pointer}.category-tag-large{font-size:0.85rem;padding:0.4rem 1rem;cursor:default}.category-tag:hover,.category-tag-large:hover{background-color:var(--category-tag-hover);color:var(--category-tag-text);transform:translateY(-1px);box-shadow:0 2px 5px rgba(0,0,0,0.15);text-decoration:none}.category-tag-active{background-color:var(--blog-accent-hover)!important;color:#fff!important;border-color:var(--blog-accent-hover)!important;font-weight:700;box-shadow:0 2px 6px rgba(160,208,140,0.3)}.category-tag-active:hover{background-color:var(--blog-accent-hover)!important;color:#fff!important}.category-filter-section{background-color:var(--blog-bg-color);padding:1rem 0;border-bottom:1px solid var(--blog-border)}.active-filter-bar{display:flex;justify-content:center;align-items:center;padding:0.75rem 1rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px var(--blog-shadow);max-width:600px;margin:0 auto}.filter-info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1rem;width:100%}.filter-label{font-weight:600;color:var(--blog-text);font-size:0.9rem}.active-category-badge{background-color:var(--blog-accent);color:var(--category-tag-text);padding:0.4rem 1rem;border-radius:20px;font-weight:600;font-size:0.85rem;border:1px solid var(--blog-accent-hover);text-transform:uppercase;letter-spacing:0.05em}.clear-filter-btn{display:inline-flex;align-items:center;gap:0.5rem;color:var(--blog-text-muted);text-decoration:none;font-size:0.85rem;padding:0.3rem 0.75rem;border-radius:15px;border:1px solid transparent;transition:all 0.2s ease}.clear-filter-btn:hover{background-color:#f8f9fa;color:var(--blog-text);border-color:var(--blog-border)}.category-sidebar{background-color:#fff;border:1px solid var(--blog-border);border-radius:12px;box-shadow:0 3px 10px var(--blog-shadow);padding:1.5rem;margin-bottom:2rem;top:2rem}.category-sidebar-header{border-bottom:1px solid var(--blog-border);padding-bottom:1rem;margin-bottom:1rem}.category-sidebar-header h5{color:var(--blog-text);font-size:1rem;font-weight:600;margin:0;display:flex;align-items:center;gap:0.5rem}.category-sidebar-header i{color:var(--category-tag-text)}.category-list{display:flex;flex-direction:column;gap:0.5rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background-color:#f8f9fa;border:1px solid var(--blog-border);border-radius:8px;color:var(--blog-text);font-size:0.9rem;text-decoration:none;transition:all 0.3s ease}.category-item:hover{background-color:var(--category-tag-bg);color:var(--category-tag-text);transform:translateX(5px);text-decoration:none}.category-item.active{background-color:var(--category-tag-text);color:#fff;border-color:var(--category-tag-text);font-weight:600}.category-item.active:hover{transform:translateX(5px)}.category-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.category-count,.category-mobile-item .badge{background-color:var(--blog-accent);color:var(--category-tag-text);padding:0.3rem 0.7rem;border-radius:12px;font-size:0.8rem;font-weight:600;text-align:center}.category-item.active .category-count,.category-mobile-item.active .badge{background-color:rgba(255,255,255,0.2);color:#fff}.category-mobile-section{background-color:var(--blog-bg-color);padding:1.5rem 0}.category-mobile-list{background-color:#fff;border:1px solid var(--blog-border);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--blog-shadow)}.category-mobile-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--blog-border);color:var(--blog-text);text-decoration:none;transition:background-color 0.3s ease}.category-mobile-item:last-child{border-bottom:none}.category-mobile-item:hover{background-color:var(--category-tag-bg);color:var(--category-tag-text)}.category-mobile-item.active{background-color:var(--category-tag-text);color:#fff}@media (max-width:768px){.category-tags-header{gap:0.5rem}.category-tag-large{padding:0.3rem 0.8rem;font-size:0.8rem}.filter-info{flex-direction:column;text-align:center}.active-filter-bar{margin:0 1rem}}@media (max-width:480px){.category-tag-large{padding:0.25rem 0.7rem;font-size:0.75rem}}@media print{.category-tags,.category-tags-header,.category-filter-section{display:none!important}}