/* Checklist discovery cards. The image is fixed-size on desktop and full-width on small screens. */
.checklist-result-card { --checklist-hero-width: 220px; --checklist-hero-height: 120px; padding: .65rem; overflow: hidden; color: var(--bs-body-color); }
.checklist-result-main { display: grid; grid-template-columns: var(--checklist-hero-width) minmax(0, 1fr); gap: .85rem; height: var(--checklist-hero-height); min-width: 0; }
.checklist-result-image { display: block; width: var(--checklist-hero-width); height: var(--checklist-hero-height); overflow: hidden; border-radius: .65rem; }
.checklist-result-image > div { width: 100% !important; height: 100% !important; }
.checklist-result-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.checklist-result-info { min-width: 0; display: flex; flex-direction: column; gap: .25rem; overflow: hidden; }
.checklist-result-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 1.2rem; font-weight: 650; line-height: 1.25; color: var(--bs-body-color); text-decoration: none; }
.checklist-result-title:hover { text-decoration: underline; }
.checklist-result-categories { display: flex; flex-shrink: 0; align-items: center; gap: .35rem; min-height: 17px; white-space: nowrap; overflow: hidden; font-size: .7rem; }
.checklist-result-categories .badge { font-size: .67rem; font-weight: 500; text-transform: capitalize; }
.checklist-result-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin: 0; line-height: 1.25; font-size: .81rem; color: var(--bs-secondary-color); }
.checklist-result-footer { border-top: 1px solid var(--bs-border-color); margin-top: .6rem; padding: .55rem .15rem 0; display: grid; grid-template-columns: minmax(0, 1fr) 44px auto; align-items: center; gap: .7rem; }
.checklist-result-author { display: flex; align-items: center; min-width: 0; gap: .5rem; }
.checklist-result-avatar { flex-shrink: 0; border-radius: 50%; height: 29px; width: 29px; object-fit: cover; }
.checklist-result-avatar-fallback { display: inline-flex; justify-content: center; align-items: center; color: #fff; background: #516276; }
.checklist-result-author-text { display: flex; flex-direction: column; min-width: 0; font-size: .7rem; line-height: 1.3; }
.checklist-result-author-text > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.checklist-result-author-text time { font-size: .66rem; color: var(--bs-secondary-color); }
.checklist-result-share { justify-self: center; display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 34px; padding: 5px; border: none; border-radius: 50%; }
.checklist-result-stats { display: flex; align-items: center; gap: .9rem; }
.checklist-result-stat { display: flex; flex-direction: column; align-items: center; gap: 1px; min-width: 27px; font-size: .66rem; font-variant-numeric: tabular-nums; color: var(--bs-secondary-color); }
.checklist-result-stat svg { fill: currentColor; }
@media (max-width: 700px) {
  .checklist-result-main { display: flex; flex-direction: column; gap: .6rem; height: auto; }
  .checklist-result-image { width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .checklist-result-image > div { width: 100% !important; height: 100% !important; }
  .checklist-result-info { gap: .3rem; overflow: visible; }
  .checklist-result-title { font-size: 1.07rem; }
  .checklist-result-description { -webkit-line-clamp: 3; }
  .checklist-result-footer { grid-template-columns: minmax(0, 1fr) 34px auto; gap: .3rem; }
  .checklist-result-stats { gap: .45rem; }
  .checklist-result-stat-views, .checklist-result-stat-runs { display: none; }
  .checklist-result-stat { min-width: 24px; }
}