.fish-heading{margin-bottom:28px}.fish-heading h1{margin:8px 0 12px}
.fish-tools{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap;background:var(--blue-soft);border:1px solid var(--line);padding:16px;border-radius:12px;margin-bottom:24px}
.fish-tools[hidden],.fish-card[hidden]{display:none}
.fish-tools input,.fish-tools select{font:inherit;color:var(--ink);padding:8px 12px;border-radius:6px;border:1px solid var(--control-border);background:white;max-width:100%}
.fish-tools p{margin-left:auto;color:var(--dim)}
.fish-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.fish-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.fish-card a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.fish-art{aspect-ratio:1.65;background:#fff;padding:16px}
.fish-art img,.fish-plate img{width:100%;height:100%;object-fit:contain}
.fish-copy{display:grid;gap:7px;padding:18px;border-top:1px solid var(--line);flex:1}
.fish-copy h2{font-size:1.65rem}.fish-copy p:not(.eyebrow){color:var(--dim)}
.fish-card a:hover h2{text-decoration:underline;text-underline-offset:4px}
.fish-plate{border:1px solid var(--line);border-radius:12px;padding:20px;background:white;height:clamp(210px,39vw,470px)}
.fish-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.fish-jumps a{background:var(--blue-soft);padding:7px 11px;border-radius:6px}
.fish-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.fish-detail section{background:white;border:1px solid var(--line);padding:clamp(14px,2vw,24px);border-radius:10px;scroll-margin-top:18px}
.fish-detail section:first-child{grid-column:1/-1;background:var(--blue-soft)}
.fish-detail h2{font-size:clamp(1.4rem,3vw,2rem);margin-bottom:10px}
.fish-sources{margin:18px 0}
@media(max-width:820px){.fish-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.fish-grid,.fish-detail{grid-template-columns:1fr}.fish-tools{display:grid}.fish-tools p{margin-left:0}}
.fish-related{margin-top:32px}.fish-related h2{font-size:1.8rem}.fish-detail p{line-height:1.65}
.fish-overview{margin:24px 0;padding:clamp(16px,3vw,26px);background:#fff;border:1px solid var(--line);border-radius:12px}.fish-overview h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:10px}.fish-overview p{max-width:75ch;line-height:1.7}