.blog-listing{max-width:1200px;margin:0 auto;padding:120px 24px 80px}.blog-grid{grid-template-columns:1fr;gap:16px;display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;padding:24px;transition:all .2s;display:flex}.blog-card:hover{background:var(--bg-card-hover);border-color:#ffffff1a;transform:translateY(-4px)}.blog-card:hover .project-arrow{opacity:1;transform:translate(4px,-4px)}.blog-card .project-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.blog-card .project-title{color:var(--text);font-size:1.125rem;font-weight:600}.blog-card .project-arrow{color:var(--text-dim);opacity:.5;font-size:1.25rem;transition:all .2s}.blog-card .project-description{color:var(--text-dim);flex:1;margin-bottom:16px;font-size:.9rem;line-height:1.6}.blog-card .project-tags{flex-wrap:wrap;gap:8px;display:flex}.blog-card .project-tag{font-family:var(--font-mono),monospace;color:var(--text-dim);background:#ffffff08;border-radius:20px;padding:4px 10px;font-size:.7rem}.blog-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.blog-date{font-family:var(--font-mono),monospace;color:var(--text-dim);font-size:.75rem}@media (max-width:480px){.blog-listing{padding:100px 16px 60px}.blog-card{padding:20px}}