.blog{max-width:720px;margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-10) var(--space-4);background:var(--ui-25)}.blog h1{font-size:var(--font-xxl);font-weight:var(--font-bold);color:var(--ui-800);margin-bottom:var(--space-14);text-align:center;letter-spacing:-.01em}.blog .post-list{margin-top:var(--space-1);display:grid;gap:var(--space-2)}.blog .post-list li{list-style:none}.blog .post-card{display:block;text-decoration:none;color:inherit;transition:var(--fx-fast);background-color:var(--ui-50);border-radius:var(--radius-3);padding:var(--space-6) var(--space-6);box-shadow:var(--shadow-1);border:1px solid var(--ui-100)}.blog .post-card:hover h2{color:var(--accent)}.blog .post-card:hover{background:var(--ui-75);box-shadow:var(--shadow-2)}.blog .post-card h2{font-size:var(--font-xl);font-weight:var(--font-medium);color:var(--ui-800);margin:0 0 var(--space-3);transition:var(--fx-fast)}p{margin:0 0 var(--space-4);color:var(--ui-600);line-height:1.7}.meta{font-size:var(--font-s);color:var(--ui-500)}@media (min-width: 768px){.blog{max-width:900px;padding:var(--space-10) var(--space-8) var(--space-16) var(--space-8)}.blog .post-card{padding:var(--space-6) var(--space-8)}.blog .post-card h2{font-size:calc(var(--font-xl) * 1.15)}}