/* v0.4.34 — official problem artwork, category colors and card links. */
.meom-problem-card{
  --meom-problem-color:#7030A0;
}
.meom-problem-card-link{
  display:block;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
}
.meom-problem-card-link:focus-visible{
  outline:4px solid var(--meom-problem-color);
  outline-offset:5px;
}
.meom-problem-card-link:focus-visible h3,
.meom-problem-card-link:hover h3{color:var(--meom-problem-color)}
.meom-problem-card-media{
  height:158px;
  display:grid;
  place-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.meom-problem-card-media-branded{
  background:var(--meom-problem-color)!important;
}
.meom-problem-card-media-branded:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 48%,rgba(45,25,67,.12));
  pointer-events:none;
}
/* The icon intentionally exceeds the media rectangle and is clipped by it. */
.meom-problem-card-media .meom-problem-brand-icon{
  display:block;
  width:190px!important;
  height:auto!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:rotate(25deg);
  transform-origin:center;
  filter:drop-shadow(0 7px 8px rgba(45,25,67,.18));
}
/* Do not lay a separate splatter over the supplied problem artwork. */
.meom-problem-card-media-branded:after{display:none!important}

/* An editor-selected image remains a full-bleed replacement for the default icon. */
.meom-problem-card-media .meom-problem-custom-image{
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  transform:none!important;
}
.meom-problem-card-copy{border-top:4px solid var(--meom-problem-color)}
.meom-problem-card .meom-problem-meta span:first-child{color:var(--meom-problem-color)}

@media(max-width:650px){
  .meom-problem-card-media{height:150px}
  .meom-problem-card-media .meom-problem-brand-icon{width:185px!important}
}

@media print{
  .meom-problem-card-media .meom-problem-brand-icon{filter:none}
}