.blog-container{width:100%;max-width:100%;margin:0 auto;padding:0}#refine-app{all:unset;width:100%;display:block}.blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-30, 30px);margin-top:var(--space-40, 40px)}.blog-post-card{display:flex;flex-direction:column;background-color:var(--color-card-bg, rgba(16, 24, 32, .8));border:1px solid var(--color-primary-glow, rgba(50, 184, 198, .3));padding:var(--space-20, 20px);border-radius:4px;transition:transform .3s ease,box-shadow .3s ease;height:100%;position:relative;overflow:hidden}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.blog-title{font-size:var(--font-size-lg, 1.5rem);margin-bottom:var(--space-10, 10px);color:var(--color-primary, #32b8c6);font-weight:600}.blog-date{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #a0a0a0);display:block;margin-bottom:var(--space-15, 15px)}.blog-excerpt{flex:1;margin-bottom:var(--space-20, 20px);line-height:1.6;color:var(--color-text-light, #f0f0f0)}.blog-link{display:inline-flex;align-items:center;color:var(--color-primary, #32b8c6);text-decoration:none;font-weight:500;transition:color .2s ease;background:transparent;border:none;padding:0;cursor:pointer;font-size:var(--font-size-base, 1rem)}.blog-link:hover{color:var(--color-primary-light, #4fd5e5)}.blog-link:after{content:" →";margin-left:var(--space-5, 5px);transition:transform .2s ease}.blog-link:hover:after{transform:translate(3px)}.blog-post{background-color:var(--color-card-bg, rgba(16, 24, 32, .8));border:1px solid var(--color-primary-glow, rgba(50, 184, 198, .3));padding:var(--space-40, 40px);border-radius:4px;max-width:800px;margin:0 auto;position:relative}.blog-post-title{font-size:var(--font-size-xl, 2rem);margin-bottom:var(--space-10, 10px);color:var(--color-primary, #32b8c6);font-weight:600}.blog-post-date{font-size:var(--font-size-sm, .875rem);color:var(--color-text-secondary, #a0a0a0);display:block;margin-bottom:var(--space-30, 30px);border-bottom:1px solid var(--color-primary-glow, rgba(50, 184, 198, .3));padding-bottom:var(--space-20, 20px)}.blog-post-content{line-height:1.8;margin-bottom:var(--space-40, 40px);color:var(--color-text-light, #f0f0f0)}.blog-post-content h2{font-size:var(--font-size-lg, 1.5rem);margin:var(--space-30, 30px) 0 var(--space-15, 15px);color:var(--color-primary, #32b8c6)}.blog-post-content p{margin-bottom:var(--space-20, 20px)}.blog-post-content ul,.blog-post-content ol{margin-bottom:var(--space-20, 20px);padding-left:var(--space-30, 30px)}.blog-post-content li{margin-bottom:var(--space-10, 10px)}.blog-back-link{display:inline-flex;align-items:center;color:var(--color-primary, #32b8c6);text-decoration:none;font-weight:500;transition:color .2s ease;background-color:transparent;border:1px solid rgba(50,184,198,.5);padding:8px 16px;border-radius:2px;cursor:pointer}.blog-back-link:hover{color:var(--color-primary-light, #4fd5e5);background-color:#32b8c61a;box-shadow:0 0 10px #32b8c64d}.tron-arrow{margin-right:var(--space-5, 5px);transition:transform .2s ease}.blog-back-link:hover .tron-arrow{transform:translate(-3px)}.blog-loading,.blog-error{padding:var(--space-40, 40px);text-align:center;color:var(--color-text-secondary, #a0a0a0);font-style:italic}.blog-error{color:var(--color-error, #e53935)}.no-posts{padding:var(--space-40, 40px);text-align:center;background-color:var(--color-card-bg, rgba(16, 24, 32, .8));border:1px solid var(--color-primary-glow, rgba(50, 184, 198, .3));border-radius:4px;max-width:600px;margin:var(--space-40, 40px) auto;animation:fadeIn .8s ease-out}.no-posts h3{color:var(--color-primary, #32b8c6);font-size:var(--font-size-lg, 1.5rem);margin-bottom:var(--space-20, 20px)}.no-posts p{color:var(--color-text-light, #f0f0f0);line-height:1.6;margin-bottom:var(--space-20, 20px)}.no-posts-icon{font-size:3rem;margin:var(--space-20, 20px) 0;opacity:.8}.no-posts-cta{margin-top:var(--space-20, 20px);font-size:var(--font-size-sm, .9rem);color:var(--color-text-secondary, #a0a0a0)}.no-posts-cta a{color:var(--color-primary, #32b8c6);text-decoration:none;border-bottom:1px dotted var(--color-primary, #32b8c6);transition:color .2s ease,border-bottom-color .2s ease}.no-posts-cta a:hover{color:var(--color-primary-light, #4fd5e5);border-bottom-color:var(--color-primary-light, #4fd5e5)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-post,.blog-post-card{animation:fadeIn .5s ease forwards}.blog-post-view{max-width:800px;margin:0 auto;padding:var(--space-40, 40px) 0}header.minimal{background:var(--color-background-dark, #0a0a0a);box-shadow:0 2px 10px #0003;padding:var(--space-10, 10px) 0}header.minimal .header__nav-links,header.minimal .header__cta{display:none}header.minimal .header__logo{margin:0 auto}footer.minimal{padding:var(--space-20, 20px) 0;background:var(--color-background-dark, #0a0a0a)}footer.minimal .footer__grid{display:none}footer.minimal .footer__bottom{margin-top:0;padding-top:0;border-top:none}.mermaid-wrapper{margin:2rem 0;padding:0;width:100%;overflow-x:auto}.mermaid{background:#fff;padding:1rem;border-radius:4px;color:#000;text-align:center;max-width:100%}.mermaid svg{max-width:100%;height:auto!important}.mermaid-wrapper div[style*="color:red"]{background:#ff00001a;border:1px solid rgba(255,0,0,.3);padding:1rem;border-radius:4px;margin:1rem 0;font-family:monospace;white-space:pre-wrap}@media (max-width: 768px){.blog-posts-grid{grid-template-columns:1fr}.blog-post{padding:var(--space-20, 20px)}.blog-post-view{padding:var(--space-20, 20px) 0}.mermaid svg{transform-origin:left top;transform:scale(.9)}}.markdown-content{white-space:pre-wrap;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;padding:1rem;background-color:#10182080;border-radius:5px;border:1px solid rgba(50,184,198,.3);overflow-x:auto;color:var(--color-text-light, #f0f0f0)}.markdown-table{width:100%;border-collapse:collapse;margin:1.5rem 0;overflow-x:auto;display:block}.markdown-table th,.markdown-table td{padding:.75rem;text-align:left;border:1px solid rgba(50,184,198,.3)}.markdown-table th{background-color:#32b8c633;color:var(--color-primary, #32b8c6);font-weight:600}.markdown-table tr:nth-child(2n){background-color:#1018204d}.markdown-table tr:hover{background-color:#32b8c61a}