/* Consistent topic cards; scoped to this grid so product galleries are unchanged. */
html body #main-content .design-topic-grid{align-items:stretch;grid-auto-rows:1fr}
html body .design-topic-grid .design-topic-card{height:100%;min-width:0;background:#f5f8f9}
html body .design-topic-grid .design-topic-media{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:100%;aspect-ratio:16/10;overflow:hidden;background:#edf3f5;
}
html body .design-topic-grid .design-topic-media>img,
html body .design-topic-grid .design-topic-media>svg{
  display:block;width:100%!important;height:100%!important;max-height:none!important;
  min-height:0!important;object-fit:cover!important;aspect-ratio:auto!important;
  padding:0!important;margin:0!important;transform:none!important;
}
html body .design-topic-grid .design-topic-card>div{padding:24px;gap:0}
html body .design-topic-grid .design-topic-card h2{margin:0 0 12px}
html body .design-topic-grid .design-topic-card p{margin:0 0 20px}
html body .design-topic-grid .design-topic-card strong{margin-top:auto;line-height:1.5}
@media(max-width:640px){
  html body #main-content .design-topic-grid{gap:20px}
  html body .design-topic-grid .design-topic-card>div{padding:22px}
}