.blog-container{position:relative;z-index:1;max-width:720px;margin:0 auto;padding:6rem 2rem 4rem}.blog-header{margin-bottom:2.5rem}.blog-header h1{font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:.08em;text-transform:lowercase;transition:color .5s}.post-list{display:flex;flex-direction:column;gap:1.5rem}.post-card{display:block;padding:1.5rem;border:1px solid color-mix(in srgb,var(--surface1) 50%,transparent);border-radius:10px;background:color-mix(in srgb,var(--base) 8%,transparent);backdrop-filter:blur(6px) saturate(1.3);-webkit-backdrop-filter:blur(6px) saturate(1.3);transition:border-color .2s,transform .3s;text-decoration:none}.post-card:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent);transform:translateY(-2px)}.post-card h2{font-size:1.1rem;font-weight:600;color:var(--accent);margin-bottom:.5rem;text-transform:none;letter-spacing:normal;transition:color .5s}.post-card .post-date{font-size:.8rem;color:var(--overlay1);margin-bottom:.5rem}.post-card .post-excerpt{font-size:.9rem;color:var(--subtext1);line-height:1.7;margin-bottom:.75rem}.post-tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{font-size:.7rem;color:var(--overlay1);border:1px solid var(--surface1);border-radius:4px;padding:.15rem .5rem}.article-header{margin-bottom:2rem}.article-header h1{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1.4;margin-bottom:.75rem;transition:color .5s}.article-meta{font-size:.8rem;color:var(--overlay1);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.article-body h2{font-size:1.15rem;font-weight:700;color:var(--accent);margin:2rem 0 .75rem;text-transform:none;letter-spacing:normal;transition:color .5s}.article-body h3{font-size:1rem;font-weight:600;color:var(--accent);margin:1.5rem 0 .5rem;transition:color .5s}.article-body p{font-size:.95rem;color:var(--subtext1);line-height:1.8;margin-bottom:1rem}.article-body ul,.article-body ol{font-size:.95rem;color:var(--subtext1);line-height:1.8;margin-bottom:1rem;padding-left:1.5rem}.article-body li{margin-bottom:.35rem}.article-body strong{color:var(--text);font-weight:600}.article-body em{font-style:italic}.article-body a{color:var(--accent);background-image:linear-gradient(var(--accent),var(--accent));background-size:0% 1px;background-position:0 100%;background-repeat:no-repeat;transition:color .5s,background-size .3s ease}.article-body a:hover{color:var(--accent);background-size:100% 1px}.article-body blockquote{border-left:3px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--subtext0);font-style:italic}.article-body code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85em;background:var(--surface0);padding:.15rem .35rem;border-radius:4px}.article-body pre{background:var(--surface0);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.25rem;overflow-x:auto;line-height:1.6}.article-body pre code{background:none;padding:0;font-size:.85rem}.hljs{color:var(--text);background:var(--surface0)}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-type{color:var(--mauve)}.hljs-string,.hljs-attr,.hljs-symbol,.hljs-bullet{color:var(--green)}.hljs-number,.hljs-literal{color:var(--peach)}.hljs-title,.hljs-section,.hljs-title.function_{color:var(--blue)}.hljs-comment,.hljs-quote{color:var(--overlay1);font-style:italic}.hljs-meta{color:var(--pink)}.hljs-variable,.hljs-template-variable{color:var(--flamingo)}.hljs-params{color:var(--yellow)}.hljs-addition{color:var(--green)}.hljs-deletion{color:var(--flamingo)}.hljs-regexp{color:var(--teal)}.hljs-name,.hljs-tag{color:var(--blue)}.hljs-attribute{color:var(--yellow)}.back-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--overlay1);margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:var(--text)}@media(max-width:768px){.blog-container{padding:5rem 1.25rem 3rem}.article-header h1{font-size:1.25rem}}@media(max-width:480px){.blog-container{padding:4.5rem 1rem 2rem}.article-header h1{font-size:1.1rem}.post-card{padding:1.25rem}}