article {
	display: flex; justify-content: space-around;
	margin: 0; padding: 0; text-align: justify;
	border-style: solid; border-width: 0 1px;
}
article:nth-child(even), h1 { background: white;   border-color: rgba(0, 0, 0, .15); }
article:nth-child(odd)      { background: #f4c0c0; border-color: rgba(128, 0, 0, .1); }

article .author {
	display: flex; flex-direction: column; align-items: center;
	width: 10%; min-width: 100px;
	padding: 16px 0 12px 0; margin: 0;
}
article .author img:first-child { width: 100px; height: 100px; margin-bottom: 8px; }
article .author span[title='nickname'] { display: block; text-align: center; font-weight: bold; }
article .author span { margin-bottom: 0; }
article .author span[title='level'] { font-size: 9px; }


article .content {
	display: flex; flex-direction: column;
	width: 85%; padding: 12px;
	line-height: 18px;
}

h1 { padding: 24px 0 8px 0; margin: 0; text-align: center; font-size: 24px; color: #181818; border-style: solid; border-width: 0 1px; }

article .content time {	font-style: italic; }
article .content p { margin: 6px 0; }
article .content p:last-of-type { flex-grow: 1; /*margin-bottom: 10px;*/ }
article .content .meta { text-align: right; font-size: 11px; }
article .content .moderation { color: rgba(0, 0, 0, .4); }

div.pagination { text-align: center; margin: 16px 0 32px 0; }
div.content-border { margin: 16px 5%; border: 1px solid rgba(0, 0, 0, 0); border-top: 2px solid #db3e3e; border-bottom: 2px solid #db3e3e; }

details { display: block; padding: 10px; background: rgba(0, 0, 64, .12); }
summary { display: block; margin: -10px; padding: 5px; cursor: pointer; color: #ffffff; background: #b21212; }
summary:hover, summary:focus { background: #900909; }
details > p:last-child { margin-bottom: 0; }
details[open] > summary { margin-bottom: 0; }
/*summary:before { content: '→ '; }
details[open] > summary:before { content: '↓ '; }*/