/* ============================================================
   Single article reading area

   Overrides for the standalone article layout, i.e. after the
   "More Articles" sidebar was removed and the post column was
   left on its own in the container.

   These live outside theme.css because that file is a compiled
   Laravel Mix bundle; see self-assessment.css for the same
   pattern.
   ============================================================ */

/*
 * Wider column paired with larger type. The two move together on purpose: at
 * the previous 675px/17px the line was already running ~75 characters, so
 * widening on its own would have pushed the measure past comfortable. At
 * 760px/19px it holds the same ~75 characters while reading noticeably bigger.
 *
 * Both are limited to the wide layout. On a phone the column already fills the
 * screen, where 19px would cut the line down to around 35 characters.
 *
 * The assessment card renders inside .entry-content but is scoped more tightly
 * than this in assessment-promo.css, so it keeps the type set there.
 */
@media (min-width: 768px) {
	.article-single .body-content {
		max-width: 47.5rem;
	}

	.article-single .entry-content p,
	.article-single .entry-content ul,
	.article-single .entry-content ol {
		font-size: 1.1875rem;
		line-height: 1.6;
	}
}

/* ------------------------------------------------------------
   Lists

   The reset strips list padding, which leaves markers drawn in
   the gutter to the left of the text column, and collapses the
   space that separates a list from the paragraph after it.
   ------------------------------------------------------------ */
.article-single .entry-content ul,
.article-single .entry-content ol {
	margin-bottom: 30px;
	padding-left: 1.5em;
}

/* Markers sit outside the text, so lines that wrap align under the first line
   rather than under the marker. */
.article-single .entry-content ul {
	list-style: disc outside;
}

.article-single .entry-content ol {
	list-style: decimal outside;
}

.article-single .entry-content li + li {
	margin-top: 0.6em;
}

/*
 * Items are frequently authored as full paragraphs. Left alone those carry the
 * article's paragraph spacing into every item, which pulls the list apart into
 * what reads as separate blocks of text rather than one set.
 */
.article-single .entry-content li > p {
	margin-bottom: 0;
}

.article-single .entry-content li > p + p,
.article-single .entry-content li > ul,
.article-single .entry-content li > ol {
	margin-top: 0.6em;
}

.article-single .entry-content li > ul,
.article-single .entry-content li > ol {
	margin-bottom: 0;
}