.blog-list.wrap{min-width:0;padding-top:64px}.blog-head{justify-items:start;gap:16px;margin-bottom:48px;display:grid}.posts{gap:24px;display:grid}@media (width>=768px){.posts{grid-template-columns:1fr 1fr}}.post{border:1px solid var(--border);background:var(--card);transition:transform .2s var(--ease), box-shadow .2s;border-radius:16px;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.post:hover{transform:translateY(-4px);box-shadow:0 24px 48px -24px #0b12204d}.post .ph{aspect-ratio:2;background:var(--primary-subtle);justify-content:center;align-items:center;display:flex;overflow:hidden}.post .ph img{width:62%}.post .t{padding:24px}.post small{color:var(--muted-foreground)}.post h2{margin:8px 0;font-size:20px;line-height:1.25}.post p{color:var(--muted-foreground);font-size:15px}.blog-post{min-width:0;padding-top:48px}.read{min-width:0;max-width:68ch;margin:0 auto}.read .back{margin-bottom:24px}.read .meta{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:16px;display:flex}.read .meta a{color:var(--primary-strong)}.read .tag{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:2px 10px}.read .cover{background:var(--primary-subtle);border-radius:16px;justify-content:center;margin:32px 0 40px;padding:24px;display:flex}.read .cover img{width:min(100%,480px)}.prose{overflow-wrap:break-word;font-size:17px;line-height:1.7}.prose>*+*{margin-top:1.1em}.prose h2{letter-spacing:-.015em;margin-top:2em;font-size:28px;line-height:1.2}.prose h3{margin-top:1.6em;font-size:20px;line-height:1.3}.prose a{color:var(--primary-strong)}.prose ul,.prose ol{gap:.5em;padding-left:1.4em;display:grid}.prose :not(pre)>code{background:var(--muted);border-radius:6px;padding:.1em .35em;font-size:.88em}.prose blockquote{border-left:3px solid var(--primary);color:var(--muted-foreground);padding-left:16px}.prose figure{margin:2em 0}.prose figure img,.prose figure video{border:1px solid var(--border);background:var(--card);border-radius:12px;width:100%;height:auto}.prose figcaption{color:var(--muted-foreground);margin-top:8px;font-size:14px;line-height:1.5}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:10px 12px}.prose .expressive-code{--ec-brdCol:var(--ink-border);--ec-brdRad:10px;--ec-codeBg:var(--ink);--ec-codeFg:var(--ink-fg);--ec-codeSelBg:#1e2738;--ec-frm-edBg:var(--ink);--ec-frm-edActTabBg:var(--ink-2);--ec-frm-trmTtbBg:var(--ink-2);--ec-frm-trmTtbFg:var(--ink-muted);--ec-frm-trmBg:var(--ink);--ec-uiSelBg:#1e2738;--ec-gtrFg:#5d6a82;--ec-gtrBrdCol:var(--ink-border);--ec-gtrHlFg:var(--ink-muted);--ec-codeFontFml:"JetBrains Mono", ui-monospace, monospace;--ec-codeFontSize:13px;--ec-codeLinHt:1.7;margin:1.6em 0}.prose .expressive-code pre{background:var(--ink)}.prose .expressive-code .frame{box-shadow:none}.prose .expressive-code .ec-line span{color:var(--0)!important}.prose .expressive-code code{font-size:inherit;background:0 0;padding:0}
