/**
 * Overrides for editor blocks, loaded only when a view renders block markup.
 */

.article__body .alignwide {
	width: calc(100% + 40px);
	max-width: none;
	margin-inline: -20px;
}

.article__body .alignfull {
	width: calc(100% + 68px);
	max-width: none;
	margin-inline: -34px;
}

.article__body .alignleft {
	float: left;
	margin: 6px 24px 12px 0;
}

.article__body .alignright {
	float: right;
	margin: 6px 0 12px 24px;
}

.article__body .aligncenter {
	margin-inline: auto;
}

.article__body .wp-block-image figcaption,
.article__body .blocks-gallery-caption {
	color: var(--c-muted-soft);
	font-size: var(--t-small);
}

.article__body .wp-block-quote {
	padding-left: 18px;
	border-left: 3px solid var(--c-accent);
}

.article__body .wp-block-pullquote {
	padding: 22px 0;
	border-top: 2px solid var(--c-ink);
	border-bottom: 2px solid var(--c-ink);
	text-align: center;
}

.article__body .wp-block-gallery {
	gap: 8px;
}

.article__body .wp-block-button__link {
	display: inline-flex;
	padding: 12px 20px;
	background: var(--c-accent);
	color: var(--c-surface);
	font-family: var(--f-ui);
	font-weight: 600;
	text-decoration: none;
}

.article__body .wp-block-separator {
	max-width: 120px;
	margin-inline: 0;
	border: 0;
	border-top: 2px solid var(--c-line);
}

.article__body .wp-block-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--t-small);
}

.article__body .wp-block-table th,
.article__body .wp-block-table td {
	padding: 10px 12px;
	border: 1px solid var(--c-line);
	text-align: left;
}

.article__body .wp-block-embed iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
	height: auto;
}
