.article-shell aside {
  min-width:0
}

.article-shell .toc {
  display:flex;
  flex-direction:column;
  gap:0;
  width:100%;
  max-width:300px;
  overflow-wrap:anywhere
}

.article-shell .toc a {
  display:block;
  width:100%;
  padding:8px 0;
  line-height:1.35
}

@media(max-width:900px) {
  .article-shell .toc {
    display:flex;
    max-width:none;
    position:static
  }
  .article-shell aside {
    order:-1
  }
}

.article-hero .breadcrumb {
  position:static;
  display:block;
  top:auto;
  left:auto;
  margin:0 0 22px;
  line-height:1.6
}

.article-hero > div {
  width:min(100%,930px)
}

.article-hero.fit-hero {
  background-color:#0b234f;
  background-position:right center;
  background-repeat:no-repeat;
  background-size:contain
}

.article-hero.fit-hero::before {
  background:linear-gradient(90deg,rgba(6,22,52,.98) 0%,rgba(6,22,52,.9) 43%,rgba(6,22,52,.18) 100%)
}

.article-card img.fit-image {
  object-fit:contain;
  padding:16px;
  background:#eef3f9
}

@media(max-width:900px) {
  .article-hero.fit-hero {
    background-position:center top;
    padding-top:190px
  }
  .article-hero.fit-hero::before {
    background:linear-gradient(0deg,rgba(6,22,52,.98) 0%,rgba(6,22,52,.82) 66%,rgba(6,22,52,.12) 100%)
  }
}