
.htry-bsp-grid{--bsp-blue:#38afd7;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;width:100%;font-family:inherit}
.htry-bsp-grid *{box-sizing:border-box}
.htry-bsp-grid .htry-bsp-card{display:flex;flex-direction:column;min-width:0;margin:0;background:#fff;border:0;border-radius:6px;overflow:hidden;box-shadow:0 3px 12px rgba(20,30,40,.10);transition:box-shadow .2s}
.htry-bsp-grid .htry-bsp-card:hover{box-shadow:0 6px 20px rgba(20,30,40,.15)}
.htry-bsp-grid .htry-bsp-cover{position:relative;aspect-ratio:1.72/1;overflow:hidden;background:#eaf7fc}
.htry-bsp-grid .htry-bsp-image-link,.htry-bsp-grid .htry-bsp-image{display:block;width:100%;height:100%;margin:0;border:0;border-radius:0;object-fit:cover}
.htry-bsp-grid .htry-bsp-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--bsp-blue);background:#eaf7fc}
.htry-bsp-grid .htry-bsp-placeholder svg{width:56px;height:56px}
.htry-bsp-grid .htry-bsp-badge{position:absolute;bottom:24px;left:16px;max-width:calc(100% - 32px);padding:6px 13px;border-radius:40px;background:var(--bsp-blue);color:#fff;font-size:13px;font-weight:700;line-height:1.3;overflow-wrap:anywhere;pointer-events:none}
.htry-bsp-grid .htry-bsp-body{display:flex;flex-direction:column;flex:1;padding:26px 24px 28px}
.htry-bsp-grid .htry-bsp-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:16px}
.htry-bsp-grid .htry-bsp-icon{display:flex;flex:0 0 30px;justify-content:center;padding-top:6px;color:var(--bsp-blue)}
.htry-bsp-grid .htry-bsp-icon svg{width:22px;height:22px;stroke:currentColor}
.htry-bsp-grid .htry-bsp-title{font-family:inherit;font-size:22px;font-weight:700;line-height:1.4;letter-spacing:-.4px;margin:0;padding:0;overflow-wrap:anywhere}
.htry-bsp-grid .htry-bsp-title a{color:#212329;text-decoration:none;box-shadow:none}
.htry-bsp-grid .htry-bsp-title a:hover,.htry-bsp-grid .htry-bsp-title a:focus{color:var(--bsp-blue)}
.htry-bsp-grid .htry-bsp-excerpt{font-size:17px;line-height:1.55;color:#737b8b;margin:0 0 22px;padding:0;overflow-wrap:anywhere}
.htry-bsp-grid a.htry-bsp-read{display:inline-flex;align-items:center;align-self:flex-start;gap:10px;margin-top:auto;color:var(--bsp-blue);font-size:17px;line-height:1.5;font-weight:700;text-decoration:none;box-shadow:none}
.htry-bsp-grid a.htry-bsp-read:hover,.htry-bsp-grid a.htry-bsp-read:focus{color:var(--bsp-blue);text-decoration:underline}
.htry-bsp-grid a:focus-visible{outline:2px solid var(--bsp-blue);outline-offset:3px}
@media(max-width:1024px){.htry-bsp-grid{gap:20px}.htry-bsp-grid .htry-bsp-body{padding:20px 18px}.htry-bsp-grid .htry-bsp-heading{gap:12px}.htry-bsp-grid .htry-bsp-title{font-size:20px}.htry-bsp-grid .htry-bsp-excerpt{font-size:16px}}
@media(max-width:767px){.htry-bsp-grid{grid-template-columns:1fr;gap:24px}}

/* Image zoom on card hover or keyboard focus. */
.htry-bsp-grid .htry-bsp-image{transition:transform .35s ease}
.htry-bsp-grid .htry-bsp-card:hover .htry-bsp-image,
.htry-bsp-grid .htry-bsp-card:focus-within .htry-bsp-image{transform:scale(1.05)}
@media(prefers-reduced-motion:reduce){.htry-bsp-grid .htry-bsp-image{transition:none}.htry-bsp-grid .htry-bsp-card:hover .htry-bsp-image,.htry-bsp-grid .htry-bsp-card:focus-within .htry-bsp-image{transform:none}}
