/* Diagrams stay vector-sharp at every screen density. */
.resource-art.resource-infographic{padding:0;background:#faf9fc;aspect-ratio:2/1;height:auto;overflow:hidden;border-color:#ded8e7;box-shadow:0 4px 14px #30224006}
.resource-infographic img{display:block;height:100%;width:100%;object-fit:contain;transition:transform .3s}
.resource-grid>a:hover .resource-infographic{transform:translateY(-4px)}
.resource-grid>a:hover .resource-infographic img{transform:scale(1.025)}
.context-strip .integration-grid>a>span{opacity:1;transform:none;color:#99919f;font-size:10px}
@media(min-width:1100px){.resource-grid{grid-template-columns:repeat(2,1fr);gap:36px 26px}.resource-art.resource-infographic{max-height:285px}.resource-grid h3{font-size:22px;max-width:370px;line-height:1.2}}
@media(max-width:760px){.resource-art.resource-infographic{min-height:0}}
@media(prefers-reduced-motion:reduce){.resource-infographic img{transition:none}.resource-grid>a:hover .resource-infographic img{transform:none}}