.blog-listing__head{max-width:38rem;margin-bottom:clamp(2.5rem,5vw,4rem)}
.blog-listing__head h2{margin:.3rem 0;letter-spacing:-.055em;line-height:1.03}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.blog-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--dap-border);border-radius:1.1rem;background:var(--dap-surface);box-shadow:0 12px 28px rgba(17,31,87,.05);transition:transform .2s ease,box-shadow .2s ease}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(17,31,87,.12)}
.blog-card__visual{display:grid;min-height:12.5rem;place-items:center;overflow:hidden;background:linear-gradient(135deg,#23327d,#8c5bf5);color:#fff}
.blog-card__visual img{width:100%;height:100%;object-fit:cover}.blog-card__visual span{display:grid;width:4rem;height:4rem;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:1.6rem;background:rgba(255,255,255,.12)}
.blog-card__copy{display:grid;flex:1;align-content:start;gap:1rem;padding:1.45rem}.blog-card__meta{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;color:var(--dap-muted);font-size:.76rem;font-weight:700}.blog-card__meta span{color:var(--dap-accent);font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.blog-card h3{margin:0;font-size:1.24rem;line-height:1.3;letter-spacing:-.035em}.blog-card h3 a:hover{color:var(--dap-accent)}.blog-card p{margin:0;color:var(--dap-ink-soft);font-size:.92rem;line-height:1.65}
.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:.35rem;color:var(--dap-muted);font-size:.75rem;font-weight:700}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-card__visual{min-height:13rem}.blog-card__footer{align-items:flex-start;flex-direction:column}}