.blog-list{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-brand);box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-card:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.blog-card__cover{aspect-ratio:1200/630;background:var(--color-surface-2);overflow:hidden}.blog-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.blog-card:hover .blog-card__cover img{transform:scale(1.03)}.blog-card__body{gap:var(--space-2);padding:var(--space-5);flex-direction:column;flex:1;display:flex}.blog-card__meta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.blog-card__cat{letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand);background:var(--color-surface-2);border-radius:var(--radius-sm);padding:3px 9px;font-size:.6875rem;font-weight:600}.blog-card__read{color:var(--color-fg-muted)}.blog-card h2{font-size:var(--text-xl);color:var(--color-fg);margin:0;line-height:1.25}.blog-card p{color:var(--color-fg-muted);flex:1;margin:0;line-height:1.6}.blog-card__date{font-size:var(--text-sm);color:var(--color-fg-muted);margin-top:var(--space-1)}@media (max-width:900px){.blog-list{grid-template-columns:1fr 1fr}}@media (max-width:600px){.blog-list{grid-template-columns:1fr}}.prose{max-width:760px;margin:0 auto}.prose h2{font-size:var(--text-2xl);color:var(--color-fg);margin:var(--space-7) 0 var(--space-3)}.prose h3{font-size:var(--text-xl);color:var(--color-fg);margin:var(--space-6) 0 var(--space-2)}.prose p{color:var(--color-fg);margin:0 0 var(--space-4);line-height:1.75}.prose ul,.prose ol{color:var(--color-fg);margin:0 0 var(--space-4) var(--space-5);line-height:1.75}.prose li{margin-bottom:var(--space-2)}.prose a{color:var(--color-brand)}.prose a:hover{text-decoration:underline}.prose strong{color:var(--color-fg)}.prose table{border-collapse:collapse;width:100%;margin:0 0 var(--space-4)}.prose th,.prose td{border:1px solid var(--color-border);padding:var(--space-3);text-align:left;color:var(--color-fg)}.prose th{background:var(--color-surface-2)}.prose blockquote{border-left:3px solid var(--color-brand);padding-left:var(--space-4);color:var(--color-fg-muted);margin:0 0 var(--space-4)}.prose code{background:var(--color-surface-2);border-radius:var(--radius-sm);padding:2px 6px;font-size:.9em}.blog-back{color:var(--color-brand);font-weight:600;text-decoration:none}
