.mgx-article {
	--mgx-article-ink: #f4f2ef;
	--mgx-article-muted: #bcb8b1;
	--mgx-article-line: #44413c;
	width: min(1180px, calc(100% - 96px));
	margin-inline: auto;
	padding-block: clamp(44px, 7vw, 88px);
	color: var(--mgx-article-ink);
}
.mgx-article .mgx-article-header,
.mgx-article .mgx-article-content { width: min(100%, 780px); margin-inline: auto; }
.mgx-article .mgx-article-back {
	display: inline-block;
	margin-bottom: 30px;
	font-size: 13px;
	color: var(--mgx-article-muted);
	text-decoration: underline;
	text-underline-offset: 4px;
}
.mgx-article .mgx-article-categories { margin-bottom: 20px; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; line-height: 1.8; }
.mgx-article .mgx-article-categories a { color: var(--mgx-article-muted); text-decoration: underline; text-underline-offset: 4px; }
.mgx-article .mgx-article-header h1 { margin: 0 0 24px; font-size: clamp(34px, 4.5vw, 62px); line-height: 1.1; font-weight: 500; letter-spacing: -.04em; overflow-wrap: anywhere; color: var(--mgx-article-ink); }
.mgx-article .mgx-article-meta { margin: 0; color: var(--mgx-article-muted); font-size: 13px; }
.mgx-article .mgx-article-featured { margin: 42px 0 48px; }
.mgx-article .mgx-article-featured img { display: block; width: 100%; height: auto; max-height: 680px; object-fit: contain; }
.mgx-article .mgx-article-content { margin-top: 42px; font-size: clamp(16px, 1.5vw, 18px); line-height: 1.8; color: #d6d2cb; overflow-wrap: break-word; }
.mgx-article .mgx-article-content::after { display: table; clear: both; content: ""; }
.mgx-article .mgx-article-content > :first-child { margin-top: 0; }
.mgx-article .mgx-article-content p { margin-block: 0 1.45em; line-height: inherit; }
.mgx-article .mgx-article-content h1,
.mgx-article .mgx-article-content h2,
.mgx-article .mgx-article-content h3,
.mgx-article .mgx-article-content h4,
.mgx-article .mgx-article-content h5,
.mgx-article .mgx-article-content h6 { margin-block: 1.65em .65em; line-height: 1.25; letter-spacing: -.025em; color: var(--mgx-article-ink); font-weight: 500; }
.mgx-article .mgx-article-content h2 { font-size: clamp(27px, 3vw, 36px); }
.mgx-article .mgx-article-content h3 { font-size: clamp(23px, 2.4vw, 28px); }
.mgx-article .mgx-article-content h4 { font-size: 21px; }
.mgx-article .mgx-article-content a { color: #f4f2ef; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; overflow-wrap: anywhere; }
.mgx-article .mgx-article-content a:hover { text-decoration-thickness: 2px; }
.mgx-article a:focus-visible,
.mgx-article button:focus-visible,
.mgx-article input:focus-visible,
.mgx-article textarea:focus-visible,
.mgx-article select:focus-visible { outline: 2px solid #f4f2ef; outline-offset: 4px; }
.mgx-article .mgx-article-content ul,
.mgx-article .mgx-article-content ol { padding-inline-start: 1.6em; margin-block: 0 1.5em; }
.mgx-article .mgx-article-content li { margin-block: .35em; }
.mgx-article .mgx-article-content li > ul,
.mgx-article .mgx-article-content li > ol { margin-block: .5em; }
.mgx-article .mgx-article-content blockquote { margin: 2em 0; padding: .25em 0 .25em 1.4em; border-inline-start: 2px solid #938b7d; color: var(--mgx-article-ink); }
.mgx-article .mgx-article-content blockquote p:last-child { margin-bottom: 0; }
.mgx-article .mgx-article-content figure { max-width: 100%; margin-inline: 0; }
.mgx-article .mgx-article-content img { max-width: 100%; height: auto; }
.mgx-article .mgx-article-content iframe,
.mgx-article .mgx-article-content video { max-width: 100%; }
.mgx-article .mgx-article-content figcaption,
.mgx-article .mgx-article-content .wp-caption-text { font-size: 13px; line-height: 1.6; color: var(--mgx-article-muted); margin-top: 12px; }
.mgx-article .mgx-article-content .wp-block-table { overflow-x: auto; }
.mgx-article .mgx-article-content table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin-block: 1.5em; font-size: .9em; line-height: 1.6; }
.mgx-article .mgx-article-content th,
.mgx-article .mgx-article-content td { padding: 13px 15px; border: 1px solid var(--mgx-article-line); vertical-align: top; text-align: start; }
.mgx-article .mgx-article-content th { color: #f4f2ef; background: #282725; font-weight: 600; }
.mgx-article .mgx-article-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: #252422; }
.mgx-article .mgx-article-content pre { max-width: 100%; overflow-x: auto; padding: 20px; background: #242321; color: #f4f2ef; border: 1px solid var(--mgx-article-line); font-size: .85em; line-height: 1.6; }
.mgx-article .mgx-article-content code { font-size: .9em; overflow-wrap: anywhere; }
.mgx-article .mgx-article-content hr { margin-block: 2.5em; border: 0; border-top: 1px solid var(--mgx-article-line); }
.mgx-article .mgx-article-pages { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--mgx-article-line); }
.mgx-article .mgx-article-pages .post-page-numbers { min-width: 40px; padding: 6px 12px; border: 1px solid var(--mgx-article-line); text-align: center; }
.mgx-article .mgx-article-pages .current { background: #f4f2ef; color: #181818; }
@media (max-width: 1000px) {
	.mgx-article { width: calc(100% - 64px); }
}
@media (max-width: 640px) {
	.mgx-article { width: calc(100% - 40px); }
	.mgx-article .mgx-article-back { margin-bottom: 24px; }
	.mgx-article .mgx-article-featured { margin-block: 30px; }
	.mgx-article .mgx-article-content { margin-top: 30px; }
	.mgx-article .mgx-article-content .alignleft,
	.mgx-article .mgx-article-content .alignright { float: none; margin-inline: 0; }
	.mgx-article .mgx-article-content th,
	.mgx-article .mgx-article-content td { padding: 10px; }
}