#breed-guide [hidden] { display: none !important; }
.breed-browser { max-height: 740px; overflow-y: auto; padding: 2px; }
#breed-guide .breed-entry { color: var(--bs-body-color); border: 1px solid var(--rr-burgundy, #7A3948); }
#breed-guide .breed-entry:hover, #breed-guide .breed-entry.is-selected { border-color: var(--rr-burgundy, #7A3948); background: var(--bs-tertiary-bg, #f6f3ed); }
.breed-portrait-stage { display: grid; place-items: center; background: #faf6ed; }
#breed-guide .breed-portrait-stage img { display: block; width: 100%; max-width: 460px; height: auto; max-height: none; object-fit: contain; }
#breed-preview-missing { min-height: 240px; display: grid; place-items: center; }
.breed-color-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); gap: 10px; }
#breed-guide .breed-color-tile { border: 1px solid var(--rr-border, #E3DDD2); border-radius: 10px; background: var(--bs-body-bg, #fff); color: inherit; padding: 8px; }
#breed-guide .breed-color-tile[aria-pressed="true"] { border: 2px solid var(--rr-burgundy, #7A3948); padding: 7px; }
#breed-guide .breed-color-tile img { display: block; width: 100%; max-width: 100%; height: auto; max-height: none; object-fit: contain; background: #faf6ed; border-radius: 6px; }
.breed-tile-missing { display: grid; align-items: center; min-height: 95px; }
.breed-guide-copy { white-space: pre-line; overflow-wrap: anywhere; }
#breed-guide .breed-entry:focus-visible, #breed-guide .breed-color-tile:focus-visible { outline: 3px solid var(--rr-burgundy, #7A3948); outline-offset: 2px; }
@media (max-width: 991px) { .breed-browser { max-height: 280px; } }