/* Short casino cards on /test/ ([ocr_check_cards], reviews-ui.php): rank chip + logo + name, strength line, three facts, link to the review. 1 column, 2 from 720px. Hover = gold glow, nothing moves. */
.check-cards { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 8px 0 12px; padding: 0; list-style: none; }
.check-cards .check-cards-item { display: flex; flex-direction: column; margin: 0; padding: 18px; border: 1px solid #DCE6E1; border-radius: 14px; background: #FFFFFF; list-style: none; transition: border-color 0.2s, box-shadow 0.2s; }
.check-cards .check-cards-item:hover, .check-cards .check-cards-item:focus-within { border-color: #EFB93F; box-shadow: 0 0 0 1px rgba(239, 185, 63, 0.55), 0 6px 24px -6px rgba(239, 185, 63, 0.35); }
.check-cards .check-cards-head { display: flex; align-items: center; gap: 12px; }
.check-cards .check-cards-rank { display: flex; flex: 0 0 34px; align-items: center; justify-content: center; width: 34px; height: 34px; border: 2px dashed #FFFFFF; border-radius: 50%; background: #EFB93F; box-shadow: 0 0 0 2px #EFB93F; color: #041A13; font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif; font-size: 15px; font-weight: 700; line-height: 1; }
.check-cards .check-cards-logo { display: block; flex: 0 0 110px; width: 110px; height: 44px; overflow: hidden; border: 1px solid #DCE6E1; border-radius: 8px; background: #FFFFFF; }
.check-cards .check-cards-image { display: block; width: 110px; height: 44px; }
.check-cards .check-cards-names { display: flex; flex-direction: column; min-width: 0; }
.check-cards .check-cards-name { margin: 0; color: #0E2A22; font-family: "Libre Caslon Text", Georgia, "Times New Roman", serif; font-size: 18px; font-weight: 700; line-height: 22px; }
.check-cards .check-cards-since { color: #3D554D; font-size: 12px; line-height: 16px; }
.check-cards .check-cards-strength { flex: 1 1 auto; margin: 12px 0; color: #0E2A22; font-size: 15px; line-height: 22px; }
.check-cards .check-cards-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0 0 14px; padding: 10px 0 0; border-top: 1px dashed #DCE6E1; }
.check-cards .check-cards-fact { margin: 0; min-width: 0; }
.check-cards .check-cards-term { margin: 0 0 2px; color: #3D554D; font-size: 11px; font-weight: 600; line-height: 14px; letter-spacing: 0.8px; text-transform: uppercase; }
.check-cards .check-cards-value { margin: 0; color: #0E2A22; font-size: 14px; font-weight: 600; line-height: 19px; overflow-wrap: break-word; }
.check-cards .check-cards-link { align-self: flex-start; min-height: 42px; color: #0E2A22; font-size: 15px; font-weight: 600; text-decoration: none; }

@media (min-width: 720px) {
  .check-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
  .check-cards .check-cards-item { transition: none; }
}