.species-topics { margin:24px 0; color:#193c40 }
.species-topics h2 { margin:0 0 12px; font-size:24px; line-height:1.4 }
.topic-panel { background:white; border:1px solid #dce9df; border-radius:19px; padding:16px 18px }
.topic-card { display:grid; grid-template-columns:158px minmax(0,1fr); gap:22px; align-items:center }
.topic-cover img { display:block; width:100%; height:auto; aspect-ratio:1.24; object-fit:cover; border-radius:12px }
.topic-meta { display:flex; align-items:center; gap:9px; font-size:12px; color:#59756c }
.topic-meta span { border-radius:5px; background:#e6f3eb; color:#38796c; padding:2px 7px }
.topic-card h3 { margin:4px 0; font-size:22px; line-height:1.5 }
.topic-card h3 a { display:flex; align-items:center; justify-content:space-between; text-decoration:none }
.topic-card h3 a span { color:#258984; font-size:19px }
.topic-card p { margin:0 0 12px; font-size:14px; color:#4c655d; line-height:1.6 }
.topic-jumps { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(158px,1fr)); gap:6px 8px }
.topic-jumps a { display:flex; gap:8px; align-items:baseline; justify-content:flex-start; padding:7px 9px; background:#f2f7f4; color:#236e67; border-radius:6px; font-size:13px; line-height:1.45; text-decoration:none }
.topic-jumps a span { color:#5c7970; font-size:11px; font-variant-numeric:tabular-nums }
.topic-panel .seo-related, .topic-extra { margin:14px 0 0; padding:11px 0 0; border:0; border-top:1px solid #e4ede7; border-radius:0 }
.topic-panel .seo-related a { font-size:12px; color:#397a73; text-decoration:none }
.topic-extra { display:block; font-weight:600 }.topic-extra small { color:#59756c; font-weight:400 }
@media(max-width:600px) {
 .species-topics h2 { font-size:20px }.topic-panel { padding:13px }
 .topic-card { grid-template-columns:82px minmax(0,1fr); gap:0 12px; align-items:start }
 .topic-cover { grid-row:1/3 }.topic-cover img { aspect-ratio:1 }
 .topic-copy { display:contents }.topic-meta { grid-column:2; grid-row:1 }
 .topic-card h3 { align-self:center; grid-column:2; margin:0; font-size:19px }
 .topic-jumps { grid-template-columns:repeat(2,minmax(0,1fr)) }
 .topic-card p,.topic-jumps { grid-column:1/-1 }.topic-card p { font-size:13px; margin:10px 0 9px }.topic-jumps a { font-size:12px }
}