.club.atlas main {max-width:1160px}
.atlas .atlas-intro {
  background:radial-gradient(ellipse at 95% 8%,#f7e1ed,transparent 60%),linear-gradient(125deg,#c4ecf3,#e5f3e6);
  padding:clamp(18px,4vw,32px);
}
.atlas-intro h2 {font-size:clamp(1.8rem,4vw,3rem);margin:0 0 .55rem}
.atlas-intro .filters {margin-top:1rem}
.atlas-intro #search {background:#eef9fa}
.atlas-intro #count {margin:.65rem 0}
.atlas-intro details {font-size:.9rem}
.atlas-intro summary {cursor:pointer;font-weight:700}
.atlas .fish-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.atlas .fish {
  --fish-tint:#d8f0fc;--fish-soft:#e9f8fc;--fish-edge:#a8d3e4;--fish-dark:#164e69;
  background:linear-gradient(140deg,var(--fish-tint),var(--fish-soft));
  border:1px solid var(--fish-edge);border-radius:23px;
  box-shadow:0 5px 15px #285d6817;
  padding:17px;
  scroll-margin-top:12px;
}
.atlas .fish[data-palette="mint"] {--fish-tint:#d4f0df;--fish-soft:#eef9ea;--fish-edge:#add3b7;--fish-dark:#20563e}
.atlas .fish[data-palette="peach"] {--fish-tint:#f8e1d3;--fish-soft:#fff0df;--fish-edge:#e4c1ab;--fish-dark:#713e30}
.atlas .fish[data-palette="lilac"] {--fish-tint:#e8dafa;--fish-soft:#f2e9fd;--fish-edge:#d1b9e8;--fish-dark:#513a73}
.atlas .fish[data-palette="sand"] {--fish-tint:#f7ebc8;--fish-soft:#fff6de;--fish-edge:#e1c88c;--fish-dark:#5a471d}
.atlas .fish[data-palette="rose"] {--fish-tint:#f3dce9;--fish-soft:#f9ecf2;--fish-edge:#dfbad3;--fish-dark:#683b5a}
.atlas .fish[data-detail="1"] {grid-column:1/-1;padding:clamp(16px,3vw,26px)}
.fish .fish-heading h2 {font-size:clamp(1.65rem,3vw,2.25rem);color:var(--fish-dark)}
.fish .fish-kicker {font-size:.75rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:var(--fish-dark)}
.fish .fish-layout {display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(14px,3vw,28px);align-items:start;margin-top:.8rem}
.fish .fish-photo {margin:0;overflow:hidden;border-radius:16px;background:var(--fish-soft);border:1px solid var(--fish-edge)}
.fish-photo img {display:block;width:100%;aspect-ratio:1.8;object-fit:cover;background:var(--fish-tint)}
.fish-photo figcaption {font-size:.75rem;padding:.5rem .7rem;line-height:1.45}
.fish-photo a,.fish .source {color:var(--fish-dark)}
.fish .voice {border-left:4px solid var(--fish-edge);background:var(--fish-soft);padding:.7rem .85rem;border-radius:0 14px 14px 0;margin:.65rem 0 0;color:var(--fish-dark)}
.fish dl {display:grid;gap:7px;margin:0 0 .55rem}
.fish dl div {padding:.54rem .72rem;border-radius:13px;background:var(--fish-soft);border:1px solid var(--fish-edge)}
.fish dt {color:var(--fish-dark);font-weight:850}.fish dd {margin:.1rem 0 0}
.fish .tag {background:var(--fish-soft);border:1px solid var(--fish-edge);color:var(--fish-dark)}
.fish .poster-link {display:inline-block;margin-top:.6rem;font-weight:800;color:var(--fish-dark)}
@media(max-width:650px){.atlas .fish-grid,.fish .fish-layout{grid-template-columns:1fr}.atlas .fish[data-detail="1"]{grid-column:auto}}
.fish-photo img {object-fit:contain}
.fish-photo figcaption a {text-underline-offset:2px}
.atlas .fish[data-detail="0"] {box-shadow:none}
