/* Content */
.container-content { max-width: 712px; box-sizing: content-box; padding: 0 24px; margin: 0 auto 64px; text-align: left; }

.p-title { color: var(--color-text-primary); }
.p-description { margin-bottom: 64px; color: var(--color-text-secondary); }

.p-blog article { margin-bottom: 64px; }
	.p-blog article h1,
	.p-blog article h1 a
	 { color: var(--color-text-primary); }
	.p-blog article h1 a:hover { text-decoration: none; color: var(--color-accent-positive); }
	.p-blog article time { color: var(--color-text-secondary); margin-bottom: 16px; display: block; }
	.p-blog article .content { color: var(--color-text-primary); margin-bottom: 16px; transition: all 0.15s ease-out; }
		.p-blog article .summary { padding-bottom: 16px; margin-bottom: 16px; border-bottom: solid 1px var(--color-decorator-regular); }
		
		.p-blog article footer a { color: var(--color-accent-positive); margin-right: 16px; }
		.p-blog article footer a .icon { margin: 0 2px 0 0; width: 24px; height: 24px; vertical-align: middle; }
		.p-blog article footer a em { font-style: normal; vertical-align: middle; }
		.p-blog article footer a .icon path { fill: var(--color-accent-positive); }

		/* Markdown styling for blog content */
		.p-blog article .markdown { line-height: 1.6; }
		.p-blog article .markdown h2 { margin: 32px 0 16px; color: var(--color-text-primary); font-size: 1.5em; font-weight: 600; }
		.p-blog article .markdown h3 { margin: 24px 0 12px; color: var(--color-text-primary); font-size: 1.25em; font-weight: 600; }
		.p-blog article .markdown p { margin-bottom: 16px; }
		.p-blog article .markdown ul, .p-blog article .markdown ol { margin: 16px 0; padding-left: 24px; }
		.p-blog article .markdown li { margin-bottom: 8px; }
		.p-blog article .markdown strong { font-weight: 600; }
		.p-blog article .markdown a { color: var(--color-accent-positive); text-decoration: none; }
		.p-blog article .markdown a:hover { text-decoration: underline; }
		.p-blog article .markdown code { background: var(--color-decorator-regular); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 0.9em; }
		.p-blog article .markdown blockquote { border-left: 3px solid var(--color-accent-positive); padding-left: 16px; margin: 16px 0; color: var(--color-text-secondary); }
		.p-blog article .markdown table { width: 100%; border-collapse: collapse; margin: 24px 0; }
		.p-blog article .markdown table th { background: var(--color-decorator-regular); padding: 8px 12px; text-align: left; font-weight: 600; }
		.p-blog article .markdown table td { padding: 8px 12px; border-bottom: 1px solid var(--color-decorator-regular); }

/* List version */
.p-blog > li { position: relative; padding-bottom: 48px; cursor: default; border-bottom: 1px solid var(--color-decorator-regular); margin-bottom: 48px; }
.p-blog > li:last-child { border-bottom: none; }
.p-blog > li article { margin-bottom: 0; }
.p-blog > li .content { color: var(--color-text-secondary); }
.p-blog > li article footer { transition: all 0.15s ease-out; }

.p-blog > li:hover .content { color: var(--color-text-primary); }