/* Shared collage-style masonry for equipment and fish species. */
html body .pedia-listing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start;margin:24px 0}
html body .pedia-listing.masonry-ready{grid-auto-rows:8px}
html body .pedia-listing>:is(.catalog-card,.species-card){display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;height:auto;min-width:0;align-self:start;background:#e6e7df!important;color:#090a0b;border:1px solid #ffffff20;border-radius:2px;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s}
html body .pedia-listing>:nth-child(9n+1){background:#f6c315!important}html body .pedia-listing>:nth-child(9n+4){background:#d1d6ce!important}
html body .pedia-listing :is(.catalog-photo,.species-image,.species-card-image){width:100%;height:auto;min-height:0;aspect-ratio:1.25;padding:22px 18px 14px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;font-size:56px;flex-shrink:0;box-sizing:border-box}
html body .pedia-listing>:nth-child(3n+2) :is(.catalog-photo,.species-image,.species-card-image){aspect-ratio:1}
html body .pedia-listing>:nth-child(5n) :is(.catalog-photo,.species-image,.species-card-image){aspect-ratio:1.5}
html body .pedia-listing :is(.catalog-photo,.species-image,.species-card-image) img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
html body .pedia-listing :is(.catalog-card-body,.species-info,.species-card-content){position:relative;width:100%;box-sizing:border-box;padding:16px 36px 18px 16px;background:#ffffff20;display:block;flex:1}
html body .pedia-listing :is(h2,h3,.species-name){color:#090a0b;font:750 16px/1.25 system-ui;letter-spacing:-.02em;white-space:normal;margin:4px 0 8px}
html body .pedia-listing :is(p,small,.species-scientific,.scientific-name,.catalog-price){color:#42473c;font-size:12px;line-height:1.5;margin:5px 0}
html body .pedia-listing .catalog-card-body>small{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
html body .pedia-listing .catalog-price{font-size:16px;font-weight:750}
html body .pedia-listing :is(.species-info,.species-card-content)::after{content:'↗';position:absolute;right:13px;bottom:16px;font-size:22px;color:#090a0b}
html body .pedia-listing .catalog-card button{color:#090a0b;background:none;border:0;border-bottom:2px solid #090a0b;padding:8px 0;font-weight:750;font-size:12px;margin-top:8px;border-radius:0}
html body .pedia-listing .species-tag{background:#0000000d;color:#33382f;border:0;border-radius:0;font-size:10px}
.pedia-fish-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.pedia-fish-controls select{background:#151617;color:#fff;border:1px solid #ffffff30;padding:12px}.pedia-fish-more{text-align:center;margin:24px 0 40px}.pedia-fish-more button{background:#f6c315;color:#090a0b;border:0;border-radius:2px;padding:14px 28px;font:800 15px system-ui;cursor:pointer}
@media(hover:hover){html body .pedia-listing>:is(.catalog-card,.species-card):hover{transform:scale(1.035);box-shadow:0 12px 35px #0008;z-index:2}}
@media(min-width:1600px){html body .pedia-listing{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){html body .pedia-listing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){html body .pedia-listing{gap:12px}html body .pedia-listing :is(.catalog-card-body,.species-info,.species-card-content){padding:12px 24px 14px 12px}html body .pedia-listing :is(h2,h3,.species-name){font-size:14px}html body .pedia-listing :is(.catalog-photo,.species-image,.species-card-image){padding:12px 8px}}
@media(prefers-reduced-motion:reduce){html body .pedia-listing>:is(.catalog-card,.species-card){transition:none}html body .pedia-listing>:is(.catalog-card,.species-card):hover{transform:none}}