/* SAIT-MODX — Article TOC v1.0 | only template 25 */
.smx-article-layout {
  --smx-toc-header-offset: 0px;
  --smx-toc-blue: #007ac9;
  --smx-toc-ink: #1c2938;
  --smx-toc-muted: #647486;
  --smx-toc-border: #dce5ec;
  margin-top: 1.25rem;
}

/* Without JS / without enough headings the article keeps its full width. */
.smx-article-toc { display: none; }
.smx-article-layout.has-toc .smx-article-toc { display: block; }
.smx-article-content { min-width: 0; }

.content-news-outer .smx-article-toc__box {
  background: #fff;
  border: 1px solid var(--smx-toc-border);
  border-radius: 14px;
  padding: 16px 12px;
}
.content-news-outer .smx-article-toc__toggle {
  appearance: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  color: var(--smx-toc-ink);
  background: transparent;
  border: 0;
  padding: 0 8px 12px;
  text-align: left;
  font: inherit;
  font-size: 16px;
  font-weight: 700;
}
.smx-article-toc__title { display: inline-flex; align-items: center; gap: 9px; }
.smx-article-toc__symbol { color: var(--smx-toc-blue); font-size: 20px; line-height: 1; }
.smx-article-toc__chevron { display: none; color: var(--smx-toc-blue); font-size: 19px; }

.content-news-outer .smx-article-toc__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 2px solid var(--smx-toc-border);
}
.content-news-outer .smx-article-toc__item {
  margin: 0;
  padding: 0;
  list-style: none;
}
.content-news-outer .smx-article-toc__item::marker { content: ''; }
.content-news-outer .smx-article-toc__link {
  display: block;
  margin-left: -2px;
  padding: 9px 10px 9px 15px;
  border: 0;
  border-left: 2px solid transparent;
  text-decoration: none;
  color: var(--smx-toc-muted);
  font-size: 15px;
  line-height: 1.4;
  overflow-wrap: anywhere;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.content-news-outer .smx-article-toc__link:hover,
.content-news-outer .smx-article-toc__link:focus-visible {
  color: var(--smx-toc-blue);
  background: #f1f8fd;
}
.content-news-outer .smx-article-toc__link.is-active {
  color: #006cb4;
  border-left-color: var(--smx-toc-blue);
  font-weight: 700;
  background: #f1f8fd;
}
.content-news-outer .smx-article-toc__link:focus-visible,
.content-news-outer .smx-article-toc__toggle:focus-visible {
  outline: 2px solid var(--smx-toc-blue);
  outline-offset: 3px;
}
/* Anchors should not disappear under the animated header. */
.smx-article-content h2[id] {
  scroll-margin-top: calc(var(--smx-toc-header-offset) + 22px);
}

@media (min-width: 992px) {
  .smx-article-layout.has-toc {
    display: flex;
    gap: clamp(24px, 3vw, 42px);
    align-items: flex-start;
  }
  .smx-article-layout.has-toc .smx-article-toc {
    position: sticky;
    top: calc(var(--smx-toc-header-offset) + 20px);
    flex: 0 0 245px;
    width: 245px;
    align-self: flex-start;
  }
  .smx-article-layout.has-toc .smx-article-content { flex: 1 1 auto; }
  .content-news-outer .smx-article-toc__toggle { cursor: default; }
  .content-news-outer .smx-article-toc__nav {
    max-height: calc(100vh - var(--smx-toc-header-offset) - 115px);
    max-height: calc(100dvh - var(--smx-toc-header-offset) - 115px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }
}
@media (min-width: 1240px) {
  .smx-article-layout.has-toc .smx-article-toc { flex-basis: 260px; width: 260px; }
}
@media (max-width: 991px) {
  .smx-article-layout.has-toc .smx-article-toc { margin-bottom: 18px; }
  .content-news-outer .smx-article-toc__box { padding: 12px 15px; }
  .content-news-outer .smx-article-toc__toggle { cursor: pointer; padding: 5px 2px; }
  .smx-article-toc__chevron { display: inline-block; transition: transform .2s ease; }
  .smx-article-toc.is-open .smx-article-toc__chevron { transform: rotate(180deg); }
  .content-news-outer .smx-article-toc__nav { display: none; padding-top: 12px; }
  .smx-article-toc.is-open .smx-article-toc__nav { display: block; }
}
@media (prefers-reduced-motion: reduce) {
  .content-news-outer .smx-article-toc__link, .smx-article-toc__chevron { transition: none; }
}