.blog-container{max-width:1400px;margin:0 auto;padding:80px 20px}.blog-header{text-align:center;margin-bottom:60px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;display:grid}.post-card{border:1px solid var(--border-color);color:inherit;background:#fff;border-radius:20px;flex-direction:column;text-decoration:none;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:0 15px 30px -10px #0000001a}.post-image-wrapper{background-color:#f1f5f9;width:100%;height:200px;position:relative;overflow:hidden}.post-image-wrapper img{object-fit:cover;width:100%;height:100%}.post-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.post-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.85rem;display:flex}.post-category{color:var(--accent-blue);background-color:#eff6ff;border-radius:12px;padding:4px 10px;font-weight:600}.post-title{color:var(--text-primary);margin-bottom:10px;font-size:1.25rem;font-weight:700;line-height:1.4}.post-summary{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:.95rem;line-height:1.5}.single-post-container{max-width:1000px;margin:0 auto;padding:60px 20px}.back-link{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:40px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent-blue)}.article-header{margin-bottom:40px}.article-title{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.2}.article-cover{object-fit:cover;border-radius:20px;width:100%;height:400px;margin-bottom:40px}.markdown-content{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.markdown-content pre{border:1px solid #e9e9e7;border-radius:8px;margin:24px 0;position:relative;overflow:hidden;background:#f7f6f3!important;padding:0!important}.code-header{color:#6b7280;background:#ededeb;border-bottom:1px solid #e9e9e7;justify-content:space-between;align-items:center;padding:6px 16px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;display:flex}.copy-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;font-size:.7rem;transition:all .2s}.copy-btn:hover{color:var(--accent-blue);border-color:var(--accent-blue);background:#fff}.markdown-content pre code{color:#37352f;padding:16px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;display:block;overflow-x:auto;background:0 0!important}.markdown-content code:not(pre code){color:#eb5757;background:#87837826;border-radius:3px;padding:.2em .4em;font-family:inherit;font-size:85%}.markdown-content span[style*=color\:red],.markdown-content span[style*="color: rgb(224, 94, 91)"],.notion-red{font-weight:500;color:#eb5757!important}.markdown-content h2{color:var(--text-primary);margin-top:40px;margin-bottom:16px;font-size:1.75rem}.markdown-content h3{color:var(--text-primary);margin-top:30px;margin-bottom:12px;font-size:1.5rem}.markdown-content p{margin-bottom:20px}.markdown-content a{color:var(--accent-blue);text-decoration:underline}.markdown-content ul,.markdown-content ol{margin-bottom:20px;padding-left:20px}.markdown-content li{margin-bottom:8px}.markdown-content img{border-radius:12px;max-width:100%;margin:30px 0}.markdown-content blockquote{border-left:4px solid var(--accent-blue);color:var(--text-primary);background-color:var(--bg-secondary);border-radius:0 8px 8px 0;margin:20px 0;padding:16px;font-style:italic}@media (max-width:768px){.article-title{font-size:2rem}.article-cover{height:250px}}.blog-layout{align-items:flex-start;gap:40px;display:flex}.blog-main{flex:1}.blog-sidebar{width:300px;position:sticky;top:100px}.sidebar-widget{border:1px solid var(--border-color);background:#fff;border-radius:16px;margin-bottom:24px;padding:24px}.widget-title{color:var(--text-primary);border-bottom:2px solid var(--bg-secondary);margin-bottom:20px;padding-bottom:10px;font-size:1.1rem;font-weight:700}.category-list{padding:0;list-style:none}.category-list li{margin-bottom:8px}.category-link{color:var(--text-secondary);border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.category-link:hover{background-color:var(--bg-secondary);color:var(--accent-blue)}.category-link.active{color:var(--accent-blue);background-color:#eff6ff;font-weight:600}.cat-count{opacity:.5;font-size:.85rem}.promo-widget{color:#fff;background:linear-gradient(135deg,#114a7f 0%,#1f8df4 100%);border:none}.promo-widget h3{color:#fff;margin-bottom:12px}.promo-widget p{color:#fff;opacity:.9;margin-bottom:20px;font-size:.95rem}.no-posts{text-align:center;background:var(--bg-secondary);color:var(--text-secondary);border-radius:16px;padding:60px}.read-more-link{color:var(--accent-blue);margin-top:auto;font-size:.9rem;font-weight:600}@media (max-width:992px){.blog-layout{flex-direction:column-reverse}.blog-sidebar{width:100%;position:static}}.article-header-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.article-author{color:var(--text-secondary);background:var(--bg-secondary);white-space:nowrap;border-radius:50px;align-items:center;gap:14px;padding:8px 10px 8px 20px;font-size:1rem;font-weight:500;display:flex}.author-avatar{object-fit:cover;border:3px solid #fff;border-radius:50%;flex-shrink:0;width:64px;height:64px;box-shadow:0 4px 10px #0000001f}@media (max-width:768px){.article-header-top{flex-direction:column;align-items:flex-start;gap:16px}.article-author{gap:10px;padding:6px 8px 6px 16px;font-size:.9rem}.author-avatar{width:48px;height:48px}}