.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:0 0 60px;display:grid}.blog-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.blog-card-accent{flex-shrink:0;width:100%;height:3px}.blog-content{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex}.blog-meta-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-category{text-transform:uppercase;letter-spacing:.07em;border-radius:var(--radius-pill);font-size:10px;font-weight:700;font-family:var(--font-primary);flex-shrink:0;padding:3px 10px}.blog-date,.blog-reading-time{color:var(--color-ink-tertiary);font-size:12px;font-family:var(--font-primary)}.blog-reading-time:before{content:"·";margin-right:10px}.blog-title{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.02em;flex:1;font-size:17px;font-weight:700;line-height:1.35}.blog-excerpt{color:var(--color-ink-secondary);font-size:13px;line-height:1.7;font-family:var(--font-primary)}.blog-link{color:var(--color-primary);border-top:1px solid var(--color-border);transition:gap var(--transition-base), color var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-primary);align-items:center;gap:6px;margin-top:auto;padding-top:8px;text-decoration:none;display:inline-flex}.blog-link:hover{color:var(--color-primary-hover);gap:9px}.blog-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:3px}.blog-card--fade-1{animation:blog-fade-up .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) 0s both}.blog-card--fade-2{animation:blog-fade-up .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) 60ms both}.blog-card--fade-3{animation:blog-fade-up .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) .12s both}.blog-card--fade-4{animation:blog-fade-up .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) .18s both}.blog-card--fade-5{animation:blog-fade-up .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) .24s both}.blog-card--fade-6{animation:blog-fade-up .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) .3s both}@keyframes blog-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-grid{grid-template-columns:1fr;gap:16px}.blog-content{padding:20px}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none;animation:none}}