.blog-head{padding-top:var(--space-16)}.blog-head,.blog-list{max-width:var(--container-md)}.blog-list{display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-10);padding-bottom:var(--space-20)}.blog-card{display:block;text-decoration:none;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card h2{font:var(--type-h3);color:var(--text-primary);text-wrap:balance}.blog-card p{font:var(--type-body);color:var(--text-secondary);margin-top:var(--space-3);text-wrap:pretty}.blog-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;font:var(--type-body-sm);color:var(--text-tertiary);margin-bottom:var(--space-3)}.blog-tag{font:var(--type-caption);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--blue-700);background:var(--blue-50);padding:3px 10px;border-radius:var(--radius-pill)}.blog-rss{font:var(--type-body-sm);color:var(--text-link);text-decoration:none}.post{padding-block:var(--space-16) var(--space-20)}.post-header{max-width:var(--container-md);margin-bottom:var(--space-8)}.post-header h1{font:var(--type-h1);color:var(--text-primary);margin-top:var(--space-4);text-wrap:balance}@media (max-width:767px){.post-header h1{font-size:var(--text-3xl)}}.post-back{font:var(--type-body-sm);color:var(--text-link);text-decoration:none}