/* Sticky sidebar
   ========================================================================== */

/* guide-default-v3.css only sets z-index here, leaving top:0 from Bootstrap's
   .sticky-md-top utility - fine for guides (the "Jump to" box is always above
   it), but blog posts have no author snippet when author_id is null, so
   "Back to Top" ends up alone and flush against the browser edge as you
   scroll. Give the sticky box a permanent gap from the top instead. */
#jump-to.sticky-md-top {
	top: 1.5rem;
}

/* Blog post body
   ========================================================================== */

/* Baseline styling for raw database-authored HTML (guides get this for free
   from hand-applied utility classes per element; blog content has none). */

.blog-post-body {
	font-size: 1rem;
	line-height: 1.7;
	color: #333;
}

.blog-post-body h2,
.blog-post-body h3 {
	color: #1e4b8f;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

.blog-post-body p {
	margin-bottom: 1.25rem;
}

.blog-post-body ul,
.blog-post-body ol {
	padding-left: 1.5rem;
	margin-bottom: 1.25rem;
}

.blog-post-body li {
	margin-bottom: 0.5rem;
}

.blog-post-body li:last-child {
	margin-bottom: 0;
}

.blog-post-body img {
	max-width: 100%;
	height: auto;
	border-radius: 1.5rem;
	margin: 1rem 0;
}

.blog-post-body a {
	color: #0099ff;
}