/* MF-Cornsnakes – Genetik-Datensätze (WEB-01). Seiten-lokal, kein Eingriff in custom.css. */
.ds-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(165px, 1fr)); gap: 0.9rem; margin: 1.6rem auto 0; max-width: var(--cs-wide); align-items: stretch; }
.ds-grid .cs-card { display: flex; flex-direction: column; padding: 1rem 1.05rem; }
.ds-grid .cs-card h3 { font-size: 1rem; margin: 0.35rem 0 0.15rem; }
.ds-latin { font-style: italic; font-size: 0.82rem; margin: 0 0 0.45rem; color: var(--cs-brown-soft); }
.ds-grid .cs-card p { font-size: 0.86rem; line-height: 1.45; margin: 0 0 0.45rem; }
.ds-meta { font-size: 0.8rem; color: var(--cs-brown-soft); }
.ds-badge { display: inline-block; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; padding: 0.15rem 0.5rem; border-radius: 999px; background: var(--cs-soft); color: var(--cs-brown); border: 1px solid var(--cs-line); }
.ds-badge.is-ok { border-color: var(--cs-sage); background: rgba(111,123,83,.16); }
.ds-badge.is-prov { border-color: var(--cs-rust-dark); background: rgba(154,79,46,.12); }
.ds-dl { display: block; margin-top: auto; text-align: center; padding: 0.5rem 0.7rem; border-radius: 8px; background: var(--cs-rust-dark); color: #FFF7EF !important; font-weight: 700; font-size: 0.86rem; text-decoration: none !important; transition: background .15s, transform .15s; }
.ds-dl:hover { background: var(--cs-brown); transform: translateY(-2px); }
@media (max-width: 480px) { .ds-grid { grid-template-columns: repeat(2, 1fr); } }