.gallery-section { background: var(--paper); scroll-margin-top: 1rem; }
.gallery-section h2 { margin-bottom: 1rem; }
.gallery-intro { margin-bottom: 2rem; }
.gallery-tools { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
.gallery-tools label { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; font-weight: 700; }
.gallery-tools select { font: inherit; min-height: 44px; max-width: 100%; padding: .5rem; border: 1px solid var(--navy); background: var(--white); color: var(--ink); }
.gallery-status { font-size: .9rem; color: var(--muted); }
.photo-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.gallery-photo { position: relative; display: block; min-width: 0; padding: .35rem; background: var(--white); box-shadow: 2px 3px 0 #172b4520; border: 1px solid #d6d9d5; }
.gallery-photo img { width: 100%; aspect-ratio: 3/2; height: auto; object-fit: cover; }
.gallery-photo:hover, .gallery-photo:focus-visible { box-shadow: 3px 4px 0 var(--pink); }
.photo-caption { position: absolute; left: .35rem; right: .35rem; bottom: .35rem; padding: .5rem .6rem; background: #102954e8; color: white; font-size: .8rem; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gallery-actions { text-align: center; margin-top: 2rem; }
.gallery-error { margin-top: 1rem; color: var(--muted); }
.photo-viewer { width: min(100% - 1rem,1000px); max-height: calc(100dvh - 1rem); padding: 0; border: 2px solid var(--navy); background: var(--white); color: var(--ink); }
.photo-viewer::backdrop { background: #07152ae6; }
.viewer-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 1rem; background: var(--blue); color: white; padding: .5rem 1rem; }
.viewer-toolbar h3 { font-size: 1.15rem; }
.viewer-close { min-width: 70px; min-height: 44px; border: 1px solid white; color: white; background: transparent; }
.viewer-stage { min-height: 120px; background: #e7e6df; display: grid; place-items: center; }
.viewer-stage img { max-height: 57dvh; width: 100%; object-fit: contain; }
.viewer-stage[aria-busy="true"] { opacity: .6; }
.viewer-error { padding: 1rem; }
.viewer-details { display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; padding: 1rem 1.25rem; align-items: baseline; }
.viewer-caption { flex-basis: 100%; max-width: none; }
.viewer-caption:empty { display: none; }
.viewer-credit { border: 0; background: none; padding: .5rem 0; min-height: 44px; color: var(--blue); text-decoration: underline; text-underline-offset: 4px; text-align: left; }
.viewer-original,.viewer-credit-link { font-size: .9rem; padding-block: .5rem; min-height: 44px; }
.viewer-controls { display: flex; justify-content: space-between; align-items: center; gap: .5rem; padding: 0 1.25rem 1rem; }
.viewer-controls .button { min-width: 85px; padding: .6rem; }
.viewer-controls button:disabled { opacity: .4; cursor: default; transform: none; }
.viewer-position { font-size: .9rem; text-align: center; }
body.photo-viewer-open { overflow: hidden; }
@media (min-width: 650px) { .photo-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; } }
@media (min-width: 1000px) { .photo-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (max-width: 359px) { .photo-grid { grid-template-columns: 1fr; } }