.blog-post-body pre{background-color:#0d1117;border:1px solid #30363d;border-radius:6px;padding:16px;margin:24px 0;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;position:relative}.blog-post-body pre code{background:transparent;border:none;padding:0;color:#e6edf3;display:block;overflow-x:auto}.blog-post-body code:not(pre code){background-color:#6e768166;border-radius:3px;padding:.2em .4em;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:85%;color:#24292f}.blog-post-body pre::-webkit-scrollbar{height:8px}.blog-post-body pre::-webkit-scrollbar-track{background:#161b22;border-radius:4px}.blog-post-body pre::-webkit-scrollbar-thumb{background:#30363d;border-radius:4px}.blog-post-body pre::-webkit-scrollbar-thumb:hover{background:#484f58}.blog-post-content{max-width:900px;margin:0 auto}.blog-post-body h2{margin-top:3rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.blog-post-body h3{margin-top:2rem;margin-bottom:.75rem}.blog-post-body p{margin-bottom:1.25rem}.blog-post-body ul{margin-bottom:1.5rem;padding-left:2rem}.blog-post-body ul li{margin-bottom:.5rem}.blog-post-header{margin-bottom:2rem}.blog-post-header .blog-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.blog-post-header .blog-meta span{display:inline-flex;align-items:center}.blog-post-header .blog-meta i{margin-right:.5rem}.blog-post-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.blog-post-body pre{padding:12px;font-size:12px;border-radius:4px;margin:16px 0}.blog-post-content{padding:0 15px}}.blog-excerpt{font-size:14px;line-height:1.6;color:#6b7280;margin-top:.75rem;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-content-wrap{padding:1.5rem}.blog-card .blog-title{margin-bottom:.5rem}