.dirgallery .dg-grid {
	display: grid;
	grid-template-columns: repeat(var(--dg-cols, 3), 1fr);
	gap: 1rem;
}
@media (max-width: 900px) { .dirgallery .dg-grid { grid-template-columns: repeat(min(var(--dg-cols, 3), 3), 1fr); } }
@media (max-width: 560px) { .dirgallery .dg-grid { grid-template-columns: repeat(2, 1fr); gap: .5rem; } }

.dirgallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; }

.dirgallery .dg-album { display: block; text-decoration: none; color: inherit; }
.dirgallery .dg-album img { transition: transform .15s, box-shadow .15s; }
.dirgallery .dg-album:hover img { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.25); }
.dirgallery .dg-album-title { display: block; margin-top: .4rem; font-weight: 600; }
.dirgallery .dg-album-count { display: block; font-size: .85em; opacity: .7; }
.dirgallery .dg-photo img { transition: opacity .15s; }
.dirgallery .dg-photo:hover img { opacity: .85; }

/* Lightbox */
.dg-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(0,0,0,.92); display: flex; align-items: center; justify-content: center; }
.dg-lb img { max-width: 94vw; max-height: 84vh; object-fit: contain; border-radius: 0; aspect-ratio: auto; }
.dg-lb-cap { position: absolute; left: 0; right: 0; bottom: 1rem; text-align: center; color: #fff; font-size: .95rem; padding: 0 3rem; }
.dg-lb button { position: absolute; background: none; border: 0; color: #fff; cursor: pointer; font-size: 2.2rem; line-height: 1; padding: .6rem 1rem; opacity: .8; }
.dg-lb button:hover, .dg-lb button:focus-visible { opacity: 1; }
.dg-lb-close { top: .25rem; right: .25rem; }
.dg-lb-prev { left: .25rem; top: 50%; transform: translateY(-50%); }
.dg-lb-next { right: .25rem; top: 50%; transform: translateY(-50%); }

/* Nested albums, captions */
.dirgallery .dg-crumbs { margin-bottom: .5rem; font-size: .9em; }
.dirgallery .dg-crumbs > * + * { margin-left: .4em; }
.dirgallery .dg-description { max-width: 60em; }
.dirgallery .dg-folders + .dg-photos { margin-top: 2rem; }
.dirgallery .dg-figure { margin: 0; }
.dirgallery .dg-figure figcaption { margin-top: .3rem; font-size: .85em; line-height: 1.3; }