/* Scope every visual change to the article reader; the active theme remains untouched. */
body.single-post #content.imgex-story-page {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.single-post #content .section-gap {
	padding-top: 18px !important;
}

body.single-post #content .section-gap > .wrapper.imgex-story-layout {
	display: grid !important;
	grid-template-columns: minmax(250px, 300px) minmax(0, 900px);
	align-items: start;
	justify-content: start;
	gap: clamp(24px, 3.2vw, 40px);
	width: calc(100% - 48px) !important;
	max-width: 1360px !important;
	margin: 20px auto 48px !important;
	padding: 0 !important;
	float: none !important;
	box-sizing: border-box;
}

body.single-post #content .wrapper.imgex-story-layout > .imgex-headline-rail {
	position: sticky;
	top: 18px;
	grid-column: 1;
	grid-row: 1;
	width: auto;
	max-height: calc(100vh - 32px);
	min-width: 0;
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: thin;
	scrollbar-color: #c6c6c6 transparent;
	border-right: 1px solid #e6e6e6;
	background: #fff;
}

body.single-post #content .imgex-headline-rail::-webkit-scrollbar { width: 5px; }
body.single-post #content .imgex-headline-rail::-webkit-scrollbar-track { background: transparent; }
body.single-post #content .imgex-headline-rail::-webkit-scrollbar-thumb { border-radius: 5px; background: #c6c6c6; }

.imgex-headline-heading {
	margin: 0;
	padding: 0 20px 14px 0;
	border-bottom: 2px solid #222;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: .06em;
	line-height: 1.35;
	text-transform: uppercase;
}

.imgex-headline-list { display: block; margin: 0; padding: 0 18px 0 0; }
.imgex-headline-link { display: block; padding: 16px 14px 17px 16px; border-bottom: 1px solid #e7e7e7; color: inherit; text-decoration: none; transition: background-color .16s ease, border-color .16s ease; }
.imgex-headline-link:hover { background: #f7f7f7; color: inherit; }
.imgex-headline-link.is-active { border-left: 3px solid #222; padding-left: 13px; background: #f5f5f5; }
.imgex-headline-date { display: block; margin-bottom: 7px; color: #777; font-size: .78rem; line-height: 1.4; }
.imgex-headline-title { display: block; font-size: .98rem; font-weight: 600; line-height: 1.42; }

body.single-post #content .wrapper.imgex-story-layout > .imgex-story-column {
	grid-column: 2;
	grid-row: 1;
	width: auto !important;
	max-width: none !important;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
}

body.single-post #content .wrapper.imgex-story-layout > #secondary,
body.single-post #content .wrapper.imgex-story-layout > .secondary { display: none !important; }
body.single-post .wrapper.imgex-story-layout .imgex-story-article { margin: 0 0 54px; padding: 0 0 44px; border-bottom: 1px solid #e2e2e2; scroll-margin-top: 22px; }
body.single-post .wrapper.imgex-story-layout .imgex-story-article .entry-title { max-width: 900px; margin-top: 0; }
body.single-post .wrapper.imgex-story-layout .imgex-story-article .entry-content { max-width: 820px; }
body.single-post .wrapper.imgex-story-layout .imgex-story-article .entry-content img { height: auto; }
body.single-post .wrapper.imgex-story-layout .imgex-story-article .entry-content iframe,
body.single-post .wrapper.imgex-story-layout .imgex-story-article .entry-content video { max-width: 100%; }
body.single-post .wrapper.imgex-story-layout .imgex-story-featured-image { max-width: 900px; margin: 0 0 24px; }
body.single-post .wrapper.imgex-story-layout .imgex-story-featured-image img { display: block; width: 100%; height: auto; }
.imgex-story-status { padding: 12px 16px; border-left: 3px solid #cd1713; background: #fff6f5; color: #555; }
.imgex-story-status[hidden] { display: none !important; }
.imgex-story-spacer { display: block; min-height: 0; pointer-events: none; }

@media (max-width: 900px) {
	body.single-post #content .section-gap > .wrapper.imgex-story-layout {
		display: block !important;
		width: calc(100% - 32px) !important;
		max-width: 760px !important;
		margin: 24px auto 48px !important;
	}
	body.single-post #content .section-gap { padding-top: 8px !important; }
	body.single-post #content .wrapper.imgex-story-layout > .imgex-headline-rail { display: none !important; }
	body.single-post #content .wrapper.imgex-story-layout > .imgex-story-column { width: 100% !important; }
	body.single-post .wrapper.imgex-story-layout .imgex-story-article { margin-bottom: 38px; padding-bottom: 32px; scroll-margin-top: 76px; }
}

@media (max-width: 600px) {
	body.single-post #content .section-gap > .wrapper.imgex-story-layout { width: calc(100% - 28px) !important; margin-top: 18px !important; }
	body.single-post .wrapper.imgex-story-layout .imgex-story-article .entry-content { font-size: inherit; }
	body.single-post .wrapper.imgex-story-layout .imgex-story-featured-image { margin-bottom: 18px; }
}