.media-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;margin:25px 0}
.media-entry{display:flex;flex-direction:column;min-width:0;border:1px solid #397484;background:linear-gradient(140deg,#103542,#071b27);overflow:hidden}
.media-entry-image{position:relative;background:#051d2b;aspect-ratio:16/8;overflow:hidden}
.media-entry-image img{width:100%;height:100%;object-fit:cover;opacity:.85}
.media-entry-image img[hidden],.media-entry-image span[hidden]{display:none}
.media-entry-image.media-inline-active{aspect-ratio:16/9;background:#000}
.media-inline-play{position:absolute;inset:0;margin:auto;width:76px;height:76px;border-radius:50%;background:#052d39e8;border:2px solid #9cfff3;color:#e6fff9;font-size:29px;cursor:pointer;z-index:3;box-shadow:0 0 25px #65eadd55;transition:transform .16s ease,background .16s ease}
.media-inline-play:hover{transform:scale(1.08);background:#156073}
.media-inline-play:focus-visible{outline:3px solid #fff;outline-offset:4px}
.media-inline-play[hidden]{display:none}
.media-inline-player-stage{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;background:#000}
.media-inline-player-stage iframe,.media-inline-player-stage video{width:100%;height:100%;border:0;display:block;background:#000;object-fit:contain}
.media-inline-close{position:absolute;z-index:4;top:8px;right:8px;width:36px;height:36px;border:1px solid #8bd4d1;background:#051820e8;color:#fff;font-size:20px;cursor:pointer}
.media-inline-status{position:absolute;left:0;right:0;bottom:0;padding:7px 10px;background:#081b25e8;color:#dcffff;font:11px/1.5 Consolas,monospace;pointer-events:none}
.media-inline-status:empty{display:none}
@media(prefers-reduced-motion:reduce){.media-inline-play{transition:none}}

.media-entry-image span{position:absolute;left:12px;bottom:12px;padding:7px 10px;background:#08232be8;border:1px solid #70b5b5;color:#d6fffa;font:11px/1.2 Consolas,monospace}
.media-entry-body{display:flex;flex-direction:column;gap:12px;padding:21px;flex:1}
.media-entry-body h2{font-size:21px;font-weight:590;line-height:1.3;margin:0}
.media-entry-body small{font:11px/1.7 Consolas,monospace;color:#aac9cb}
.media-entry-body p{font-size:13px;line-height:1.7;color:#bad6d9;margin:0;flex:1}
.media-entry-links{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.media-entry-links a{display:block;color:#a9ffed;text-decoration:none;font:12px/1.55 Consolas,monospace;padding:12px 15px;border:1px solid #4b9293;background:#153b44;overflow-wrap:anywhere}
.media-entry-links a:hover,.media-entry-links a:focus-visible{border-color:#dcfffb;color:#fff;background:#1b5059}
.media-caption{font:10px/1.5 Consolas,monospace;color:#a4c7ca;border-top:1px solid #315d67;padding-top:9px}

/* Honest media types: only a real, resolvable video displays an interactive Play. */
.media-entry[data-media-kind="documents"] .media-entry-image img{opacity:.8;filter:contrast(1.05) saturate(.6)}
.media-entry[data-media-kind="video"] .media-entry-image img{opacity:.92;filter:contrast(1.08)}
.media-entry[data-media-kind="video"][data-playable="false"] .media-entry-image::after{
 content:"SOURCE VIDEO";pointer-events:none;position:absolute;top:15px;right:15px;
 background:#02070cdd;color:#b9cddd;border:1px solid #a3b7c644;
 font:600 10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.13em;
 padding:7px 10px;
}
.media-entry[data-playable="true"] .media-entry-image{cursor:default}
.media-entry .media-inline-play{width:clamp(65px,7vw,82px);height:clamp(65px,7vw,82px);
 border:1.5px solid #d3edfc!important;background:#081723d9!important;color:#ecf7ff!important;
 box-shadow:0 0 0 7px #c8e6f418,0 0 43px #9bcce444!important;
 display:grid;place-items:center;border-radius:50%!important;backdrop-filter:blur(11px);
 font-size:31px;line-height:1;z-index:6}
.media-entry .media-inline-play:hover{background:#183b53!important;transform:scale(1.06)}
.media-entry .media-inline-play:focus-visible{outline:3px solid #fff;outline-offset:5px}
.media-entry .media-inline-play[hidden]{display:none!important}
.media-entry .media-inline-active{background:#000!important}
.media-entry .media-inline-active .media-inline-play[hidden]{display:none!important}
.media-more-sources{margin:5px 0;border-top:1px solid #7897a444;padding-top:10px;min-width:0}
.media-more-sources summary{cursor:pointer;list-style:revert;color:#bbd1e0;padding:10px 6px;
 font:600 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.05em}
.media-more-sources a{margin:8px 0 0;word-break:break-word}
.media-entry[data-media-kind="documents"] .media-entry-body{gap:clamp(11px,1.5vw,17px)}
.media-entry .media-caption{color:#91aab9!important;border-color:#8ba4b037!important}
@media(max-width:650px){
 .media-entry .media-inline-play{width:65px;height:65px;font-size:25px}
 .media-entry[data-media-kind="video"][data-playable="false"] .media-entry-image::after{font-size:9px}
}

/* The entire verified video poster is one accessible click target; the circle is visual. */
.media-entry[data-playable="true"] .media-inline-play{
 inset:0!important;margin:0!important;width:100%!important;height:100%!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;color:transparent!important;font-size:0!important;
 display:grid;place-items:center;backdrop-filter:none;
}
.media-entry[data-playable="true"] .media-inline-play::after{
 content:"▶";width:clamp(65px,7vw,82px);height:clamp(65px,7vw,82px);
 display:grid;place-items:center;border:1.5px solid #d3edfc;border-radius:50%;
 color:#ecf7ff;background:#081723df;font:500 30px/1 system-ui,sans-serif;
 box-shadow:0 0 0 7px #c8e6f418,0 0 43px #9bcce444;
 transition:transform .16s ease,background .16s ease;
}
.media-entry[data-playable="true"] .media-inline-play:hover{background:transparent!important;transform:none!important}
.media-entry[data-playable="true"] .media-inline-play:hover::after{background:#183b53;transform:scale(1.07)}
.media-entry[data-playable="true"] .media-inline-play:focus-visible{outline:3px solid #fff;outline-offset:-5px}
.media-entry[data-playable="true"] .media-inline-play[hidden]{display:none!important}
@media(max-width:650px){
 .media-entry[data-playable="true"] .media-inline-play::after{width:65px;height:65px;font-size:26px}
}
@media(prefers-reduced-motion:reduce){.media-entry[data-playable="true"] .media-inline-play::after{transition:none}}

/* Source-derived content label instead of repeating unrelated cover artwork. */
.media-source-cover{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
 gap:8px;width:100%;height:100%;padding:clamp(17px,3vw,34px);
 background:radial-gradient(circle at 100% 0%,#25475b,#10243a 58%,#060e1c);
 color:#e8f3f8;overflow:hidden}
.media-source-cover[hidden]{display:none!important}
.media-source-cover strong{font:750 clamp(15px,1.6vw,25px)/1.2 ui-monospace,Consolas,monospace;letter-spacing:.09em}
.media-source-cover small{font:500 11px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.06em;color:#9fb9c8;overflow-wrap:anywhere}
.media-entry[data-media-kind="documents"] .media-source-cover{background:linear-gradient(130deg,#262b3b,#091927)}
.media-entry[data-media-kind="photo"] .media-source-cover{background:linear-gradient(130deg,#233a2d,#071a25)}

/* The still comes from the publisher video page; do not mislabel it as
 * independent sighting photography or obscure the actual Play control. */
.media-source-preview-credit{position:absolute;top:9px;left:10px;max-width:calc(100% - 20px);padding:5px 8px;border:1px solid #aeced344;border-radius:5px;background:#040b0bd4;color:#d6e8e9;font:600 10px/1.3 ui-monospace,monospace;letter-spacing:.03em;pointer-events:none;z-index:1}
.media-source-preview-credit[hidden]{display:none!important}