.related-posts{display:grid;gap:var(--block-spacing);grid-template-columns:repeat(auto-fit,minmax(min(100%,32rem),1fr));margin-bottom:var(--block-spacing);margin-top:0}.related-posts .section-title{color:hsl(var(--foreground));font-size:2rem;font-weight:800;grid-column:1/-1;margin-bottom:0;margin-top:0}.related-posts .card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;height:100%;overflow:hidden;padding:0;text-decoration:none;transition:all .2s ease}.related-posts .card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgba(0,0,0,.05)}.related-posts .card:hover .title{color:hsl(var(--primary))}.related-posts .card:hover .arrow svg{color:hsl(var(--primary));transform:translateX(4px)}.related-posts .image{background:#f1f5f9;flex-shrink:0;height:100%;margin:0;min-height:100px;width:100px}@media(min-width:640px){.related-posts .image{width:140px}}.related-posts .image img{height:100%;object-fit:cover;width:100%}.related-posts .content{display:flex;flex:1;flex-direction:column;justify-content:center;padding:1.6rem}.related-posts .cat{color:hsl(var(--primary));font-size:1.2rem;font-weight:700;letter-spacing:.5px;margin-bottom:.8rem;text-transform:uppercase}.related-posts .title{color:hsl(var(--foreground));font-size:1.6rem;font-weight:700;line-height:1.4;margin:0;transition:color .2s ease}.related-posts .arrow{align-items:center;display:flex;flex-shrink:0;justify-content:center;padding:1.6rem}.related-posts .arrow svg{color:#94a3b8;transition:all .2s ease}