/* article body styles extracted for main-site chrome */
.article-box .article-thumb{margin-bottom:24px}
.article-box .article-title h1{font-size:20px;font-weight:bold;margin-bottom:20px}
@media screen and (min-width: 768px){.article-box .article-title h1{font-size:24px}}
.article-box .article-description{margin-bottom:24px}
.article-box .article-description p{line-height:1.7;margin-bottom:1em}
@media screen and (min-width: 768px){.article-box .article-description p{font-size:15px}}
.article-box .article-description .time{text-align:right}
.article-box .article-description .time time{font-size:10px;color:#999}
@media screen and (min-width: 768px){.article-box .article-description .time time{font-size:12px}}
.article-box .article-text{margin-bottom:10px}
.article-box .article-text *{line-height:1.7;margin-bottom:1em}
@media screen and (min-width: 768px){.article-box .article-text *{font-size:15px}}
.article-box .article-text h2,.article-box .article-text h3{line-height:1.4;font-weight:600}
@media screen and (min-width: 768px){.article-box .article-text h2,.article-box .article-text h3{line-height:1.7}}
.article-box .article-text h2{font-size:20px;margin:40px 0 10px}
@media screen and (min-width: 768px){.article-box .article-text h2{margin:70px 0 10px}}
.article-box .article-text h2 span{font-size:inherit !important;font-weight:inherit !important;color:inherit !important}
.article-box .article-text h3{border-left:3px solid #c7c7c7;font-size:18px;margin:30px 0 12px;padding-left:.5em}
@media screen and (min-width: 768px){.article-box .article-text h3{font-size:22px;margin:55px 0 10px}}
.article-box .article-text h3 span{font-size:inherit !important;font-weight:inherit !important;color:inherit !important}
.article-box .article-text ul,.article-box .article-text ol{list-style-position:outside;padding-left:2em;margin:1.5em 0}
.article-box .article-text li,.article-box .article-text ul{list-style:disc;list-style-type:disc}
.article-box .article-text ol{list-style:decimal;list-style-type:decimal}
.article-box .article-text b{color:#111;padding:0 1px 2px;background:-webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #fbff1c));background:-webkit-linear-gradient(transparent 60%, #fbff1c 60%);background:linear-gradient(transparent 60%, #fbff1c 60%)}
.article-box .article-text blockquote{position:relative;padding:35px 10px 10px 10px;box-sizing:border-box;font-style:italic;background:#efefef;color:#555}
@media screen and (max-width: 767px){.article-box .article-text blockquote{font-size:13px}}
@media screen and (min-width: 768px){.article-box .article-text blockquote{padding:50px 15px 8px 15px}}
.article-box .article-text blockquote:before{display:inline-block;position:absolute;top:10px;left:3px;content:"“";color:#cfcfcf;font-size:50px;line-height:1;font-weight:900}
@media screen and (min-width: 768px){.article-box .article-text blockquote:before{top:13px;left:10px;font-size:60px}}
.article-box .article-text table{width:100%;border-collapse:collapse;border-spacing:0}
.article-box .article-text table th,.article-box .article-text table td{border:1px solid #e7e7e7;color:#333;line-height:1.2;padding:6px;text-align:center;font-size:.95em;vertical-align:middle}
.article-box .article-text table th{background-color:#f7f7f7;font-weight:400}
.article-box .article-text .attention{background:#ffe4e1;padding:15px;font-weight:600}
@media screen and (min-width: 768px){.article-box .article-text .attention{padding:30px}}
.article-box .article-text .attention *{margin-bottom:0}