@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@600;700&display=swap');

/*
 * The Native Times editorial system
 *
 * Regular news: 660px reading column.
 * Feature stories: 720px reading column when assigned to Featured.
 * Hero treatment remains an editorial choice in the Fox post layout controls.
 */

body.single-post .single56__body {
	width: 660px;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}

body.single-post .single56.category-featured .single56__body {
	width: 720px;
}

/*
 * Feature heroes should establish the story without swallowing the first screen.
 * Fox defaults the full hero to almost a complete viewport height.
 */
body.single-post.body--hero--full .hero56--full {
	height: clamp(420px, 62vh, 640px);
	min-height: 420px;
	max-height: 640px;
}

body.single-post .single56__post_content {
	width: 100%;
	max-width: none;
	font-family: var(--font-body, Podkova, Georgia, serif);
	font-size: 18px;
	line-height: 1.58;
}

body.single-post .single56__post_content p {
	margin-top: 0;
	margin-bottom: .48em;
}

body.single-post .single56__post_content nav[aria-label="Article languages"] {
	margin: 0 0 2.2rem;
	padding: .8rem 0;
	overflow-x: auto;
	border-top: 1px solid #d7d2c8;
	border-bottom: 1px solid #d7d2c8;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 15px;
	line-height: 1.4;
	white-space: nowrap;
}

body.single-post .single56__post_content nav[aria-label="Article languages"] strong {
	display: inline;
}

body.single-post .single56__post_content nav[aria-label="Article languages"] a {
	display: inline;
	font-weight: 700;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

body.single-post .single56__post_content section,
body.single-post .single56__post_content #translation-notes,
body.single-post .single56__post_content aside.translation-note {
	scroll-margin-top: 3.5rem;
}

body.single-post .single56__post_content section > h2 {
	margin: 2.6rem 0 1rem;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 27px;
	line-height: 1.15;
	letter-spacing: .045em;
}

body.single-post .single56__post_content > p:first-child:has(> strong:only-child) {
	margin: 0 0 .75rem;
	font-family: Podkova, Georgia, serif;
	font-size: 21px;
	font-style: italic;
	font-weight: 700;
	line-height: 1.35;
}

body.single-post .single56__post_content > p:first-child:has(> strong:only-child) > strong {
	font: inherit;
}

body.single-post .single56__post_content section > h2 + p > em,
body.single-post .single56__post_content section > h2 + em {
	display: block;
	margin: 0 0 .75rem;
	font-family: Podkova, Georgia, serif;
	font-size: 21px;
	font-style: italic;
	font-weight: 700;
	line-height: 1.35;
}

body.single-post .single56__post_content #translation-notes,
body.single-post .single56__post_content aside.translation-note {
	margin: 1.25rem 0 2.7rem;
	padding: .85rem 1rem;
	border-left: 3px solid #816243;
	background: #f7f5f0;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 15px;
	line-height: 1.48;
}

body.single-post .single56__post_content #translation-notes {
	margin-top: 3.2rem;
	padding: 1.05rem 1.2rem;
	border-left-width: 4px;
	background: #f4f1ea;
}

body.single-post .single56__post_content #translation-notes h2 {
	margin: 0 0 .7rem;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 22px;
}

body.single-post .single56__post_content aside.translation-note h3 {
	margin: 0 0 .45rem;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 18px;
}

body.single-post .single56__post_content #translation-notes p,
body.single-post .single56__post_content aside.translation-note p {
	margin-bottom: .62em;
}

body.single-post .single56__post_content aside.translation-note .translation-status {
	font-size: 14px;
}

body.single-post .single56__post_content #sources {
	margin-top: 3.8rem;
	padding-top: 1.45rem;
	border-top: 2px solid #302b27;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 15px;
	line-height: 1.38;
}

body.single-post .single56__post_content #sources > h2 {
	margin-top: 0;
}

body.single-post .single56__post_content #sources h3 {
	margin: 1.55rem 0 .55rem;
	font-family: var(--font-heading, Inter, Arial, sans-serif);
	font-size: 17px;
	letter-spacing: .035em;
}

body.single-post .single56__post_content #sources ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

body.single-post .single56__post_content #sources li {
	margin: 0 0 .4rem;
}

body.single-post .single56__post_content #sources li > br,
body.single-post .single56__post_content #sources a > br {
	display: none;
}

body.single-post .single56__post_content #sources .source-description {
	display: block;
	margin-top: 0;
	font-weight: 400;
	line-height: 1.25;
}

@media (max-width: 700px) {
	body.single-post.body--hero--full .hero56--full {
		height: clamp(340px, 55vh, 460px);
		min-height: 340px;
		max-height: 460px;
	}

	body.single-post .single56__post_content {
		font-size: 17px;
	}

	body.single-post .single56__post_content nav[aria-label="Article languages"] {
		line-height: 1.75;
		white-space: normal;
	}
}

/* Article headline font test — IBM Plex Sans */
body.single-post .single56__title {
	font-family: "IBM Plex Sans", Arial, sans-serif;
	font-weight: 700;
	letter-spacing: -.018em;
}