/* Single post design: Video first — a dark stage shows the video, gallery or photo first. */
.ppbsd-media .ppbsd-hero { padding: 40px 0 60px; background: #0a0a0a; color: #d6d3d1; }
.ppbsd-media.ppbsd-noimg .ppbsd-hero { padding-top: 84px; }
.ppbsd-media .ppbsd-hero > .ppbsd-wrap { max-width: 1180px; }
.ppbsd-media .ppbsd-stage-media { margin: 0 0 40px; overflow: hidden; border-radius: var(--ppb-radius); background: #000; box-shadow: none; }
.ppbsd-media .ppbsd-stage-media :is(iframe, video, .wp-video, .wp-block-embed__wrapper) { display: block; width: 100% !important; height: auto; aspect-ratio: 16 / 9; }
.ppbsd-media .ppbsd-stage-media .wp-block-embed__wrapper iframe { height: 100%; }
.ppbsd-media .ppbsd-stage-media figure { margin: 0; }
.ppbsd-media .ppbsd-stage-media.ppbpo-audio, .ppbsd-media .ppbsd-stage-media:has(audio) { padding: 26px; background: rgba(255, 255, 255, .06); }
.ppbsd-media .ppbsd-stage-media.ppbpo-audio :is(iframe, .wp-block-embed__wrapper) { aspect-ratio: auto; }
.ppbsd-media .ppbsd-stage-media img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ppbsd-media figure.ppbsd-stage-media figcaption { margin: 0; padding: 10px 16px; background: #000; color: #a3a3a3; }
.ppbsd-media .ppbsd-stage-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 6px; background: none; box-shadow: none; }
.ppbsd-media .ppbsd-stage-gallery img { aspect-ratio: 4 / 3; border-radius: var(--ppb-radius); }
.ppbsd-media .ppbsd-text { max-width: 920px; }
.ppbsd-media .ppbsd-title, .ppbsd-media .ppbsd-meta a, .ppbsd-media .ppbpo-crumbs { color: #f5f5f4; }
.ppbsd-media .ppbsd-dek, .ppbsd-media .ppbsd-meta { color: #a3a3a3; }
.ppbsd-media .ppbsd-cat { color: #C8102E; }
.ppbsd-media .ppbsd-cat:hover { color: #fff; }
.ppbsd-media .ppbsd-main { padding-top: 52px; }
@media (max-width: 700px) {
	.ppbsd-media .ppbsd-hero { padding: 0 0 40px; }
	.ppbsd-media .ppbsd-hero > .ppbsd-wrap { padding: 0; }
	.ppbsd-media .ppbsd-stage-media { margin-bottom: 26px; border-radius: 0; }
	.ppbsd-media .ppbsd-text { padding: 0 24px; }
	.ppbsd-media.ppbsd-noimg .ppbsd-hero { padding-top: 48px; }
}