#archive-gallery-board .archive-gallery-help{margin:0 0 18px;font:13px/1.5 Arial,sans-serif;color:var(--muted)}
#archive-gallery-board .archive-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;align-items:start}
#archive-gallery-board .archive-gallery-photo{position:relative;display:block;border:1px solid var(--line);background:#eee7da;border-radius:3px;cursor:zoom-in;overflow:hidden}
#archive-gallery-board .archive-gallery-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;transition:filter .15s ease}
#archive-gallery-board .archive-gallery-photo:hover img{filter:brightness(1.06)}
#archive-gallery-board .archive-gallery-photo:focus-visible{outline:3px solid #9a642d;outline-offset:4px}
#archive-gallery-board .archive-gallery-zoom{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:30px;height:30px;border:2px solid #fffdf8;border-radius:50%;background:#203b32;color:#fffdf8;box-shadow:0 1px 4px #0005;font:22px/1 Arial,sans-serif}
#archive-gallery-board figcaption{padding:9px 2px 0;font:12px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
@media(max-width:1000px){#archive-gallery-board .archive-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){#archive-gallery-board .archive-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}
@media(max-width:360px){#archive-gallery-board .archive-gallery-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#archive-gallery-board .archive-gallery-photo img{transition:none}}