/*
 * Additional CSS overrides for live/imported content.
 * Loaded after main.css so it can correct odd page-builder or import drift.
 */

html,
body {
	overflow-x: hidden;
}

body {
	min-width: 320px;
}

.wp-site-blocks,
.site-main,
.content-area,
.entry-content {
	overflow-x: hidden;
}

.wp-block-group,
.wp-block-columns,
.wp-block-column,
.wp-block-media-text,
.wp-block-cover,
.wp-block-post-template,
.wp-block-query,
.wp-block-buttons {
	max-width: 100%;
}

.wp-block-group,
.wp-block-media-text,
.wp-block-cover,
.wp-block-columns,
.wp-block-post-template,
.wp-block-query {
	box-sizing: border-box;
}

.wp-block-group {
	border-radius: 8px;
}

.wp-block-group > * {
	max-width: 100%;
}

.wp-block-image img,
.wp-block-media-text__media img,
.wp-block-cover__image-background,
.wp-block-cover video {
	max-width: 100%;
	height: auto;
}

.wp-block-table {
	display: block;
	width: 100%;
	overflow-x: auto;
}

.wp-block-table table {
	width: 100%;
}

.entry-content a,
.content-area a,
.wp-block-post-content a {
	overflow-wrap: anywhere;
	word-break: break-word;
	white-space: normal;
}

.paper-links a,
.episode-modal__content a {
	display: inline-block;
	max-width: 100%;
}

.episode-modal__content,
.paper-links {
	max-width: 100%;
}

@media (max-width: 640px) {
	.hero .button-row {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
		gap: 8px !important;
	}

	.hero .button-row .button {
		flex: 1 1 0 !important;
		width: auto !important;
		min-width: 0 !important;
		min-height: 40px !important;
		padding: 9px 8px !important;
		font-size: 0.82rem !important;
		line-height: 1.1 !important;
		white-space: nowrap !important;
	}

	.wp-block-group,
	.wp-block-media-text,
	.wp-block-cover,
	.wp-block-columns {
		border-radius: 7px;
	}
}