/* Media page specific styles (kept minimal, building on base.css) */
.media-page .media-thumb { display: block; width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); }
.media-page .media-card { transition: transform var(--transition-base) var(--transition-timing); }
.media-page .media-card:hover { transform: translateY(-2px); }
.aspect-video { aspect-ratio: 16 / 9; background-color: var(--color-bg-elevated); }
/* Lightbox */
.lightbox { position: fixed; inset: 0; z-index: var(--z-modal); }
.lightbox.hidden { display: none; }
.lightbox-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.6); }
.lightbox-content { position: relative; max-width: 960px; margin: 5vh auto; z-index: calc(var(--z-modal) + 1); }
/* Filter chips active state */
.filter-chip[aria-pressed="true"] { background-color: rgba(27,125,125,0.15); border: 1px solid var(--color-primary); }