.public-content .showcase-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
.public-content .showcase-media { height:230px; min-height:0; background:#202327; }
.public-content .showcase-media video { height:230px; object-fit:contain; }
.gallery-play { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:230px; padding:0; border:0; background:#202327; color:#fff; cursor:pointer; }
.gallery-cover { position:absolute; width:100%; height:100%; object-fit:contain; }
.gallery-play-label { position:relative; z-index:1; padding:12px 18px; border-radius:6px; color:#fff; background:#171c23c9; font-size:15px; }
.gallery-external { display:flex; align-items:center; justify-content:center; width:100%; height:230px; padding:20px; color:#fff; }
.showcase-pinned { display:inline-block; padding:2px 7px; margin-right:4px; border-radius:4px; background:#fff1d7; color:#80550b; font-size:12px; line-height:1.7; vertical-align:middle; }
.public-content .showcase-date { margin-top:6px; font-size:12px; }
.gallery-count { margin:0 0 16px; color:#63727c; font-size:13px; }
.gallery-pagination { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:16px; margin:26px 0; }
.gallery-pagination button,.showcase-play-error button,[data-gallery-retry] { min-height:42px; padding:8px 14px; border:1px solid #bdc9cd; border-radius:6px; color:#253943; background:white; cursor:pointer; }
.gallery-pagination button:disabled { cursor:default; opacity:.45; }
.showcase-play-error { z-index:2; max-width:100%; }.showcase-play-error button { margin-left:8px; }
#showcase-list .panel button { display:block; margin-top:12px; }
#showcase-list button:focus,#showcase-list a:focus,.gallery-pagination button:focus { outline:3px solid #4ba6dd; outline-offset:-3px; }
@media(max-width:1000px){.public-content .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.public-content .showcase-grid{grid-template-columns:minmax(0,1fr)}.gallery-pagination{gap:10px}.public-content .showcase-media,.public-content .showcase-media video,.gallery-play,.gallery-external{height:210px}}