.ocr-rulebook .entry > h3 { display: flex; align-items: baseline; gap: 12px; }
.ocr-rulebook .entry > h3::before { content: ""; flex: 0 0 22px; align-self: center; height: 30px; border-radius: 4px; background: #FBF8F1; box-shadow: inset 0 0 0 1px #DCE6E1; font-family: Georgia, "Times New Roman", serif; font-size: 15px; line-height: 30px; text-align: center; }
.ocr-suit-0 .entry > h3::before { content: "♥"; color: #A33A33; }
.ocr-suit-1 .entry > h3::before { content: "♠"; color: #10221C; }
.ocr-suit-2 .entry > h3::before { content: "♦"; color: #A33A33; }
.ocr-suit-3 .entry > h3::before { content: "♣"; color: #10221C; }