.blog-back-nav{border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.blog-back-inner{max-width:1200px;margin-inline:auto}.back-link{color:#94a3b8;align-items:center;gap:.5rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#cf0}.blog-article{max-width:72ch;margin-inline:auto;padding:2rem 1rem}@media (width>=768px){.blog-article{padding:4rem 2rem}}.article-header{margin-bottom:2.5rem}.article-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.article-meta .separator{color:#52637a}.article-title{font-family:var(--font-blog-heading);color:#f8fafc;text-wrap:balance;font-variation-settings:"wght" 600;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15}.article-description{color:#94a3b8;max-width:60ch;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.article-byline{color:#94a3b8;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.category{color:#cf0;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.read-time{color:#94a3b8;font-size:.875rem}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:0;list-style:none;display:flex}.tag{border-radius:var(--radius-ctl);color:#94a3b8;background:#262626;border:1px solid #333;padding:.25rem .75rem;font-size:.75rem}.lang-toggle{border-radius:var(--radius-ctl);color:#cf0;white-space:nowrap;border:1px solid #ccff004d;margin-left:auto;padding:.25rem .75rem;font-size:.75rem;text-decoration:none;transition:background .2s}.lang-toggle:hover{background:#ccff001a}.prose{font-family:var(--font-blog-body);color:#c9d9e8;font-size:1rem;line-height:1.8}.prose h2{font-family:var(--font-blog-heading);color:#f8fafc;letter-spacing:-.02em;font-variation-settings:"wght" 600;margin-top:3rem;margin-bottom:1rem;font-size:clamp(1.3rem,2.5vw,1.75rem);line-height:1.2}.prose h3{font-family:var(--font-blog-heading);font-variation-settings:"wght" 600;color:#f8fafc;margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem}.prose h4{color:#f8fafc;margin-top:1.5rem;margin-bottom:.5rem;font-size:1rem;font-weight:700}.prose p{max-width:68ch;margin-bottom:1.5rem}.prose a{color:#cf0;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.prose a:hover{color:#d6ff33}.prose strong{color:#f8fafc;font-weight:700}.prose em{font-style:italic}.prose ul,.prose ol{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem;line-height:1.7}.prose ul li::marker{color:#cf0}.prose ol li::marker{color:#94a3b8;font-weight:600}.prose code{border-radius:var(--radius-ctl);color:#e6ff80;background:#262626;border:1px solid #333;padding:.15em .45em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.prose pre{background:#1a1a1a;border:1px solid #333;margin-bottom:2rem;padding:1.5rem;line-height:1.6;overflow-x:auto}.prose pre code{color:#c9d9e8;background:0 0;border:none;padding:0;font-size:.875rem}.prose blockquote{color:#94a3b8;border-left:2px solid #cf0;margin-bottom:2rem;margin-left:0;padding-left:1.5rem;font-style:italic}.prose blockquote p{margin-bottom:0}.prose img{border:1px solid #333;width:100%;height:auto;margin-block:2rem}.prose table{border-collapse:collapse;width:100%;margin-bottom:2rem;font-size:.875rem;display:block;overflow-x:auto}.prose thead{background:#262626}.prose th{text-align:left;color:#f8fafc;border-bottom:2px solid #333;padding:.75rem 1rem;font-weight:600}.prose td{color:#94a3b8;border-bottom:1px solid #2e2e2e;padding:.75rem 1rem}.prose tr:last-child td{border-bottom:none}.prose hr{border:none;border-top:1px solid #2e2e2e;margin-block:3rem}.blog-list-page{max-width:1200px;margin-inline:auto;padding:3rem 1rem}@media (width>=768px){.blog-list-page{padding:4rem 2rem}}.blog-list-header{margin-bottom:3rem}.blog-list-header h1{font-family:var(--font-blog-heading);letter-spacing:-.02em;font-variation-settings:"wght" 700;color:#f8fafc;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem)}.blog-list-header p{color:#94a3b8;max-width:52ch;font-size:1.125rem}.category-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.filter-btn{border-radius:var(--radius-ctl);color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #333;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.filter-btn:hover{color:#cf0;border-color:#cf0}.filter-btn.active{color:#121212;background:#cf0;border-color:#cf0;font-weight:600}.blog-empty{text-align:center;color:#94a3b8;padding:4rem 1rem;font-size:1.125rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:2rem;display:grid}.blog-grid .post-card:first-child{grid-column:1/-1}.post-card{background:#1a1a1a;border:1px solid #333;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #12121280}.post-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.5rem;display:flex}.post-card-meta{color:#94a3b8;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.post-card-title{font-family:var(--font-blog-heading);color:#f8fafc;text-wrap:balance;font-variation-settings:"wght" 600;margin:0;font-size:1.125rem;line-height:1.3}.post-card:first-child .post-card-title{font-size:1.5rem}.post-card-description{color:#94a3b8;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.post-card-footer{color:#94a3b8;border-top:1px solid #2e2e2e;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;font-size:.75rem;display:flex}