.zk-section-anchor {
  color: var(--white); }
  .zk-section-anchor__content {
    font-size: var(--typo-text);
    line-height: var(--lh-text);
    font-weight: var(--fw-text);
    letter-spacing: var(--ls-text);
    /* Mobile styles (under 992px) */ }
    @media (max-width: 992px) {
      .zk-section-anchor__content {
        font-size: var(--typo-text-m); } }
    .zk-section-anchor__content h2, .zk-section-anchor__content h3, .zk-section-anchor__content h4 {
      scroll-margin-top: 100px;
      font-size: var(--typo-subhead);
      line-height: var(--lh-subhead);
      font-weight: var(--fw-subhead);
      letter-spacing: var(--ls-subhead);
      /* Mobile styles (under 992px) */
      color: var(--primary); }
      @media (max-width: 992px) {
        .zk-section-anchor__content h2, .zk-section-anchor__content h3, .zk-section-anchor__content h4 {
          font-size: var(--typo-subhead-m); } }
    .zk-section-anchor__content ul {
      list-style: disc; }
  .zk-section-anchor .zk-tabs__nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: sticky;
    top: 30px; }
    @media (min-width: 992px) {
      .zk-section-anchor .zk-tabs__nav ul:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background: var(--neutral-700);
        right: -50px;
        top: 0; } }
    .zk-section-anchor .zk-tabs__nav ul li a {
      padding: 15px 0;
      display: block;
      text-decoration: none;
      transition: 0.3s;
      border-bottom: solid 1px var(--neutral-700);
      font-size: var(--typo-text);
      line-height: var(--lh-text);
      font-weight: var(--fw-text);
      letter-spacing: var(--ls-text);
      /* Mobile styles (under 992px) */ }
      @media (max-width: 992px) {
        .zk-section-anchor .zk-tabs__nav ul li a {
          font-size: var(--typo-text-m); } }
      .zk-section-anchor .zk-tabs__nav ul li a:hover, .zk-section-anchor .zk-tabs__nav ul li a.active {
        color: var(--primary); }
    .zk-section-anchor .zk-tabs__nav ul li:last-child a {
      border: 0; }
  @media (max-width: 992px) {
    .zk-section-anchor .row {
      flex-direction: column-reverse; } }
  .zk-section-anchor__nav ul {
    position: sticky;
    top: 100px; }
  .zk-section-anchor__nav .zk-anchor-nav-list {
    list-style: none;
    padding: 0;
    margin: 0; }
    @media (min-width: 992px) {
      .zk-section-anchor__nav .zk-anchor-nav-list:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 1px;
        background: var(--neutral-700);
        left: -15px;
        top: 0; }
        [dir="rtl"] .zk-section-anchor__nav .zk-anchor-nav-list:after {
          left: auto;
          right: -15px; } }
    .zk-section-anchor__nav .zk-anchor-nav-list li a {
      padding: 15px 0;
      display: block;
      text-decoration: none;
      transition: 0.3s;
      border-bottom: solid 1px var(--neutral-700);
      font-size: var(--typo-subhead);
      line-height: var(--lh-subhead);
      font-weight: var(--fw-subhead);
      letter-spacing: var(--ls-subhead);
      /* Mobile styles (under 992px) */ }
      @media (max-width: 992px) {
        .zk-section-anchor__nav .zk-anchor-nav-list li a {
          font-size: var(--typo-subhead-m); } }
      .zk-section-anchor__nav .zk-anchor-nav-list li a:hover, .zk-section-anchor__nav .zk-anchor-nav-list li a.active {
        color: var(--primary); }
    .zk-section-anchor__nav .zk-anchor-nav-list li:last-child a {
      border: 0; }