.m-blog-listing{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1024px){.m-blog-listing{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.m-blog-listing{grid-template-columns:1fr}}.m-card{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:0;box-shadow:none;contain-intrinsic-size:432px 384px;content-visibility:auto;overflow:hidden;position:relative;transition:transform .15s ease,box-shadow .15s ease}.m-card__media{background:#f4f6f8;display:block}.m-card__media img{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;transform:translateZ(0);transition:transform .35s ease;width:100%}.m-card__body{padding:16px 18px 18px}.m-card__title{font-family:Space Mono,monospace,Helvetica;font-size:clamp(18px,2.4vw,20px);font-weight:700;line-height:1.25;margin:0 0 8px}.m-card__title a,.m-card__title a:active,.m-card__title a:focus,.m-card__title a:hover{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition:text-decoration-color .2s}.m-card__meta{color:#6b7280;font-size:14px;margin:0}.m-card:is(:hover,:focus-within){border-color:rgba(0,0,0,.12);box-shadow:0 12px 26px rgba(0,0,0,.08);transform:translateY(-3px)}.m-card:is(:hover,:focus-within) .m-card__media img{transform:scale(1.03)}.m-card:is(:hover,:focus-within) .m-card__title a{text-decoration:underline}.m-card a:focus-visible{border-radius:4px;outline:2px solid #111827;outline-offset:2px}.m-card:active{transform:translateY(0)}.m-card:active .m-card__media img{transform:scale(1.01)}@media (prefers-reduced-motion:reduce){.m-card,.m-card__media img,.m-card__title a{transition:none}}