/* Article accessibility, SEO and reading enhancements. Kept separate to avoid changing legacy site styles. */
.article-breadcrumb { margin: 10px 0 8px; color: #777; font-size: 13px; line-height: 1.6; }
.article-breadcrumb a { color: #777; }
.article-breadcrumb a:hover { color: #bf1837; }
h1.articleTitle { margin-bottom: 0; font-family: inherit; line-height: 1.45; }
.article-meta__updated { display: inline-block; }
.article-toc { margin: 20px 0 28px; padding: 18px 20px; background: #f7f9fc; border: 1px solid #e7edf5; border-left: 4px solid #2378c9; border-radius: 3px; font-size: 14px; line-height: 1.65; }
.article-toc__title { margin: 0 0 9px; color: #222; font-size: 16px; font-weight: 600; }
.article-toc__list { margin: 0; padding: 0; list-style: none; }
.article-toc__item { margin: 5px 0; }
.article-toc__item--level-2 { padding-left: 16px; }
.article-toc__item--level-3 { padding-left: 32px; }
.article-toc__link { color: #4b5968; text-decoration: none; transition: color .2s ease; }
.article-toc__link:hover, .article-toc__link.is-active { color: #2378c9; text-decoration: none; }
.articleInfo h1, .articleInfo h2, .articleInfo h3 { scroll-margin-top: 90px; }
@media (max-width: 767px) {
  .article-toc { margin-top: 15px; padding: 14px 15px; }
}