.photo-album { margin: 2rem 0; clear: both; }
.photo-album-heading { display: flex; align-items: baseline; flex-wrap: wrap; gap: .5rem 1rem; margin-bottom: 1rem; }
.photo-album-heading h2 { margin: 0; font-size: 1.5rem; }
.photo-album-heading span { color: var(--bs-secondary-color, #777); }
.photo-album-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.photo-album-item { display: block; position: relative; aspect-ratio: 4/3; overflow: hidden; border-radius: 6px; }
.photo-album-video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; color: white; background: #000a; border: 1px solid #fff9; pointer-events: none; }
.post-content .photo-album-item img { display: block; width: 100%; height: 100%; max-width: 100%; margin: 0; object-fit: cover; cursor: zoom-in; }
.photo-album-item:focus-visible { outline: 3px solid var(--bs-primary, #2670cc); outline-offset: 2px; }
.photo-album.is-ready:not(.is-expanded) .photo-album-extra { display: none; }
.photo-album-show { margin-top: 1rem; }
.photo-viewer-open { overflow: hidden; }
.pswp { z-index: 10000; }
.photo-album-video { box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 64px 50px 72px; color: white; }
.photo-album-video video { display: block; width: 100%; height: 100%; min-height: 0; min-width: 0; flex: 1; object-fit: contain; }
.photo-album-video-link { flex: none; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: white; text-decoration: underline; }
.photo-album-video-link:hover { color: #ddd; }
.photo-album-video-error { flex: none; margin: 0; text-align: center; }
.pswp--has-album-video .pswp__button--arrow { visibility: visible; }
@media (max-width: 600px) { .photo-album-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; } }
@media (prefers-reduced-motion: reduce) { .pswp { --pswp-transition-duration: 0ms; } }