.frog-guide{max-width:1140px;margin:auto;padding:3rem clamp(1rem,4vw,3rem);color:#19392f}
.frog-guide-intro{max-width:760px;margin-bottom:3rem}
.frog-guide-intro h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5rem);margin:.3rem 0 1rem}
.frog-guide-intro>p{line-height:1.65}
.frog-guide-intro nav{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}
.frog-guide-intro nav a,.frog-product-link{color:#19392f;text-decoration:underline;text-underline-offset:.2em}
.frog-species-list{display:grid;gap:2.2rem}
.frog-species{display:grid;grid-template-columns:minmax(230px,42%) 1fr;gap:clamp(1rem,4vw,3rem);padding:0 0 2.2rem;border-bottom:1px solid #cbd5cc;scroll-margin-top:2rem}
.frog-species figure{margin:0}
.frog-species img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;background:#f5f3ed;border-radius:4px}
.frog-species figcaption{font-size:.78rem;line-height:1.45;color:#4c5a50;margin:.5rem 0}
.frog-species figcaption a,.frog-sources a{color:inherit}
.frog-pack{font-size:.78rem;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#486657}
.frog-species h2{font-family:Georgia,serif;font-size:clamp(1.7rem,3vw,2.5rem);margin:.25rem 0}
.frog-latin{margin:0 0 1.4rem;color:#4c5a50}
.frog-species-copy p{line-height:1.55}
.frog-guide-fact{font-family:Georgia,serif;font-size:1.1rem}
.frog-sources{font-size:.86rem;color:#4c5a50}
.frog-product-link{display:inline-block;margin-top:.5rem;font-weight:700}
@media(max-width:690px){.frog-guide{padding:2rem 1rem}.frog-species{grid-template-columns:1fr}.frog-species img{max-height:330px}}