.blog-main{padding-bottom:4rem}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:0;display:grid}main.blog-main .blog-grid>.blog-card:first-of-type{visibility:visible;opacity:1;grid-column-start:1;display:flex}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.no-results{text-align:center;grid-column:1/-1;padding:3rem 1rem}.no-results h3{color:#374151;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.no-results p{color:#6b7280}.toast{z-index:100;color:#fff;background-color:#333;border-radius:.5rem;max-width:420px;padding:1rem;animation:.3s ease-out slide-in;position:fixed;top:1rem;right:1rem;box-shadow:0 10px 15px -3px #0000001a}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-content{justify-content:space-between;align-items:center;gap:1rem;display:flex}.toast-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;font-size:1.25rem;transition:background-color .2s;display:flex}.toast-close:hover{background-color:#ffffff1a}.blog-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.blog-loading-spinner{border:2px solid #f3f4f6;border-top-color:#dd1427;border-radius:50%;width:2rem;height:2rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-loading-text{color:#6b7280;font-size:.875rem}@media (max-width:768px){.blog-main{padding-bottom:2.5rem}.blog-grid{grid-template-columns:1fr;gap:1.5rem}}.animate-slide-in{animation:.3s ease-out slide-in}
@media (min-width:1024px){.blog-controls{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-bottom:2rem;display:flex}.blog-filter-section{flex:auto;min-width:0}.blog-search-section{flex:0 0 280px;justify-content:flex-end;display:flex}}@media (min-width:768px) and (max-width:1023px){.blog-controls{flex-direction:column;align-items:stretch;gap:1rem;width:100%;margin-bottom:2rem;display:flex}.blog-filter-section{width:100%}.blog-search-section{justify-content:flex-end;width:100%;display:flex}}@media (max-width:767px){.blog-controls{flex-direction:column;gap:1rem;width:100%;margin-bottom:1.5rem;display:flex}.blog-filter-section{width:100%}.blog-search-section{order:-1;justify-content:center;width:100%;display:flex}.blog-search-section .search-bar{width:100%;max-width:100%}}