/*
 * DWF Custom Theme - single blog post (single.php, post type "post").
 * 3.2.8, Claude MV, from Eric's screenshot of "Treating Child Care Like
 * School" (10/18/26: "probably css fix paragraph spacing").
 *
 * The component library resets every p margin to 0 (so its components stay
 * tight), and base.css sizes every h2 up to 50px for page titles. In a post's
 * running text that left paragraphs touching and "What you can do" larger
 * than the post title. Here, inside a post only:
 *   - paragraphs and lists get one line of space between them;
 *   - h2/h3 get article sizes (the .article h2 scale, slightly larger);
 *   - a floated box (.alignright / .alignleft, e.g. "Where people land")
 *     keeps a fixed width and a gap from the text, and stacks on phones.
 * Components inside the post (boxes, cards, tables) are not touched: the
 * rules only reach direct children of .post-content.
 * Loaded only on single posts (functions.php, dwf_enqueue_single_post_assets).
 */
.single-post .post-content > p,
.single-post .post-content > ul,
.single-post .post-content > ol{margin:0 0 1.1em;line-height:1.7}
.single-post .post-content > ul,
.single-post .post-content > ol{padding-left:1.4em}
.single-post .post-content > ul li,
.single-post .post-content > ol li{margin-bottom:.4em}
/* 3.4.14: blog post h2/h3 use the sitewide heading scale (content-flow.css) */

.single-post .post-content > :first-child{margin-top:0}

.single-post .post-content > .alignright{float:right;width:min(420px,42%);margin:6px 0 20px 32px}
.single-post .post-content > .alignleft{float:left;width:min(420px,42%);margin:6px 32px 20px 0}
.single-post .post-content::after{content:"";display:table;clear:both}
.single-post .post-content > .box-beige{border-radius:12px}
.single-post .post-content > .box-beige p.desc + p.desc{margin-top:10px}

@media (max-width:760px){
	.single-post .post-content > .alignright,
	.single-post .post-content > .alignleft{float:none;width:auto;margin:20px 0}
}