/**
 * 采集自微信公众号的正文基础样式。
 *
 * 微信原文的视觉由两部分组成：
 *   1. 元素上的内联 style（版式、配色、间距）—— 采集时已原样保留；
 *   2. 页面级的 .rich_media_content 基础样式（字号、行高、图片块级显示）。
 * 第 2 部分留在微信站内，搬不过来，就由这份样式表在你的站点补齐，
 * 否则正文会被主题的默认排版带跑，看起来「掉了样式」。
 *
 * 所有规则都限定在 .wxag-article 容器内，不会影响站点其它内容。
 */

.wxag-article {
	font-size: 17px;
	line-height: 1.6;
	color: rgba( 0, 0, 0, 0.9 );
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-text-size-adjust: 100%;
}

/* 微信编辑器普遍假设 border-box，不补上会出现莫名其妙的溢出。 */
.wxag-article div,
.wxag-article p,
.wxag-article section,
.wxag-article blockquote,
.wxag-article table {
	box-sizing: border-box;
	max-width: 100%;
}

/* 图片：块级 + 居中 + 自适应，等价于微信站内的表现。 */
.wxag-article img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: bottom;
	border: 0;
}

.wxag-article p {
	clear: both;
	min-height: 1em;
	margin: 0 0 1em;
}

.wxag-article a {
	color: #576b95;
	text-decoration: none;
}

.wxag-article a:hover {
	text-decoration: underline;
}

.wxag-article strong,
.wxag-article b {
	font-weight: 700;
}

/* 微信模板里大量使用浮动做左右分栏，收尾要清一下。 */
.wxag-article::after {
	content: "";
	display: table;
	clear: both;
}

/* 窄屏下把死板的固定字号收一档，避免手机上横向滚动。 */
@media screen and ( max-width: 640px ) {
	.wxag-article {
		font-size: 16px;
	}
}