.genus-browser{margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid #dce2d5;min-width:0}.genus-browser-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.genus-browser h2{font-size:1.6rem;letter-spacing:-.025em;margin:0}.genus-browser-tools{display:flex;align-items:center;gap:14px}.genus-browser-search input{width:165px;max-width:100%;padding:7px 10px;background:#f2f4ea;color:#234b34;border:1px solid #d8e0d0;border-radius:30px;font-size:.78rem}.genus-browser-clear{font-size:.78rem;white-space:nowrap;border-bottom:1px solid #8da083}.genus-browser-arrows{display:flex;gap:7px}.genus-browser-arrows button{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c9d4c1;border-radius:50%;background:transparent;color:#234b34;line-height:1}.genus-browser-arrows button:hover{background:#e7eedf}.genus-browser-arrows button:disabled{opacity:.3}.genus-track{list-style:none;display:flex;gap:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#bdcbb2 transparent;margin:0;padding:5px 3px 12px}.genus-track>li{flex:0 0 120px;scroll-snap-align:start;min-width:0}.genus-tile{display:block;text-align:center;border-radius:16px;padding:3px;color:#244a32}.genus-tile-image{display:block;position:relative;width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#ecf0e3;outline:1px solid #dce3d4;outline-offset:-1px}.genus-tile-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.genus-tile-image.is-illustration img{object-fit:contain;padding:7px}.genus-tile-image svg{width:65%;height:65%;margin:17.5%;color:#7c9474}.genus-tile:hover .genus-tile-image img{transform:scale(1.05)}.genus-tile-name{display:block;font-size:.78rem;line-height:1.3;margin-top:9px;font-weight:600;overflow-wrap:anywhere}.genus-tile-count{display:block;font-size:.68rem;color:#6d7e63;margin-top:3px}.genus-tile.is-selected .genus-tile-image{outline:3px solid #234b34;outline-offset:0}.genus-tile-check:not(:empty){position:absolute;top:6px;right:6px;display:grid;place-items:center;border-radius:50%;background:#234b34;color:#fff;width:23px;height:23px;font-size:14px}.genus-browser-empty{font-size:.8rem;margin:12px 0 0;color:#66765f}.genus-browser [hidden]{display:none!important}.genus-track:focus-visible{outline:2px solid #a9be44;outline-offset:4px}@media(max-width:600px){.genus-browser-head{flex-wrap:wrap;gap:12px}.genus-browser h2{font-size:1.45rem}.genus-browser-tools{flex:1;justify-content:flex-end;gap:10px}.genus-browser-search{flex:1;min-width:110px}.genus-browser-search input{width:100%}.genus-track{gap:10px}.genus-track>li{flex-basis:102px}.genus-browser{margin-bottom:22px}.genus-tile-name{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.genus-tile-image img{transition:none}}
.genus-alphabet{display:flex;flex-wrap:wrap;gap:3px;margin:0 0 13px;align-items:center}
.genus-alphabet button{border:0;background:transparent;color:#6c7b64;font:300 .75rem/1.2 Arial,Helvetica,sans-serif;letter-spacing:.04em;min-width:27px;min-height:28px;padding:5px 6px;border-radius:5px;cursor:pointer}
.genus-alphabet button:hover:not(:disabled){color:#244a32;background:#eef1e8}.genus-alphabet button[aria-current]{color:#34583b;background:#eef1e8}
.genus-alphabet button:disabled{color:#bac3b4;opacity:1;cursor:default}
.genus-track.is-looping{scroll-snap-type:none;scrollbar-width:none}.genus-track.is-looping::-webkit-scrollbar{display:none}
@media(max-width:600px){.genus-alphabet{gap:1px;margin-bottom:11px}.genus-alphabet button{min-width:24px;min-height:28px;padding:5px;font-size:.7rem}}

/* A single compact row for alphabet, search and carousel controls. */
.genus-browser .genus-browser-head{flex-wrap:nowrap;gap:16px;margin-bottom:15px;min-width:0}
.genus-browser-head .genus-alphabet{flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c5cfbd transparent}
.genus-browser-head .genus-alphabet button{flex:1 0 25px;min-width:25px;padding:5px 4px;min-height:34px}
.genus-browser-head .genus-browser-tools{flex:0 0 auto;gap:10px}
.genus-browser-head .genus-browser-search{flex:0 0 auto;min-width:0}
.genus-browser-head .genus-browser-search input{width:145px}
@media(max-width:600px){
 .genus-browser .genus-browser-head{gap:8px}
 .genus-browser-head .genus-browser-tools{gap:6px}
 .genus-browser-head .genus-browser-search input{width:104px;font-size:16px;padding:7px 8px}
 .genus-browser-head .genus-browser-search input::placeholder{font-size:11px}
 .genus-browser-head .genus-alphabet button{flex:0 0 27px;min-height:38px}
 .genus-browser-head .genus-browser-arrows{gap:3px}
 .genus-browser-head .genus-browser-arrows button{width:32px;height:38px}
 .genus-browser-head .genus-browser-clear{font-size:10px;max-width:32px;white-space:normal;line-height:1.3}
}