/* Long-form extras: figures and block quotes.
   Loaded only by article pages that ship their own artwork, so nothing here can
   reach the rest of the site. site.css has no rule for figure, blockquote or hr
   at all, which is why they live in their own file rather than pushing it past
   its size budget. */

.article-body figure{margin:30px 0 34px}
.article-body figure:first-child{margin-top:0}
.article-body figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;background:#fff}

/* Matches the callout treatment site.css already gives .takeaway. */
.article-body blockquote{margin:26px 0;padding:20px 26px;background:#eaf0e3;border-left:3px solid #8ab451}
.article-body blockquote p{margin:11px 0}
.article-body blockquote p:first-child{margin-top:0}
.article-body blockquote p:last-child{margin-bottom:0}

.article-body hr{border:0;border-top:1px solid var(--line);margin:36px 0}

/* The shared rule forces every table to 980px so wide comparison tables scroll
   instead of wrapping. These tables are two to four columns inside a 770px
   column, so let them use the width that is actually there. */
.article-body .table-wrap table{min-width:0}

@media (max-width:900px){
 .article-body figure{margin:22px 0 26px}
 .article-body blockquote{padding:17px 19px}
 .article-body hr{margin:28px 0}
}