/* Related profiles, source notes and the mobile action for species guides. */
.species-similar { background: var(--surface-warm); }
.species-similar > div { display: grid; gap: 7px; margin-top: 10px; }
.species-similar a { display: flex; align-items: center; gap: 9px; min-height: 48px; padding: 6px 9px; color: var(--text-primary); background: var(--surface-card); border-radius: var(--radius-media); }
.species-similar img { width: 36px; height: 36px; flex: none; object-fit: cover; border-radius: var(--radius-xs); }
.species-similar a > span { flex: 1; min-width: 0; }
.species-similar strong,
.species-similar small { display: block; }
.species-similar strong { font-size: 11.5px; }
.species-similar small { color: var(--text-muted); font-size: 9.5px; }
.species-similar b { color: var(--text-muted); font-size: 13px; }
.species-sources { background: color-mix(in srgb, var(--surface-sky) 45%, var(--surface-page)); }
.species-sources ul { margin: 10px 0 0; padding-inline-start: 17px; font-size: 10.5px; }
.species-report-link { display: inline-block; margin-top: 10px; font-size: 11.5px; font-weight: 600; }
.species-mobile-action { position: fixed; inset-inline: 10px; bottom: calc(var(--nav-h) + 10px); z-index: 25; padding: 10px 12px; background: var(--surface-card); border-radius: var(--radius-listing); box-shadow: var(--shadow-nav); }
.species-mobile-action a { display: grid; place-items: center; min-height: 48px; color: var(--action-ink); background: var(--action-primary); border-radius: var(--radius-pill); font-size: 14px; font-weight: 600; }