/* SOLO — News & Media extras: newsletters, press releases, promo materials
   (+ category sub-pages), gallery. Builds on site.css .media-card / .event-row. */

/* Several download buttons per card (language versions, file formats) */
.media-card .body .dl-row { margin-top: auto; display: flex; flex-wrap: wrap; gap: 8px; }
.media-card .body .dl-row .btn-download { margin-top: 0; }

/* Brand-kit logos: show the whole mark, not a crop */
.media-card.promo-logo .cover img { object-fit: contain; padding: 12%; }

/* Videos page: 16:9 players inside the card cover */
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
@media (max-width: 820px) { .grid-2 { grid-template-columns: 1fr; } }
.media-card.promo-video .cover.video-frame { aspect-ratio: 16 / 9; background: #1b1b1b; }
.media-card.promo-video .cover video,
.media-card.promo-video .cover iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.media-card .transcript summary { cursor: pointer; font-size: 14px; font-weight: 500; color: var(--accent); }
.media-card .transcript .cms-content { margin-top: 10px; font-size: 15px; }
.media-card .body .cms-content { font-size: 15px; line-height: 1.6; }

.promo-back { margin-top: 48px; font-size: 14px; }
.promo-back a { color: var(--accent); font-weight: 500; }
.promo-back a:hover { text-decoration: underline; }

/* Press releases */
.event-row .ev-body .cms-content { margin-top: 10px; font-size: 15px; line-height: 1.6; }
.event-row .ev-action { display: flex; flex-wrap: wrap; gap: 8px; }
.event-row .ev-action .btn-download { white-space: nowrap; }
@media (max-width: 720px) { .event-row.press-row { grid-template-columns: 84px 1fr !important; } }

/* Gallery */
.gallery-card .body .keywords { font-size: 13px; color: var(--muted); }
.gallery-card .body .keywords b { font-weight: 600; color: var(--fg-soft); }

/* Jumbotron copy shown in an empty state / intro */
.media-intro { margin-bottom: 40px; max-width: 760px; }
.empty-state .cms-content { max-width: 52ch; margin: 10px auto 0; font-size: 16px; }
.event-row time.date-block > span { display: block; }