.plant-photo-gallery { scroll-margin-top: 6rem; }
.plant-photo-gallery-heading { display: flex; flex-wrap: wrap; gap: .5rem 1rem; justify-content: space-between; align-items: baseline; margin-bottom: 1rem; }
.plant-photo-gallery h2 { font-size: 1.25rem; margin: 0; color: var(--app-page-ink, #20372a); }
.plant-photo-gallery-heading > span { font-size: .8rem; color: var(--app-page-muted, #536258); }
.plant-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.plant-photo-grid--single { grid-template-columns: minmax(0, 1fr); }
.plant-photo { min-width: 0; margin: 0; border: 1px solid var(--app-page-line, #d6e2d8); border-radius: 12px; overflow: hidden; background: var(--app-page-surface, #fff); }
.plant-photo-open { position: relative; display: block; background: var(--app-page-canvas, #f1f5ee); }
.plant-photo-open img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }
.plant-photo-enlarge { position: absolute; bottom: .6rem; right: .6rem; background: #14261ed9; color: #fff; padding: .35rem .6rem; border-radius: 6px; }
.plant-photo figcaption { padding: 1rem; }
.plant-photo-subject { font-size: .72rem; font-weight: 700; color: var(--app-page-green-dark, #234c31); text-transform: uppercase; letter-spacing: .04em; }
.plant-photo-caption { margin: .3rem 0 .5rem; font-size: .9rem; color: var(--app-page-ink, #20372a); }
.plant-photo-credit, .plant-photo-provenance { font-size: .75rem; line-height: 1.6; color: var(--app-page-muted, #536258); overflow-wrap: anywhere; }
.plant-photo-credit { margin: 0; }
.plant-photo-gallery a { color: var(--app-page-green-dark, #234c31); text-underline-offset: .18em; }
.plant-photo-provenance summary { cursor: pointer; padding: .4rem 0; width: fit-content; }
.plant-photo-provenance p { margin: .4rem 0; }
.plant-photo-dialog { width: min(1000px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); padding: 1rem; border: 1px solid var(--app-page-line, #d6e2d8); border-radius: 12px; background: var(--app-page-surface, #fff); color: var(--app-page-ink, #20372a); }
.plant-photo-dialog::backdrop { background: #07140dd9; }
.plant-photo-dialog-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: .5rem; }
.plant-photo-dialog button { min-width: 44px; min-height: 44px; border: 1px solid var(--app-page-line, #d6e2d8); border-radius: 7px; background: var(--app-page-canvas, #f1f5ee); color: inherit; padding: .4rem .7rem; }
.plant-photo-dialog-image { display: block; margin: auto; max-width: 100%; width: auto; height: auto; max-height: 65dvh; object-fit: contain; }
.plant-photo-dialog-footer { display: flex; gap: .75rem; align-items: start; justify-content: space-between; margin-top: .8rem; }
.plant-photo-dialog-footer > div { flex: 1; min-width: 0; text-align: center; }
#plant-photo-dialog-caption { margin: 0 0 .3rem; font-size: .9rem; }
.plant-photo-dialog-credit { margin: 0; font-size: .75rem; overflow-wrap: anywhere; }
.plant-photo-position { font-size: .8rem; }
.plant-photo-gallery a:focus-visible, .plant-photo-gallery button:focus-visible, .plant-photo-gallery summary:focus-visible { outline: 3px solid #577a3d; outline-offset: 3px; }
[data-bs-theme="dark"] .plant-photo-gallery a, [data-bs-theme="dark"] .plant-photo-subject { color: var(--dark-green-primary, #68d391); }
@media (min-width: 1200px) {
    .plant-photo-grid--three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .plant-photo-grid { grid-template-columns: minmax(0, 1fr); }
    .plant-photo-dialog { padding: .7rem; }
    .plant-photo-dialog-image { max-height: 58dvh; }
}