:root{--bg-color:#ffffff;--text-color:#111827;--secondary-text-color:#6b7280;--link-color:#007aff;--card-bg:#ffffff;--card-shadow:0 6px 15px rgba(0,0,0,0.08);--card-shadow-hover:0 10px 20px rgba(0,0,0,0.12);--color-text:#111827;--color-muted:#6b7280}.dark{--bg-color:#111827;--text-color:#f9fafb;--secondary-text-color:#d1d5db;--link-color:#0a84ff;--card-bg:#1f2937;--card-shadow:0 6px 15px rgba(0,0,0,0.4);--card-shadow-hover:0 10px 20px rgba(0,0,0,0.6);--color-text:#f9fafb;--color-muted:#d1d5db}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem;align-items:stretch}.blog-card{background:var(--card-bg);color:var(--color-text);border-radius:.75rem;overflow:hidden;box-shadow:var(--card-shadow);transition:box-shadow .3s ease,transform .2s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}.blog-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.blog-content{padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;flex:1}.blog-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;line-height:1.3;flex:1}.blog-date{font-size:.85rem;color:var(--color-muted)}.blog-excerpt,.blog-meta,.blog-tags{display:none}.blog-card img{width:100%;height:180px;object-fit:cover}.blog-card h3,.blog-card p,.dark .blog-card h3,.dark .blog-card p{color:var(--color-text)}