.learnCardArt{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  height:auto;
  aspect-ratio:3/2;
}
.learnCover{
  display:block;
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}
.learnSticker,.learnArtCaption{z-index:1}
.learnSticker{top:12px;left:12px;background:#fffffff0;box-shadow:0 2px 12px #0001}
.learnArtCaption{bottom:12px;max-width:calc(100% - 24px);padding:7px 12px;border-radius:9px;background:#fffffff0;box-shadow:0 2px 12px #0001;text-align:center}
.learnQuickPanel{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  padding:24px 26px;
  overflow:hidden;
}
.learnQuickPanel .sectionHead{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-bottom:0;
  gap:8px;
}
.learnQuickPanel .sectionHead > div{
  min-width:0;
  max-width:100%;
}
.learnQuickPanel .panelEyebrow,
.learnQuickPanel .sectionHead h3,
.learnQuickPanel p{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.learnQuickPanel .sectionHead h3{
  display:block;
  position:static;
}
.learnQuickPanel p{margin:0}
.learnQuickChips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
}
.learnQuickChips span{
  max-width:100%;
  box-sizing:border-box;
  white-space:normal;
}
.learnQuickPanel .learnPrimary{
  width:auto!important;
  max-width:100%!important;
  align-self:flex-start;
  box-sizing:border-box;
  white-space:normal;
}
body.ranking-off .learnQuickPanel{max-width:720px}
@media(max-width:600px){
  .learnCardArt{height:auto;aspect-ratio:3/2}
}