/* Single Podcast Episode measure. Enqueued only on single Podcast posts (functions.php, alongside
   the transcript toggle script), so nothing here needs a page-scoping selector.

   The transcript sits inside an alignfull band padded by a gutter, and an inner constrained group
   padded by a second one — so its text measures min(content-size, viewport - 2 gutters) less two
   more gutters. The player is given that same formula rather than a fixed width, so the two hold
   together from 375px up.

   The episode copy is not in this group: it renders inside the banner's left column, beside the
   artwork, and takes its measure from the column. */

.bpd-podcast-player {
	/* border-box so the player card's own padding sits inside the measure rather than on top. */
	box-sizing: border-box;
	max-width: calc(
		min( var( --wp--style--global--content-size ), 100% ) - 2 * var( --wp--preset--spacing--gutter )
	);
	margin-inline: auto;
}