/* Additions for the dynamic article page (not part of the supplied HTML): styles for content typed in the editor
   (plain lists, links, images, quotes, tables, alignment). The supplied design only styles the classes it uses. */
.blog-long-content :where(p,li,td) a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.blog-long-content ul:not(.article-checks):not(.article-numbered),.blog-long-content ol:not(.article-checks):not(.article-numbered){padding-left:22px;margin:20px 0 28px}
.blog-long-content ul:not(.article-checks):not(.article-numbered) li,.blog-long-content ol:not(.article-checks):not(.article-numbered) li{margin:10px 0;padding-left:5px}
.blog-long-content h4{font-family:'Libre Baskerville',Georgia,serif;font-size:19px;margin:1.6em 0 .5em}
.blog-long-content h3{scroll-margin-top:120px}
.blog-long-content img,.blog-long-content video,.blog-long-content iframe{max-width:100%;height:auto;border-radius:14px}
.blog-long-content figure{margin:1.8em 0}
.blog-long-content figcaption{margin-top:8px;font-size:14px;color:var(--muted);text-align:center}
.blog-long-content blockquote{margin:1.8em 0;padding:18px 24px;border-left:4px solid var(--gold);border-radius:0 14px 14px 0;background:var(--mint2)}
.blog-long-content blockquote p:last-child{margin-bottom:0}
.blog-long-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:16px}
.blog-long-content th,.blog-long-content td{border:1px solid var(--line);padding:10px 14px;text-align:left}
.blog-long-content th{background:var(--mint)}
.blog-long-content hr{border:0;border-top:1px solid var(--line);margin:2.2em 0}
.blog-long-content .alignleft{float:left;margin:.4em 1.4em 1em 0}
.blog-long-content .alignright{float:right;margin:.4em 0 1em 1.4em}
.blog-long-content .aligncenter{display:block;margin-left:auto;margin-right:auto}
.blog-long-content:after{content:'';display:block;clear:both}
@media(max-width:680px){.blog-long-content .alignleft,.blog-long-content .alignright{float:none;margin:1em auto;display:block}}