/* Separate full-resolution photographs, with native responsive cropping. */
.plants .plant-photo>.fragment>img {
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:var(--photo-position,center); image-rendering:auto;
}
.plants .plant-card { --plant-title:#a90075; --plant-accent:#ff75d2; --plant-caption:#63405b; }
.plants .plant-card:nth-child(3n+2) { --plant-title:#00746c; --plant-accent:#18ddd0; --plant-caption:#365e59; }
.plants .plant-card:nth-child(3n) { --plant-title:#6b43b8; --plant-accent:#e3f509; --plant-caption:#56446e; }
.plants .plant-card h3 { color:var(--plant-title); font-weight:600; }
.plants .plant-card>p { color:var(--plant-caption); }
.plants .plant-card .plant-link { background:#080b0b; color:var(--plant-accent); }
.plants .plant-card .plant-link:hover { background:var(--plant-accent); color:#080b0b; }
.plants .plant-card .plant-link:focus-visible { outline:3px solid var(--plant-title); outline-offset:3px; }
.plants #plants-title { color:#a90075; }
.plants .eyebrow { color:#00746c; }
.plants .plant-photo { border-bottom:3px solid var(--plant-accent); }
.plants .plant-photo>.fragment { aspect-ratio:1!important; }
.plants .plant-photo img { filter:none; }
.plants .plant-photo-credits { margin-top:18px; font-size:13px; line-height:1.5; color:#365e59; }
.plants .plant-photo-credits summary { cursor:pointer; color:#00746c; font-weight:600; width:fit-content; }
.plants .plant-photo-credits ul { padding-left:20px; margin:10px 0; }
.plants .plant-photo-credits a { color:#6b43b8; text-decoration:underline; }
[data-theme=dark] .plants .plant-card { --plant-title:var(--plant-accent); --plant-caption:#dcc6d6; }
[data-theme=dark] .plants .plant-card:nth-child(3n+2) { --plant-caption:#b9dcd7; }
[data-theme=dark] .plants .plant-card:nth-child(3n) { --plant-caption:#d9d0eb; }
[data-theme=dark] .plants #plants-title { color:#ff75d2; }
[data-theme=dark] .plants :is(.eyebrow,.plant-photo-credits,.plant-photo-credits summary) { color:#18ddd0; }
[data-theme=dark] .plants .plant-photo-credits a { color:#e3f509; }