.blog-body{max-width:760px}.blog-body>h1{font-size:30px;letter-spacing:-.02em}.blog-lead{margin:6px 0 30px;font-size:14.5px;color:hsl(var(--muted-foreground))}.blog-list{display:grid;grid-gap:22px;gap:22px;padding:0;margin:0;list-style:none}.blog-card{display:grid;grid-template-columns:1fr;grid-gap:0;gap:0;border:1px solid hsl(var(--border));border-radius:14px;overflow:hidden;background:hsl(var(--card));transition:border-color .15s ease,transform .15s ease}.blog-card:hover{border-color:hsl(var(--ring)/.5);transform:translateY(-1px)}.blog-card a{text-decoration:none;color:inherit;display:block}.blog-card-cover{width:100%;aspect-ratio:1200/630;object-fit:cover;display:block}.blog-card-body{padding:18px 20px 20px}.blog-card-title{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0}.blog-card-excerpt{margin:8px 0 0;font-size:14.5px;line-height:1.65;color:hsl(var(--foreground)/.85)}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12.5px;color:hsl(var(--muted-foreground))}.blog-tag{background:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}.blog-empty{color:hsl(var(--muted-foreground));font-size:14.5px}.blog-post-head{margin-bottom:22px}.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:hsl(var(--muted-foreground));text-decoration:none;margin-bottom:18px}.blog-back:hover{color:hsl(var(--foreground))}.blog-post-head h1{font-size:34px;line-height:1.15;letter-spacing:-.02em;margin:0}.blog-byline{display:flex;align-items:center;gap:9px;margin-top:14px;font-size:13.5px;color:hsl(var(--muted-foreground))}.blog-byline .brand-mark{width:22px;height:22px;border-radius:6px}.blog-byline strong{color:hsl(var(--foreground));font-weight:600}.blog-cover{width:100%;border-radius:14px;margin:22px 0 6px;border:1px solid hsl(var(--border));display:block}.blog-prose{font-size:16px;line-height:1.75;color:hsl(var(--foreground)/.92);overflow-wrap:break-word}.blog-prose>*+*{margin-top:14px}.blog-prose h2{font-size:23px;letter-spacing:-.015em;margin-top:34px}.blog-prose h2,.blog-prose h3{font-weight:700;color:hsl(var(--foreground))}.blog-prose h3{font-size:18.5px;margin-top:26px}.blog-prose h4{font-size:16px;font-weight:700;margin-top:20px;color:hsl(var(--foreground))}.blog-prose p{margin-top:14px}.blog-prose a{color:hsl(var(--primary));text-decoration:underline;text-underline-offset:3px}.blog-prose strong{font-weight:700;color:hsl(var(--foreground))}.blog-prose ol,.blog-prose ul{padding-left:26px;display:grid;grid-gap:6px;gap:6px}.blog-prose li>p{margin:0}.blog-prose blockquote{border-left:3px solid hsl(var(--primary)/.55);padding:2px 0 2px 16px;color:hsl(var(--foreground)/.8);font-style:italic}.blog-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:hsl(var(--secondary));border-radius:5px;padding:1.5px 6px}.blog-prose pre{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:10px;padding:14px 16px;overflow-x:auto}.blog-prose pre code{background:none;padding:0;font-size:13px;line-height:1.6}.blog-prose img{max-width:100%;height:auto;border-radius:12px;border:1px solid hsl(var(--border));display:block;margin:20px auto}.blog-prose hr{border:none;border-top:1px solid hsl(var(--border));margin:30px 0}.blog-prose figure{margin:20px 0}.blog-prose figcaption{font-size:13px;color:hsl(var(--muted-foreground));text-align:center;margin-top:6px}@media (max-width:620px){.blog-post-head h1{font-size:27px}.blog-card-title{font-size:18px}}