.blog-wrapper{color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.blog-container{flex-direction:column;max-width:1200px;min-height:calc(100vh - 65px);margin:0 auto;padding:40px 20px;display:flex}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;display:grid}.blog-card{cursor:pointer;background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.blog-card:hover{transform:translateY(-5px);box-shadow:0 4px 16px #00000026}.blog-card-image{background-color:#f5f5f5;width:100%;overflow:hidden}.blog-card-image img{width:100%;height:auto;display:block}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{padding:20px}.blog-card-title{color:#222;margin-bottom:12px;font-size:1.25rem;font-weight:600;line-height:1.4}.blog-card-excerpt{color:#666;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-pagination{justify-content:center;align-items:center;gap:10px;margin-top:auto;padding-top:45px;padding-bottom:10px;display:flex}.blog-pagination-pages{align-items:center;gap:6px;display:flex}.blog-pagination-button,.blog-pagination-number{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;min-width:42px;height:42px;padding:0 14px;font-size:.95rem;transition:all .2s}.blog-pagination-button{justify-content:center;align-items:center;display:flex}.blog-pagination-button:hover:not(:disabled),.blog-pagination-number:hover{background-color:#f0f0f0;border-color:#bbb}.blog-pagination-number.active{color:#fff;background-color:#313131;border-color:#313131}.blog-pagination-button:disabled{opacity:.45;cursor:not-allowed}.blog-pagination-button:disabled:hover{background-color:#fff;border-color:#ddd}@media (width<=768px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.blog-card-image{height:180px}.blog-card-content{padding:16px}.blog-card-title{font-size:1.1rem}.blog-card-excerpt{font-size:.9rem}}@media (width<=480px){.blog-container{padding:30px 15px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-image{height:160px}.blog-card-content{padding:15px}.blog-card-title{margin-bottom:10px;font-size:1rem}.blog-card-excerpt{font-size:.875rem}.blog-pagination{gap:6px;padding-top:35px}.blog-pagination-pages{gap:4px}.blog-pagination-button,.blog-pagination-number{min-width:38px;height:38px;padding:0 9px;font-size:.85rem}}