.plant-card-identity { --card-photo-bg: var(--app-page-canvas, #f1f5ee); display: flex; flex-direction: column; min-width: 0; }
.plant-library-page .row > .plant-card, .plant-category-page .row > .plant-card { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.plant-card-image { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 3 / 2; border: 1px solid var(--app-page-line, #d6e2d8); border-radius: 12px; overflow: hidden; background: var(--card-photo-bg); color: var(--app-page-green-dark, #234c31); }
.plant-card-identity:not(.plant-card-identity--compact):not(.plant-card-identity--media) > .plant-card-image { width: calc(100% - 24px); margin: 12px 12px 0; }
.plant-card-image img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; object-position: center; }
.plant-card-image--placeholder { background: linear-gradient(135deg, var(--card-photo-bg), var(--app-page-green-soft, #e6efe3)); }
.plant-card-image--placeholder svg { width: 64px; height: 64px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; opacity: .8; }
.plant-card-photo-credit { margin: 0 1rem 1rem; font-size: .7rem; line-height: 1.6; color: var(--app-page-muted, #536258); overflow-wrap: anywhere; }
.plant-card-identity a { color: var(--app-page-green-dark, #234c31); text-underline-offset: .16em; }
.plant-card-names { min-width: 0; padding: 1rem; }
.plant-card-names .plant-scientific-name { margin: 0 0 .35rem; font-size: 1rem; line-height: 1.4; overflow-wrap: anywhere; }
.plant-card-names .plant-scientific-name a { color: var(--app-page-ink, #20372a); text-decoration: none; }
.plant-card-names .plant-scientific-name a:hover { text-decoration: underline; }
.plant-card-names .plant-common-name { margin: 0 0 .3rem; color: var(--app-page-muted, #536258); font-size: .88rem; overflow-wrap: anywhere; }
.plant-card-layer { margin: .25rem 0 0; color: var(--app-page-muted, #536258); font-size: .75rem; }
.plant-card-identity--compact { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: .7rem .85rem; align-items: center; margin-bottom: 1rem; }
.plant-card-identity--compact .plant-card-image { grid-column: 1; grid-row: 1; aspect-ratio: 1; border-radius: 10px; }
.plant-card-identity--compact .plant-card-image--placeholder svg { width: 45px; height: 45px; }
.plant-card-identity--compact .plant-card-names { grid-column: 2; grid-row: 1; padding: 0; }
.plant-card-identity--compact .plant-card-photo-credit { grid-column: 1 / -1; grid-row: 2; margin: 0; }
.plant-card-identity--media { margin-bottom: 1rem; }
.plant-card-identity--media .plant-card-image { max-height: 240px; }
.plant-card-identity--media .plant-card-photo-credit { margin: .65rem 0 0; }
.plant-card-identity a:focus-visible { outline: 3px solid #577a3d; outline-offset: -3px; }
[data-bs-theme="dark"] .plant-card-identity { --card-photo-bg: #17271e; }
[data-bs-theme="dark"] .plant-card-identity a { color: var(--dark-green-primary, #68d391); }
[data-bs-theme="dark"] .plant-card-image--placeholder { background: linear-gradient(135deg, #17271e, #243d2d); }
@media (max-width: 380px) {
    .plant-card-identity--compact { grid-template-columns: 80px minmax(0, 1fr); gap: .6rem; }
}