.blog-post_info-wrap {
    color: #4a5057;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    display: flex;
}
.blog-post_info-item {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}
.blog-post_info-item.is-compact {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
}
.blog-post_info-button {
    cursor: pointer;
    transition: opacity .25s cubic-bezier(1,0,0,1);
}
.blog-post_dot {
    background-color: #888e95;
    border-radius: 50%;
    flex: none;
    width: .25rem;
    height: .25rem;
}
.blog_link {
    cursor: pointer;
    flex-direction: row;
    display: flex;
}
.w-inline-block {
    max-width: 100%;
    display: inline-block;
}
.blog-post_sidebar-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-direction: column;
    flex: 1;
    justify-content: space-between;
    display: flex;
    position: relative;
}
.blog-post_toc-rail {
    width: 100%;
    height: 100%;
    position: relative;
}
.blog-post_sidebar-toc {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 4rem;
}
.blog-post_tagline {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    display: flex;
}
.toc-tagline_wrap {
    justify-content: space-between;
    align-items: center;
    display: flex;
}
.text-style-allcaps {
    text-transform: uppercase;
}
.text-weight-bold {
    font-weight: 700;
}
.text-size-medium {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    font-size: 14px;
}
.text-size-small {
    font-size: 11px;
}
.blog-tagline {
    line-height: 1.1;
}
.toc-back_top {
    color: #b3b3b3;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    transition: all .2s cubic-bezier(0,0,0,1);
}
.icon-size-regular {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    position: relative;
}
.icon-size-small {
    justify-content: center;
    align-items: center;
    width: 1rem;
    height: 1rem;
    display: flex;
    position: relative;
}
.w-embed:before {
    content: " ";
    grid-area: 1 / 1 / 2 / 2;
    display: table;
}
.w-embed:after {
    clear: both;
}
.blog_progress-bar-wrap {
    background-color: #eaecee;
    height: .125rem;
    margin-top: .5rem;
}
.blog_progress-bar-wrap.is-progressbar {
    height: .25rem;
    position: relative;
}
.blog_progress-bar {
    z-index: 9998;
    background-color: #f89e0a;
    width: 0%;
    height: 100%;
    transition: all .5s cubic-bezier(0,0,0,1);
}
.toc_links {
    max-height: calc(100svh - 20rem);
    overflow: auto;
}
.toc_links ul {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  display: flex;
}
.toc_links ul li {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}
.toc_link-wrap {
    flex-direction: column;
    align-items: stretch;
    display: flex;
}
.toc_link {
    color: #646a72;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: 100%;
    line-height: 1.2;
}
.toc_link.is-lvl-2 {
    border-left: .125rem solid #eaecee;
    padding-left: .5rem;
}
.toc_link.is-lvl-2.w--current {
    border-left-color: #f89e0a;
}
.toc_link:hover, .toc_link.w--current {
    color: #000;
    text-decoration: underline;
}
.row_article {
  display: flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}
.toc_mobile-sidebar-trigger {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    cursor: pointer;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: none;
}
.icon-size-regular {
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    position: relative;
}
@media screen and (max-width: 991px) {

  .blog-post_sidebar-wrap.is-toc {
      z-index: 20;
      background-color: #fff;
      flex-flow: column;
      flex: 0 auto;
      max-width: 80svw;
      height: 100svh;
      padding: 2rem 2rem 4rem 1.25rem;
      transition: all .25s cubic-bezier(1,0,0,1);
      display: flex;
      position: fixed;
      top: 0%;
      bottom: auto;
      left: 0%;
      right: auto;
      transform: translate(0%);
      box-shadow: 23px 23px 5rem -1.25rem rgba(0,0,0,.52);
  }
  
  .blog-post_sidebar-wrap.is-toc.is-hidden {
      box-shadow: none;
      display: flex;
      transform: translate(-105%)
  }
  
  .blog-post_sidebar-wrap.is-toc {
      z-index: 9999;
      background-color: #fff;
      flex: 0 auto;
      height: 100%;
      padding: 2rem 2rem 4rem 1.25rem;
      transition: all .25s cubic-bezier(1,0,0,1);
      position: fixed;
      top: 0%;
      bottom: auto;
      left: 0%;
      right: auto;
      transform: translate(0%);
      box-shadow: 23px 23px 5rem -1.25rem rgba(0,0,0,.52)
  }
  
  .blog-post_sidebar-wrap.is-toc.is-hidden {
      box-shadow: none;
      transform: translate(-105%)
  }

  .blog_progress-bar-wrap.is-progressbar {
      z-index: 99999;
      background-color: transparent;
      margin-top: 0;
      position: fixed;
      top: 0%;
      bottom: auto;
      left: 0%;
      right: 0%;
  }

  .toc_mobile-sidebar-trigger {
      z-index: 30;
      background-color: #000;
      color: #fff;
      border-radius: 50%;
      align-self: flex-start;
      width: 4rem;
      height: 4rem;
      display: flex;
      position: fixed;
      bottom: 7rem;
      right: 1rem;
  }
  
}

@media screen and (max-width: 767px) {
  .toc_mobile-sidebar-trigger {
      grid-column-gap: .5rem;
      grid-row-gap: .5rem;
  }
}
@media screen and (max-width: 491px) {
  .toc_mobile-sidebar-trigger {
      z-index: 30;
      margin-left: 1rem;
  }
}
