/* The species bot (SpeciesSite): its home card and its hub's search. Its pages are every bank's (bank.css), its side box the column's (public.css). */
.flk-sp-eyebrow{font-size:.85rem;font-weight:750;color:var(--teal-ink,#6fe0d8);margin:0 0 8px}
.flk-sp-scientific{font-style:italic;font-size:.9rem;opacity:.8;text-align:right;overflow-wrap:anywhere;margin:4px 0 12px}
.flk-sp-home{overflow:hidden}
.flk-sp-home-photo{position:relative;display:block}
.flk-sp-home-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.flk-sp-home-photo span{position:absolute;bottom:12px;right:12px;background:#102333dd;color:#fff;border-radius:20px;padding:4px 12px;font-size:.8rem}
.flk-sp-home-copy{padding:18px}
.flk-sp-home-copy h3{margin:0;font-size:1.4rem}
.flk-sp-home-copy h3 a{color:inherit}
.flk-sp-home-copy>p{line-height:1.9}
.flk-sp-home-links{display:flex;gap:12px;flex-wrap:wrap;font-size:.85rem}
.flk-sp-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 0 0 16px; }
.flk-sp-find { display: flex; align-items: center; gap: 8px; flex: 0 1 22rem; min-width: 0; padding: 0 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.flk-sp-find:focus-within { border-color: var(--teal); box-shadow: 0 0 0 3px var(--teal-soft); }
.flk-sp-find .flk-i { width: 18px; height: 18px; flex: none; color: var(--muted); }
.flk-sp-find input { flex: 1; min-width: 0; padding: 10px 0; border: 0; background: transparent; color: var(--fg); font: inherit; outline: none; }
.flk-sp-filters { display: flex; flex-wrap: wrap; gap: 8px; }
.flk-sp-filters .flk-chip[aria-pressed="true"] { border-color: var(--teal); background: var(--teal-soft); color: var(--teal-ink); }
.flk-sp-entry[hidden] { display: none; }
.flk-sp-sci { color: var(--muted); font-size: .8rem; font-style: italic; text-align: left; overflow-wrap: anywhere; }
.flk-sp-empty { color: var(--muted); }