/* Article-only layout. Home and archive layouts remain independent. */
.k39-single #page {
	max-width: var(--k39-width);
	width: calc(100% - 64px);
	margin-inline: auto;
}
.k39-single .site-content { padding: 48px 0; }
.k39-single.single-post .site-content,
.k39-single-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 260px;
	gap: 48px;
	align-items: start;
}
.k39-single #primary,
.k39-single .k39-guide-article { width: 100%; min-width: 0; margin: 0; }
.k39-single #primary .site-main { margin: 0; }
.k39-single.single-post .inside-article { padding: 0; background: transparent; }
.k39-single .k39-article-header { margin-top: 0; }
.k39-single .k39-prose .alignwide { width: 100%; max-width: 100%; margin-inline: 0; }
.k39-single .entry-content :is(h2, h3) { scroll-margin-top: 28px; }

/* Center the reading column while allowing standalone photos to keep their width.
 * The guide's former 760px container now constrains media only, not its prose. */
.k39-single .entry-content { --k39-reading-width: 800px; }
.k39-single .entry-content.k39-prose { max-width: none; }
.k39-single .entry-content > :not(img, picture, figure, .imageblock, .wp-caption, .wp-block-image, .wp-block-gallery, .gallery, .alignleft, .alignright, a:has(> img:only-child), p:has(> img:only-child), p:has(> a:only-child > img:only-child)) {
	max-width: var(--k39-reading-width);
	margin-inline: auto;
}
.k39-single .entry-content > :is(ul, ol) {
	padding-inline-start: 1.6em;
}
.k39-single .k39-prose > :is(img, picture, figure, .imageblock, .wp-caption, .wp-block-image, .wp-block-gallery, .gallery, a:has(> img:only-child), p:has(> img:only-child), p:has(> a:only-child > img:only-child)) {
	max-width: min(100%, 760px);
	margin-inline: auto;
}

.k39-single .k39-toc {
	max-width: 800px;
	margin: 28px auto 32px;
	padding: 22px 26px;
	border-radius: 10px;
	background: #f7f8f9;
	border: 1px solid var(--k39-line);
	font-size: 16px;
	line-height: 1.7;
}
.k39-single .k39-toc summary { font-size: 17px; }
.k39-single .k39-toc[open] summary { padding-bottom: 14px; border-bottom: 1px solid var(--k39-line); }
.k39-single .k39-toc ol { list-style: none; margin: 16px 0 0; padding: 0; }
.k39-single .k39-toc li { margin: 9px 0; }
.k39-single .k39-toc li > ol { margin: 8px 0 12px 10px; padding-left: 18px; border-left: 2px solid var(--k39-line); font-size: .94em; }
.k39-single .k39-toc a { overflow-wrap: anywhere; }

.k39-article-sidebar { min-width: 0; border-left: 1px solid var(--k39-line); padding-left: 24px; }
.k39-sidebar-title { font-size: 18px; font-weight: 650; margin: 0 0 20px; }
.k39-category-tree,
.k39-category-tree .children { list-style: none; padding: 0; margin: 0; }
.k39-category-tree li { margin: 0 0 12px; }
.k39-category-tree a { display: inline-block; font-size: 15px; line-height: 1.65; text-decoration: none; overflow-wrap: anywhere; }
.k39-category-tree a:hover { text-decoration: underline; text-underline-offset: 4px; }
.k39-category-tree .children { margin: 10px 0 18px 5px; padding-left: 14px; border-left: 2px solid var(--k39-line); }
.k39-category-tree .children a { color: var(--k39-muted); }
.k39-category-tree .current-cat > a { font-weight: 700; color: var(--k39-accent); }

@media (max-width: 960px) {
	.k39-single.single-post .site-content,
	.k39-single-layout { display: block; }
	.k39-single .k39-guide-article { padding-bottom: 0; }
	.k39-article-sidebar { border-left: 0; border-top: 1px solid var(--k39-line); padding: 28px 0 0; margin-top: 48px; }
}
@media (max-width: 640px) {
	.k39-single #page { width: calc(100% - 36px); }
	.k39-single .site-content { padding: 30px 0; }
	.k39-single .k39-toc { padding: 18px; font-size: 15px; }
}