/* Generated by scripts/build-rtl.js (rtlcss). Do not edit; edit the LTR source and rebuild. */
.page-container {
	margin-inline: auto;
	max-width: 1200px;
	padding: 96px 24px;
}

.page-container .entry-header {
	margin-bottom: 48px;
}

.page-container .entry-title {
	font-size: clamp(42px, 7vw, 92px);
	letter-spacing: 0;
	line-height: .95;
	margin: 0;
}

.page-container .entry-content {
	font-size: 18px;
	line-height: 1.7;
	max-width: 840px;
}

.page-container .entry-content > * + * {
	margin-top: 1.5em;
}

.page-container .entry-content table {
	border-collapse: collapse;
	width: 100%;
}

.page-container .entry-content th,
.page-container .entry-content td {
	border-bottom: 1px solid currentColor;
	padding: 14px 8px;
	text-align: start;
}

/* The content column is left-aligned, so a symmetric pull-out would push a wide
   block off the left edge of the window (it clipped the cart and checkout
   blocks). Widen to the right instead, capped to the window minus page padding. */
.page-container .alignwide {
	margin-inline: 0;
	max-width: none;
	width: min(1200px, calc(100vw - 72px));
}

.page-container .alignfull {
	margin-inline: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

@media (max-width: 900px) {
	.page-container {
		padding-block: 64px;
	}

	.page-container .alignwide {
		margin-inline: 0;
		max-width: 100%;
		width: 100%;
	}
}