article.content {
	margin-bottom: 2em;
}
article.content + article.content {
	border-top: 1px solid #E45359;
	padding-top: 1.5em;
}

#wrapper hgroup h1 {
	margin: 0;
	font-size: 2em;
	line-height: 1;
}
#wrapper hgroup h2 {
	line-height: 1;
	font-weight: 300!important;
	font-size: 1.2em;
	margin-top: -.3em;
}

.article a,
.article a:active,
.article a:hover,
.article a:visited {
	/* color: #17458f; */
	color: inherit;
	text-decoration: underline;
}

.article table {
	width: auto;
	margin: .25em 0;
}
.article h2 + ul {
	padding-top: 0;
}
.article ul {
	padding-left: 2.2ch;
}
.article ul li {
	list-style-type: disc;
/* 	display: inline-block; */
	/* text-indent: 1ch; */
}
.article ul li::before {
	/* content: '-';
	position: relative;
	left: -1ch; */
}

.article ol li {
	list-style-type: decimal;
}

.article, .description {
	box-shadow: none;
	text-align: justify;
	text-justify: auto;
	word-break: keep-all;
    --x-height-multiplier: 0.375;
    --baseline-multiplier: 0.17;
    font-weight: 300;
    font-style: normal;
	font-size: .9em;
}


.article, .summary {
/*     font-size: 1.3em; */
/*     line-height: 1.58; */
/*     letter-spacing: -.003em; */
    /* color: rgba(0,0,0,.84); */

    /* margin-top: -.2em; */

	/* -webkit-columns: 2 34em;
	-moz-columns: 2 34em;
	columns: 2 34em;
	-webkit-column-gap: 4%;
	-moz-column-gap: 4%;
	column-gap: 4%;
	-moz-column-fill: auto;
	column-fill: auto; */
}
.article::after {
	content: "";
	display: table;
	clear: both;
}
.article > * {
	padding-top: 1em;
	clear: left;

	/* flex: 1; */

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.article > *:first-child {
	padding-top: 0;
}
.article > h1 + ul,
.article > h2 + ul,
.article > h3 + ul,
.article > h4 + ul,
.article > h5 + ul,
.article > h6 + ul,
.article > h1.end-colon + p,
.article > p.end-colon + ul {
	padding-top: 0;
}

.article > hr {
	padding: 0;
	margin-top: 2em;
	margin-bottom: 1em;
	border: 0;
	color: inherit;
}

.line-numbers a {
    text-decoration: none;
    color: #000;
    padding-right: 1em;
}

code {
    background: #eee;
    padding: 2px 5px;
}

pre {
    background: #eee;
    padding: 10px 15px;
    overflow: auto;
}

pre > code {
    padding: 0;
}

.article figure, .summary figure {
    margin: .5em 1em .5em 0;
}

.article figure img, .summary figure img {
    width: auto;
    max-width: 100%!important;
/*     max-height: 108vh; */
    max-height: 50vh;
}

.article figure + br, .summary figure + br {
	clear: left;
}

.article figure figcaption, .summary figure figcaption {
    /* color: #666; */
    font-style: italic;
    font-size: .8em;
}

.article blockquote, .summary blockquote {
    margin: 0px 0;
    /* color: #666; */
    border-left: 3px solid black;
    padding-left: 10px;
}

#wrapper .article h1,
#wrapper .article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
	font-size: 1em;
	color: inherit!important;
	padding-top: 2em;
}
#wrapper .article h1 {
	font-size: 1.2em;
}
#wrapper .short.article h1 {
	font-size: 1.2em;
}

@media (min-width: 500px) {
	.article, .summary {
		height: auto;
	}
}

.article strong,
.summary strong {
	font-weight: bold;
}

.article em,
.summary em {
	font-style: italic;
}