*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#2c3e50;background:#f8fafc;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:#4caf50;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.blog-header{position:sticky;top:0;z-index:100;background:#fffffff2;backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;height:64px}.blog-header-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:100%}.blog-header-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1em;color:#2c3e50;text-decoration:none}.blog-header-logo:hover{text-decoration:none}.blog-header-logo img{height:32px;width:auto}.blog-header-nav{display:flex;align-items:center;gap:24px}.blog-header-nav a{color:#64748b;font-size:.95em;font-weight:500}.blog-header-nav a:hover{color:#4caf50;text-decoration:none}.blog-header-cta{display:inline-flex;align-items:center;padding:8px 20px;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff!important;border-radius:8px;font-weight:600;font-size:.9em;transition:transform .2s,box-shadow .2s}.blog-header-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d;text-decoration:none}.blog-footer{background:#f1f5f9;border-top:1px solid #e2e8f0;padding:40px 24px;margin-top:80px}.blog-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.blog-footer-links{display:flex;gap:24px}.blog-footer-links a{color:#64748b;font-size:.9em}.blog-footer-links a:hover{color:#4caf50}.blog-footer-copy{color:#94a3b8;font-size:.85em}.blog-index{max-width:1200px;margin:0 auto;padding:40px 24px}.blog-index-title{font-size:2em;font-weight:800;margin-bottom:8px}.blog-index-subtitle{color:#64748b;font-size:1.1em;margin-bottom:40px}.blog-featured{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000f;transition:transform .3s,box-shadow .3s;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;text-decoration:none}.blog-card--lead{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.blog-card--lead .blog-card-img{height:100%;min-height:300px}.blog-card-img{width:100%;height:200px;object-fit:cover}.blog-card-img-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#4caf50,#2e7d32);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2em;font-weight:700}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-category{display:inline-block;background:#4caf501a;color:#2e7d32;font-size:.8em;font-weight:600;padding:4px 10px;border-radius:4px;margin-bottom:12px;width:fit-content}.blog-card-title{font-size:1.2em;font-weight:700;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card--lead .blog-card-title{font-size:1.6em}.blog-card-description{color:#64748b;font-size:.95em;line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;gap:16px;color:#94a3b8;font-size:.85em}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.post-hero-image{width:100%;border-radius:8px;display:block;object-fit:cover;margin-bottom:32px}.post-header{max-width:988px;margin:0 auto;padding:40px 24px 0}.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;font-size:.9em;color:#64748b}.post-title{font-size:2.4em;font-weight:800;line-height:1.2;margin-bottom:12px}.post-description{font-size:1.2em;color:#64748b;line-height:1.6;margin-bottom:32px}.post-body{max-width:988px;margin:0 auto;padding:0 24px 60px;display:grid;grid-template-columns:720px 220px;gap:48px}.toc{order:1;position:sticky;top:88px;max-height:calc(100vh - 112px);overflow-y:auto;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.toc::-webkit-scrollbar{width:4px}.toc::-webkit-scrollbar-track{background:transparent}.toc::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.toc-title{font-size:.85em;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:12px}.toc-list{list-style:none}.toc-list li{margin-bottom:4px}.toc-list a{display:block;padding:4px 0 4px 12px;font-size:.88em;color:#64748b;border-left:2px solid transparent;transition:color .15s,border-color .15s}.toc-list a:hover{color:#4caf50;text-decoration:none}.toc-list a.toc-active{color:#2e7d32;border-left-color:#4caf50;font-weight:600}.toc-list .toc-h3{padding-left:24px}.toc-list .toc-h4{padding-left:36px}.post-content{order:0;min-width:0}.post-content h2{font-size:1.6em;font-weight:700;margin:48px 0 16px;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.post-content h3{font-size:1.3em;font-weight:600;margin:32px 0 12px}.post-content h4{font-size:1.1em;font-weight:600;margin:24px 0 8px}.post-content p{margin-bottom:16px}.post-content ul,.post-content ol{margin-bottom:16px;padding-left:24px}.post-content ul li,.post-content ol li{margin-bottom:6px}.post-content blockquote{border-left:3px solid #4CAF50;background:#4caf500f;padding:16px 24px;margin:24px 0;border-radius:0 8px 8px 0;font-style:italic;color:#64748b}.post-content pre{position:relative;margin:24px 0;border-radius:8px;overflow-x:auto;font-size:.9em}.post-content code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.post-content :not(pre)>code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.9em}.post-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95em}.post-content th{background:#f1f5f9;font-weight:600;text-align:left;padding:12px 16px;border-bottom:2px solid #e2e8f0}.post-content td{padding:10px 16px;border-bottom:1px solid #e2e8f0}.post-content tr:hover td{background:#f1f5f980}.post-content .table-wrapper{overflow-x:auto;margin:24px 0}.post-content .table-wrapper table{margin:0}.post-content img{border-radius:8px;margin:24px 0}.post-content hr{border:none;border-top:1px solid #e2e8f0;margin:40px 0}.callout{margin:24px 0;padding:16px 20px;border-radius:8px;border-left:3px solid}.callout--tip{border-color:#4caf50;background:#4caf500f}.callout--info{border-color:#3b82f6;background:#3b82f60f}.callout--warning{border-color:#f59e0b;background:#f59e0b0f}.callout--example{border-color:#8b5cf6;background:#8b5cf60f}.callout-header{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px;font-size:.95em}.callout-body{font-size:.95em}.callout-body p:last-child{margin-bottom:0}.mermaid-wrapper{margin:24px 0;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:24px;overflow-x:auto;text-align:center}.code-copy-btn{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:4px;padding:4px 10px;font-size:.78em;cursor:pointer;opacity:0;transition:opacity .2s}pre:hover .code-copy-btn{opacity:1}.share-buttons{display:flex;align-items:center;gap:12px;margin:32px 0}.share-buttons-label{font-size:.9em;color:#64748b;font-weight:500}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#f1f5f9;color:#64748b;font-size:1.1em;transition:background .2s,color .2s}.share-btn:hover{background:#4caf50;color:#fff;text-decoration:none}.cta-banner{background:linear-gradient(135deg,#4caf50,#2e7d32);border-radius:16px;padding:48px 40px;text-align:center;color:#fff;margin:48px 0}.cta-banner-title{font-size:1.6em;font-weight:800;margin-bottom:12px}.cta-banner-text{font-size:1.05em;opacity:.92;margin-bottom:24px;max-width:500px;margin-left:auto;margin-right:auto}.cta-banner-btn{display:inline-flex;align-items:center;padding:14px 32px;background:#fff;color:#2e7d32;border-radius:8px;font-weight:700;font-size:1em;transition:transform .2s,box-shadow .2s}.cta-banner-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026;text-decoration:none}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.85em;color:#94a3b8;margin-bottom:16px}.breadcrumbs a{color:#64748b}.breadcrumbs a:hover{color:#4caf50}.related-posts{margin-top:60px;padding-top:40px;border-top:1px solid #e2e8f0}.related-posts-title{font-size:1.4em;font-weight:700;margin-bottom:24px}.related-posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.tag{display:inline-block;padding:4px 12px;background:#f1f5f9;color:#64748b;border-radius:20px;font-size:.85em;transition:background .2s,color .2s}.tag:hover{background:#4caf501a;color:#2e7d32;text-decoration:none}@media(max-width:1100px){.post-body{grid-template-columns:1fr;gap:0}.toc{position:static;order:-1;max-height:none;margin-bottom:32px}}@media(max-width:768px){.blog-featured,.blog-card--lead{grid-template-columns:1fr}.blog-card--lead .blog-card-img{min-height:200px}.blog-grid,.related-posts-grid{grid-template-columns:1fr}.post-title{font-size:1.8em}.blog-header-nav a:not(.blog-header-cta){display:none}.blog-footer-inner{flex-direction:column;text-align:center}.blog-index-title{font-size:1.5em}.cta-banner{padding:32px 20px}.cta-banner-title{font-size:1.3em}}