.blog-listing__container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.blog-listing__header{margin-bottom:3rem;text-align:center}.blog-listing__title{color:#111827;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-listing__subtitle{color:#6b7280;font-size:1.125rem;margin:0 auto;max-width:600px}.blog-listing__grid{display:grid;gap:2rem;margin-bottom:2rem}.blog-listing__grid--1-col{grid-template-columns:1fr}.blog-listing__grid--2-col,.blog-listing__grid--3-col{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-listing__grid--4-col{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.blog-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.blog-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-4px)}.blog-card__image{display:block;height:200px;overflow:hidden;width:100%}.blog-card__image img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__content{display:flex;flex:1;flex-direction:column;padding:1.5rem}.blog-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.blog-card__tag{background-color:#f3f4f6;border-radius:9999px;color:#374151;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:uppercase}.blog-card__date{color:#6b7280;font-size:.875rem}.blog-card__title{font-size:1.25rem;font-weight:600;line-height:1.4;margin:0 0 1rem}.blog-card__title a{color:#111827;text-decoration:none;transition:color .2s}.blog-card__title a:hover{color:#2563eb}.blog-card__description{color:#6b7280;flex:1;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.blog-card__author{color:#6b7280;font-size:.875rem;margin-bottom:1rem}.blog-card__cta{align-self:flex-start;border-radius:.375rem;color:#fff;display:inline-block;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;text-align:center;text-decoration:none;transition:opacity .2s,transform .2s}.blog-card__cta:hover{opacity:.9;transform:translateY(-1px)}.blog-pagination{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:3rem}.blog-pagination__list{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0}.blog-pagination__item{margin:0}.blog-pagination__link{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;color:#374151;display:inline-flex;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.blog-pagination__link:hover:not(.blog-pagination__link--disabled):not(.blog-pagination__link--active){background-color:#f9fafb;border-color:#d1d5db;color:#111827}.blog-pagination__link--active{color:#fff;cursor:default}.blog-pagination__link--disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.blog-pagination__link--next,.blog-pagination__link--prev{gap:.25rem}.blog-pagination__ellipsis{align-items:center;color:#6b7280;display:inline-flex;font-weight:500;height:2.5rem;justify-content:center;min-width:2.5rem}.blog-pagination__summary{color:#6b7280;font-size:.875rem;text-align:center}.blog-listing__empty{color:#6b7280;padding:3rem 1rem;text-align:center}.blog-listing__footer{margin-top:2rem;text-align:center}.blog-listing__view-all{border-radius:.375rem;display:inline-block;font-weight:500;padding:.75rem 2rem;text-decoration:none;transition:opacity .2s}.blog-listing__view-all:hover{opacity:.8}@media (max-width:640px){.blog-listing__title{font-size:2rem}.blog-pagination__link--next span,.blog-pagination__link--prev span{display:none}.blog-pagination__link--prev:before{content:"←"}.blog-pagination__link--next:after{content:"→"}.blog-listing__grid--3-col,.blog-listing__grid--4-col{grid-template-columns:1fr}}