@charset "UTF-8";
/* Scoped additions for the two reviewed oolong guides. */
#container #content #main.article-guide { overflow-wrap: anywhere; line-height: 1.85; }
#container #content #main.article-guide h1 { box-sizing: border-box; text-indent: 0; padding: 12px 8px 12px 50px; line-height: 1.6; background-position: left 12px; }
#main.article-guide p { margin-bottom: 1.15em; }
#main.article-guide ul { margin-left: 1.4em; list-style: disc; }
#main.article-guide ol { margin-left: 1.6em; list-style: decimal; }
#main.article-guide .article-updated, #main.article-guide .article-source-note { font-size: 13px; color: #555; }
#main.article-guide .article-hero { margin: 20px 0 24px; }
#main.article-guide .article-hero img { display: block; width: 100%; max-width: 100%; height: auto; }
#main.article-guide figcaption { margin-top: 8px; font-size: 12px; line-height: 1.6; color: #555; }
#main.article-guide .article-table-wrap { max-width: 100%; overflow-x: auto; margin: 16px 0; }
#main.article-guide .article-table { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 1.65; }
#main.article-guide .article-table caption { text-align: left; padding: 8px 0; font-weight: bold; }
#main.article-guide .article-table th, #main.article-guide .article-table td { border: 1px solid #e0c9ad; padding: 10px; vertical-align: top; }
#main.article-guide .article-table thead, #main.article-guide .article-table th[scope="row"] { background: #fff4e8; }
#main.article-guide .article-external, #main.article-guide .article-ad { border: 2px solid #e6a655; background: #fffaf3; padding: 16px; margin: 28px 0; }
#container #content #main.article-guide .article-external h2 { background: transparent; margin: 0 0 12px; padding-top: 0; padding-bottom: 0; font-size: 18px; }
#main.article-guide .article-external li { font-size: 14px; }
#main.article-guide .article-ad-label { font-size: 12px; color: #555; }
#main.article-guide .article-ad p:last-child, #main.article-guide .article-external p:last-child { margin-bottom: 0; }
#main.article-guide .ads { max-width: 100%; overflow: hidden; }
#main.article-guide .adsbygoogle { max-width: 100%; }
@media screen and (max-width: 760px) {
 #container #content #main.article-guide { width: 94%; max-width: 94%; padding-left: 3%; padding-right: 3%; }
 #container #content #main.article-guide h1 { font-size: 20px; }
 #main.article-guide .article-table th, #main.article-guide .article-table td { padding: 7px; }
 #main.article-guide .article-table { font-size: 13px; }
}