.dev-blog-container{--dev-bg-primary:#0a0e27;--dev-bg-secondary:#1a1f3a;--dev-bg-code:#050816;--dev-accent:#10b981;--dev-accent-secondary:#14b8a6;--dev-text-primary:#e5e7eb;--dev-text-secondary:#9ca3af;--dev-border:#2d3748;background:var(--dev-bg-primary);color:var(--dev-text-primary);position:relative}.dev-blog-container:before{content:"";background-image:linear-gradient(var(--dev-border)1px,transparent 1px),linear-gradient(90deg,var(--dev-border)1px,transparent 1px);opacity:.03;pointer-events:none;z-index:0;background-size:50px 50px;position:fixed;inset:0}.dev-blog-container:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at top,#10b9811a 0%,#0000 60%);height:300px;position:fixed;top:0;left:0;right:0}.dev-blog-container>*{z-index:1;position:relative}.dev-blog-container ::-webkit-scrollbar{width:10px;height:10px}.dev-blog-container ::-webkit-scrollbar-track{background:var(--dev-bg-secondary)}.dev-blog-container ::-webkit-scrollbar-thumb{background:var(--dev-border);border-radius:5px}.dev-blog-container ::-webkit-scrollbar-thumb:hover{background:var(--dev-accent-secondary)}.dev-blog-container .prose{color:var(--dev-text-primary)}.dev-blog-container .prose h1,.dev-blog-container .prose h2,.dev-blog-container .prose h3,.dev-blog-container .prose h4{color:var(--dev-text-primary);font-weight:700}.dev-blog-container .prose h2{border-bottom:1px solid var(--dev-border);padding-bottom:.5rem}.dev-blog-container .prose a{color:var(--dev-accent);text-decoration:none}.dev-blog-container .prose a:hover{color:var(--dev-accent-secondary);text-decoration:underline}.dev-blog-container .prose code{background:var(--dev-bg-code);color:var(--dev-accent);border-radius:3px;padding:.2em .4em;font-weight:400}.dev-blog-container .prose pre{border:1px solid var(--dev-border);border-radius:8px;background:var(--dev-bg-code)!important}.dev-blog-container .prose pre code{color:var(--dev-text-primary);background:0 0;padding:0}.dev-blog-container .prose blockquote{border-left-color:var(--dev-accent);color:var(--dev-text-secondary);background:var(--dev-bg-secondary);border-radius:0 8px 8px 0;padding:1rem 1.5rem}.dev-blog-container .prose strong{color:var(--dev-text-primary);font-weight:700}.dev-blog-container .prose ul,.dev-blog-container .prose ol{color:var(--dev-text-primary)}.dev-blog-container .prose hr{border-color:var(--dev-border)}.dev-blog-container .prose table{color:var(--dev-text-primary)}.dev-blog-container .prose thead,.dev-blog-container .prose tbody tr{border-bottom-color:var(--dev-border)}.dev-blog-container .prose th{color:var(--dev-text-primary);font-weight:700}
