body {
	touch-action: manipulation;
}

.yoast-breadcrumbs {
	font-size: 12px;
	line-height: 1.5;
	padding: 7px 0;
	background-color: #eee;
	color: #444;
}

.yoast-breadcrumbs > span {
	display: block;
	max-width: var(--wp--style--global--content-size, 1100px);
	margin: 0 auto;
	padding: 0 10px;
}

.yoast-breadcrumbs a {
	color: #444;
	text-decoration: none;
}

.yoast-breadcrumbs a:hover {
	text-decoration: underline;
}

.yoast-breadcrumbs > span > span:first-child a::before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 0.5L0.5 7v8.5h5v-5h5v5h5V7z' fill='%23888'/%3E%3C/svg%3E") no-repeat center / contain;
	margin-right: 3px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.main-sidebar-layout {
	display: flex;
	flex-direction: column;
}

@media (min-width: 950px) {
	.main-sidebar-layout {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		overflow-x: auto;
		min-width: 930px;
	}

	.main-sidebar-layout > main.wp-block-group {
		flex: 0 0 630px;
		max-width: 630px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.main-sidebar-layout > aside.sidebar {
		flex: 0 0 300px;
		max-width: 300px;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
