.blog-listing{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin:60px auto;max-width:1200px;padding:0 20px;width:100%}.blog-listing__post{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;box-shadow:0 4px 6px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.blog-listing__post:hover{border-color:rgba(161,83,231,.2);box-shadow:0 12px 24px rgba(0,0,0,.12),0 6px 12px rgba(0,0,0,.08);transform:translateY(-8px)}.blog-listing__post-image-wrapper{background:linear-gradient(135deg,#f5f7fa,#e4e9f0);height:240px;overflow:hidden;position:relative}.blog-listing__post-image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.blog-listing__post:hover .blog-listing__post-image{transform:scale(1.08)}.blog-listing__post-content{display:flex;flex-direction:column;flex-grow:1;padding:28px}.blog-listing__header{margin-bottom:16px}.blog-listing__post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.blog-listing__post-tag{background:linear-gradient(135deg,#a153e7,#8b3fd1);border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.blog-listing__post-tag:hover{background:linear-gradient(135deg,#8b3fd1,#7330ba);box-shadow:0 4px 8px rgba(161,83,231,.3);transform:translateY(-2px)}.blog-listing__post-title{color:#1a202c;font-size:22px;font-weight:700;line-height:1.4;margin:0 0 16px}.blog-listing__post-title-link{color:inherit;display:inline-block;text-decoration:none;transition:color .2s ease}.blog-listing__post-title-link:hover{color:#a153e7}.blog-listing__post-author{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;margin-bottom:12px;padding-bottom:12px}.blog-listing__post-author-image{border:2px solid #a153e7;border-radius:50%;box-shadow:0 2px 8px rgba(161,83,231,.2);height:48px;object-fit:cover;width:48px}.blog-listing__post-author-name{color:#2d3748;font-size:15px;font-weight:600;text-decoration:none;transition:color .2s ease}.blog-listing__post-author-name:hover{color:#a153e7}.blog-listing__post-timestamp{color:#718096;display:block;font-size:14px;font-weight:500;margin-bottom:16px}.blog-listing__post-summary{flex-grow:1;margin-bottom:20px}.blog-listing__post-summary p{color:#4a5568;font-size:15px;line-height:1.7;margin:0}.blog-listing__post-button-wrapper{display:flex;justify-content:flex-end;margin-top:auto}.button{align-items:center;background:linear-gradient(135deg,#a153e7,#8b3fd1);border:none;border-radius:8px;box-shadow:0 2px 4px rgba(161,83,231,.2);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.button:hover{background:linear-gradient(135deg,#8b3fd1,#7330ba);box-shadow:0 6px 12px rgba(161,83,231,.3);transform:translateY(-2px)}.button:active{box-shadow:0 2px 4px rgba(161,83,231,.2);transform:translateY(0)}@media (min-width:768px){.blog-listing--2-col{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.blog-listing--3-col{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.blog-listing--4-col{grid-template-columns:repeat(4,1fr)}}.blog-listing__post.card--dark{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:hsla(0,0%,100%,.1)}.card--dark .blog-listing__post-author-name,.card--dark .blog-listing__post-title{color:#fff}.card--dark .blog-listing__post-summary p,.card--dark .blog-listing__post-timestamp{color:#cbd5e0}.card--dark .blog-listing__post-author{border-bottom-color:hsla(0,0%,100%,.1)}.blog-listing__post.card--light{background:#fafbfc;border-color:#e2e8f0}@media (min-width:768px){.blog-listing--list{display:flex;flex-direction:column;gap:24px}.blog-listing__post--list{border-radius:12px;flex-direction:row}.blog-listing__post-image-wrapper--list{height:auto;min-height:280px;width:35%}.blog-listing__post-content--list{width:65%}}@media (prefers-reduced-motion:reduce){.blog-listing__post,.blog-listing__post-image,.blog-listing__post-tag,.button{transition:none}}@media print{.blog-listing{display:block}.blog-listing__post{page-break-inside:avoid;border:1px solid #ddd;box-shadow:none;margin-bottom:20px}.button{display:none}}