.blog-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:40px auto;max-width:1200px;padding:32px;align-items:stretch}@media (max-width: 1200px){.blog-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.blog-cards-grid{grid-template-columns:1fr}}.blog-card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #438eea14;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s;height:100%}.blog-card:hover{box-shadow:0 4px 24px #438eea2e}.blog-card-image{width:100%;height:180px;object-fit:cover}.blog-card-content{padding:20px 18px 24px;flex:1 1 auto;display:flex;flex-direction:column}.blog-card-title{font-size:1.25rem;margin:0 0 8px;color:#222;font-weight:700}.blog-card-meta{font-size:.95rem;color:#888;margin-bottom:12px;display:flex;gap:8px;align-items:center}.blog-card-description{flex:1;color:#444;margin-bottom:18px;font-size:1rem}.blog-card-link{text-decoration:none;color:inherit;display:block;transition:box-shadow .2s}.blog-card-link:hover .blog-card,.blog-card-link:focus .blog-card{box-shadow:0 4px 24px #438eea2e}.blog-card-read-btn{display:inline-block;background:var(--primary-color);color:#fff;border-radius:6px;padding:10px 24px;font-weight:500;margin-top:20px;text-decoration:none;font-size:1rem;transition:background .2s;text-align:center;cursor:pointer;box-shadow:0 2px 8px #438eea1a;border:none;outline:none}.blog-card-read-btn:hover,.blog-card-read-btn:focus{background:var(--primary-color);color:#fff;text-decoration:none}.blog-card-read-link{display:inline-block;color:#fff;background-color:var(--primary-color);font-weight:500;margin-top:20px;font-size:1rem;text-decoration:underline;cursor:pointer;transition:color .2s}.blog-card-read-link:hover{color:#005bb5}.blog-card-tags{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.blog-card-tag{background:#e6f0fb;color:var(--primary-color);font-size:.92rem;border-radius:4px;padding:3px 10px;font-weight:500;display:inline-block}.blog-card-tag-clickable{cursor:pointer;background:#d0e7ff;transition:background .15s,color .15s}.blog-card-tag-clickable:hover,.blog-card-tag-clickable:focus{background:var(--primary-color);color:#fff;outline:none}.blog-filter-bar{display:flex;flex-wrap:wrap;gap:18px;margin:32px 0 24px;align-items:center;border-radius:10px;padding:0;max-width:1024px;background:none;box-shadow:none}.blog-filter-label{font-weight:600;margin-right:8px;color:var(--primary-color);font-size:1.05rem}.blog-filter-select{padding:8px 16px;border-radius:6px;border:.5px solid #c5d6ea;background:none;font-size:1rem;color:#222;transition:border .2s;outline:none}.blog-filter-select:focus{border:1.5px solid var(--primary-color)}.blog-filter-clear-btn{margin-left:12px;padding:8px 22px;border-radius:6px;border:none;background:#0070f3;color:#fff;font-weight:500;cursor:pointer;font-size:1rem;transition:background .2s;box-shadow:0 2px 8px #438eea1a}.blog-filter-clear-btn:hover{background:#005bb5}
