@layer site {
/* Article page styles (design-handoff/source/Article.dc.html <style>) */
.ph{display:block;height:14px;background:#EAE3E1;margin:10px 0}
.rel{transition:background-color .2s ease}
.rel:hover{background:#F6F1EF}
.progress{position:fixed;left:0;top:0;width:100%;height:5px;background:#3796A4;transform-origin:0 50%;transform:scaleX(0);z-index:40;pointer-events:none}
@supports (animation-timeline: scroll()){.progress{animation:grow linear both;animation-timeline:scroll(root)}}

/* Real article bodies (TinyMCE HTML) inside the design's reading column */
.article-body > * { margin: 0; }
.article-body h2, .article-body h3 { margin: 12px 0 0; font-size: 1.5em; font-weight: 800; letter-spacing: -0.02em; line-height: 1.2; }
.article-body h3 { font-size: 1.25em; }
.article-body blockquote { margin: 8px 0; padding: 6px 0 6px 26px; border-left: 4px solid #3796A4; font-family: 'Literata', Georgia, serif; font-style: italic; font-size: 1.2em; line-height: 1.45; }
.article-body img, .article-body video, .article-body iframe { max-width: 100%; height: auto; }
.article-body ul, .article-body ol { padding-left: 1.4em; }
.article-body table { width: 100%; border-collapse: collapse; display: block; overflow-x: auto; }
.article-body a { text-decoration: underline; }

}