.material-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:1.25rem}
.material-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #d9e1ec;border-radius:.85rem;background:#fff;box-shadow:0 8px 25px #0e2f5a0a}
.material-card__image-link{display:block;background:#f5f7fa}
.material-card__image{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.material-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:1.1rem}
.material-card__family{margin:0 0 .55rem;color:#1e5bb8;font-size:.73rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.material-card h3{margin:0 0 .8rem;font-size:1.03rem;line-height:1.35;overflow-wrap:anywhere}
.material-card h3 a{color:#0e2f5a;text-decoration:none}
.material-card h3 a:hover,.material-card h3 a:focus-visible{text-decoration:underline}
.material-card .basis-availability{display:inline-flex;align-items:center;gap:.4rem;margin:.1rem 0 .9rem;padding:.35rem .6rem;border:1px solid #d9e1ec;border-radius:999px;background:#f1f6fd;color:#0e2f5a;font-size:.83rem;font-weight:700;line-height:1.2}
.material-card .basis-availability span{flex:none;width:.45rem;height:.45rem;border-radius:50%;background:#1e5bb8}
.material-card__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;color:#1e5bb8;font-size:.9rem;font-weight:750;text-decoration:none}
.material-card__cta:hover,.material-card__cta:focus-visible{text-decoration:underline}
@media(max-width:749px){.material-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.material-card__body{padding:.85rem}.material-card h3{font-size:.91rem}}