.rule-guide { margin: 12px 0; padding: 12px; border: 1px solid #a38a5b66; border-radius: 10px; font-size: 13px; overflow-wrap: anywhere; }
.rule-guide summary { cursor: pointer; font-weight: 600; }
.rule-guide article { padding: 10px 0; border-bottom: 1px solid #a38a5b33; }
.rule-guide p { margin: 5px 0; }
.rule-guide .eligible { border-left: 3px solid #63a271; padding-left: 8px; }
.rule-guide .ineligible { border-left: 3px solid #b88337; padding-left: 8px; }
.rule-position-label { position: absolute; bottom: 3px; left: 3px; right: 3px; background: #111b28df; color: #eed7a7; font-size: 11px; text-align: center; white-space: normal; z-index: 2; padding: 2px; }
[data-position]:has(> .rule-position-label) { position: relative; }
.rule-display-only > img { opacity: .5; }

.rule-targets img { width: 30px; height: 30px; object-fit: contain; vertical-align: middle; }