/* Compact, unified media gallery. Loaded after legacy event styles. */
.campaign-gallery,.national-gallery,.national-videos,#events-gallery .gallery{display:grid;align-items:start;gap:16px}
.campaign-gallery,.national-videos,#events-gallery .gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.national-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}
.campaign-gallery .gallery-item,.national-gallery .gallery-item,.national-videos .gallery-item,#events-gallery .gallery-item{border:1px solid #e0e6ea;border-radius:12px;box-shadow:none;overflow:hidden;min-width:0;background:#fff;transition:border-color .2s,box-shadow .2s}
.campaign-gallery .gallery-item:hover,.national-gallery .gallery-item:hover,.national-videos .gallery-item:hover,#events-gallery .gallery-item:hover{border-color:#a7bccb;box-shadow:0 4px 12px #173c5610}
.media-open{display:block;position:relative;overflow:hidden;background:#e5ebee;aspect-ratio:4/3;text-decoration:none;cursor:zoom-in}
.campaign-gallery .media-open img,.national-gallery .media-open img,.national-videos .media-open img,#events-gallery .media-open img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 65%;transition:transform .25s}
.media-open picture{display:block;width:100%;height:100%}
.media-open:hover img{transform:scale(1.035)}
.campaign-gallery figcaption,.national-gallery figcaption,.national-videos figcaption,#events-gallery figcaption{padding:12px;min-height:64px;font-size:14px;font-weight:700;line-height:1.5;color:#173c56;margin:0}
.campaign-gallery figcaption{min-height:46px;height:auto}
.national-gallery figcaption{min-height:46px}
.national-videos figcaption{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.video-open{cursor:pointer;background:#142432}
.video-open:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071c3299,transparent 55%);pointer-events:none}
.video-open .play-mark{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffffa6;border-radius:50%;background:#ffffffed;color:#173c56;font-size:19px;padding-left:3px;box-shadow:0 3px 12px #0003}
.media-duration{position:absolute;z-index:1;bottom:10px;left:10px;font-size:12px;line-height:1.5;background:#142432cc;color:#fff;border-radius:4px;padding:2px 6px;font-weight:700}
.media-kind{color:#607686;font-size:12px;font-weight:500}
.media-open:focus-visible{outline:3px solid #d6a85b;outline-offset:-3px}
.media-viewer{padding:0;border:1px solid #364b5b;border-radius:16px;width:min(900px,94vw);max-height:94dvh;background:#102636;color:#fff;box-shadow:0 20px 80px #0006}
.media-viewer::backdrop{background:#06121dd9;backdrop-filter:blur(5px)}
.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #ffffff20}
.viewer-eyebrow{font-size:12px;color:#c5d5df}
.viewer-header h2{font-size:16px;line-height:1.5;margin:2px 0 0;color:#fff}
.media-viewer button{background:#ffffff12;border:1px solid #ffffff30;border-radius:8px;color:#fff;cursor:pointer;font-size:20px;width:44px;height:44px;flex-shrink:0}
.media-viewer button:hover{background:#ffffff25}
.viewer-stage{display:flex;align-items:center;justify-content:center;background:#081922;padding:12px;height:min(65dvh,640px)}
.viewer-stage img,.viewer-stage video{display:block;width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}
.viewer-stage [hidden]{display:none!important}
.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid #ffffff20}
.viewer-nav{display:flex;align-items:center;gap:14px}.viewer-nav span{font-size:14px;color:#dbe6ed;min-width:44px;text-align:center}
#viewer-download{color:#f4cc83;font-size:14px;text-decoration:none;padding:10px 0;min-height:44px}
@media(max-width:900px){.national-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-gallery,.national-videos,#events-gallery .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.campaign-gallery,.national-gallery,.national-videos,#events-gallery .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-gallery figcaption,.national-gallery figcaption,.national-videos figcaption,#events-gallery figcaption{padding:10px;font-size:14px}.video-open .play-mark{width:40px;height:40px;font-size:16px}.viewer-header{padding:12px}.viewer-footer{padding:10px 12px}.viewer-header h2{font-size:14px}.viewer-stage{height:60dvh;padding:8px}.media-viewer{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.media-open img,.gallery-item{transition:none}.media-open:hover img{transform:none}}

.media-viewer .viewer-close{font-family:Arial,sans-serif;font-size:28px;line-height:1}