:root {
  --te-color-static-base-bg: #fff;
  --te-color-static-text-900: #2e2e2e;
  --te-color-static-link: #202020;
}

@media screen and (max-width: 1440px) {
  te-wysiwyg {
    .titleMontserrat {
      font-family: "Montserrat", Tahoma, serif !important;
      font-size: 56px !important;
      line-height: 55px !important;
      font-weight: 700 !important;
      letter-spacing: -3px !important;
      color: #fff !important;
    }
  }

  .main-banner-wysiwyg {
    &.solid {
      h1,
      h2 {
        font-size: 66px !important;
        line-height: 62px !important;
        letter-spacing: -2.1px !important;
      }
    }

    &.wiggle {
      h1,
      h2 {
        font-size: 66.6px !important;
        line-height: 67.5px !important;
      }
    }
  }

  .quote {
    margin-right: 0;
  }

  .substrate {
    padding: 56px 66px 47px;
  }

  .management-wysiwyg,
  .architecture-wysiwyg,
  .development-wysiwyg {
    .p-large {
      margin-bottom: 38px;
    }
  }

  .management-wysiwyg {
    ul {
      margin-bottom: 40px;
      max-width: 569px;

      li:has(figure) {
        right: -50px;
      }
    }
  }

  .architecture-wysiwyg {
    .list-substrate {
      padding: 48px 31px 47px 46px;
    }

    .paragraph-breaker {
      margin-top: 18px;
    }
  }

  .education-wysiwyg {
    &.narrow {
      display: block;
      width: 100%;
      max-width: 830px;
    }
  }

  .job-search-container .career-wysiwyg {
    h1 {
      .career-title-highlight {
        padding: 0;
        box-shadow:
          5px 0 0 var(--te-color-accent-yellow),
          -5px 0 0 var(--te-color-accent-yellow),
          5px 11px 0 var(--te-color-accent-yellow),
          -5px 11px var(--te-color-accent-yellow);

        .smaller & {
          box-shadow:
            5px 0 0 var(--te-color-accent-yellow),
            -5px 0 0 var(--te-color-accent-yellow);
        }
      }
    }
  }

  .main-page-v3-case-announcement {
    font-size: 16px;
    word-break: break-word;
  }

  .main-page-v3_feature-content {
    font-size: 16px;

    li {
      font-size: 20px;
      line-height: 28px;
      letter-spacing: -0.1px;
    }

    .accent {
      font-size: 40px;
    }
  }
}

@media screen and (max-width: 1280px) {
  /* лендинг DevOps-услуг */
  .devops-wysiwyg .devops-wrapped-list {
    height: fit-content;
  }

  .devops-wysiwyg .devops-wrapped-higher-list {
    height: auto;
  }

  .devops-wysiwyg .devops-wrapped-higher-list li {
    max-width: 100%;
  }

  .wysiwyg-article {
    .definition {
      margin-right: 0;
    }
  }

  .substrate,
  p:has(img) {
    width: 765px;
  }

  .management-wysiwyg {
    ul {
      max-width: 552px;

      li:has(figure) {
        /* 1025px --> 402px; */
        /* 1280px --> 434px; */
        max-width: calc(12.5vw + 274px);

        /* 1025px --> 1px; */
        /* 1280px --> -50px; */
        right: calc(206px - 20vw);
      }
    }

    p {
      max-width: 600px;
    }
  }

  .services-diagram p {
    font-size: 16px;
  }

  .services-diagram-highlight {
    font-size: 16px;
    line-height: 150%;
  }

  .education-wysiwyg {
    &.narrow {
      display: block;
      width: 100%;
      max-width: 710px;
    }
  }
}

@media screen and (max-width: 1200px) {
  te-wysiwyg {
    .title {
      font-size: 56px !important;
      line-height: 72px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    h1 {
      font-size: 48px !important;
      line-height: 64px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
    }

    h2 {
      font-size: 40px !important;
      line-height: 56px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
    }

    h3 {
      font-size: 32px !important;
      line-height: 48px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    h4 {
      font-size: 28px !important;
      line-height: 40px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    h5 {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    &.wysiwyg-article h5 {
      margin-bottom: 20px;
      margin-top: 20px;
    }

    .text-xlarge {
      font-size: 22px !important;
      line-height: 34px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .text-large {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    p,
    ul,
    ol {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      letter-spacing: -0.01em;
      color: var(--te-color-static-text-900);
    }

    .text-medium-semi {
      font-size: 16px !important;
      line-height: 24px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .text-small {
      font-size: 14px !important;
      line-height: 22px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .subtext {
      font-size: 12px !important;
      line-height: 20px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    table {
      border-spacing: 0 24px;
      border-collapse: unset;
      font-size: 15px !important;
      line-height: 150% !important;
      font-weight: 500 !important;
      letter-spacing: -0.02em !important;
      color: var(--te-color-static-text-900) !important;
    }
  }

  .career-wysiwyg {
    .career-big {
      font-size: 64px;
    }
  }

  .job-wysiwyg li {
    margin-left: 24px;

    &::before {
      top: 9px;
      left: -15px;
      width: 6px;
      height: 6px;
    }
  }

  .education-wysiwyg-v3 {
    &.course-description {
      p {
        font-weight: 500;
        font-size: 16px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: -0.1px;
        color: var(--te-color-static-text);
        font-family: "RalewayNum", Tahoma, serif;
      }

      .clarification {
        font-family: "RalewayNum", Tahoma, serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        letter-spacing: -0.1px;
        color: var(--te-color-caption);
        margin: 32px 0;
      }
    }

    p {
      font-weight: 500;
      font-size: 16px;
      line-height: 28px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: var(--te-color-static-text);
      font-family: "RalewayNum", Tahoma, serif;
    }

    ul li {
      padding-bottom: 0;
      padding-left: 26px;
      position: relative;
      font-size: 20px;
      line-height: 28px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: var(--te-color-static-text);
      font-family: "RalewayNum", Tahoma, serif;
    }

    .bold {
      font-weight: 600;
    }

    .clarification {
      font-family: "RalewayNum", Tahoma, serif;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: var(--te-color-caption);
      margin: 32px 0;
    }
  }

  .job-wysiwyg-v3 {
    p {
      margin-bottom: 0;
      font-size: 20px;
    }

    ul,
    ol {
      margin-bottom: 0;
      margin-top: 16px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    li {
      padding-bottom: 0;
      margin-left: 15px;
      padding-left: 12px;
      position: relative;
      font-size: 20px;

      &::marker {
        content: "✦";
        font-size: 20px;
        color: var(--te-color-accent-black);
      }
    }
  }
}

@media (max-width: 1024px) {
  te-wysiwyg {
    .title {
      font-size: 48px !important;
      line-height: 64px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    .tab-M-analytic {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 600 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .button-24-bold {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .titleMontserrat {
      font-size: 46px !important;
      line-height: 49px !important;
      font-weight: 700 !important;
      letter-spacing: -2px !important;
      color: #fff !important;
    }
  }

  .info-container .info-item p {
    color: #000;

    /* Text M */
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    /* 24.8px */
    letter-spacing: -0.1px;
  }

  .main-banner-wysiwyg {
    &.solid,
    &.wiggle {
      h1,
      h2 {
        font-size: 50px !important;
        line-height: 50px !important;
      }
    }

    &.crossing {
      h1,
      h2 {
        font-size: 42px !important;
        line-height: 45px !important;
      }
    }
  }

  .wysiwyg-article h2 {
    margin-bottom: 30px;
  }

  .wysiwyg-article h4 {
    margin-bottom: 24px;
  }

  .substrate,
  p:has(img) {
    width: 680px;
  }

  .marked-list-wysiwyg {
    te-architecture-page & {
      &.marked-list-check p {
        font-size: 32px;
        line-height: 48px;
      }
    }
  }

  .management-wysiwyg {
    ul {
      margin-bottom: 45px;

      li:has(figure) {
        position: relative;
        margin-top: 45px;
        top: initial;
        right: initial;
        transform: none;
        max-width: 434px;
      }
    }

    p,
    ul {
      max-width: 600px;
    }
  }

  .architecture-wysiwyg {
    .paragraph-breaker {
      margin-top: 20px;
    }
  }

  .services-diagram p {
    &.desktop {
      display: none;
    }

    &.mobile {
      display: block;
    }
  }

  .education-wysiwyg {
    &.narrow {
      display: block;
      width: 100%;
      max-width: 100%;
    }

    &.diagram p {
      font-size: 14px;
      line-height: 21px;
    }
  }

  .career-wysiwyg {
    .career-big {
      font-size: 48px;
    }

    h3 {
      font-size: 64px !important;
    }

    .career-small {
      font-size: 40px !important;
    }
  }

  .job-search-container .career-wysiwyg {
    h1 {
      font-size: 40px !important;
    }
  }

  .design-case-banner-wysiwyg p {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 24px !important;
    line-height: 32px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
  }
}

@media screen and (max-width: 992px) {
  .substrate,
  p:has(img) {
    width: 100%;
  }

  .wysiwyg-article .code-block {
    margin-bottom: 30px;
    width: auto;

    p {
      max-width: none;
    }
  }

  .quote {
    width: calc(100% - 65px);
  }

  .design-case-item-wysiwyg p {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 400 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
  }

  .design-case-item-wysiwyg h3 {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 700 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
  }
}

@media screeen and (max-width: 960px) {
  .main-page-v3_feature-content {
    li {
      font-size: 18px;
      line-height: normal;
    }
  }

  .wysiwyg-article,
  .case-announcement {
    p {
      margin-bottom: 32px;
    }
  }

  .wysiwyg-article,
  .case-announcement {
    h2 {
      margin-top: 20px;
    }

    h2,
    h3,
    h4,
    p,
    ol,
    ul,
    .definition {
      max-width: 100%;
    }

    p:has(img) {
      max-width: none;
    }
  }
}

@media screen and (max-width: 768px) {
  .main-banner-wysiwyg {
    &.solid {
      h1,
      h2 {
        font-size: 42px !important;
        line-height: 46px !important;
        letter-spacing: -1.75px !important;
      }
    }

    &.wiggle {
      h1,
      h2 {
        font-size: 42px !important;
        line-height: 50px !important;
      }
    }

    &.crossing {
      h1,
      h2 {
        font-size: 32px !important;
        line-height: 35px !important;
      }
    }
  }

  .wysiwyg-article h4 {
    margin-bottom: 30px;
  }

  .wysiwyg-article .code-block {
    p {
      max-width: none;
    }

    code {
      font-size: 14px;
    }
  }

  .management-wysiwyg,
  .architecture-wysiwyg,
  .development-wysiwyg {
    &.intro-description p {
      font-size: 28px;
      line-height: 160%;
    }

    .p-big {
      font-size: 20px;
    }

    .p-huge {
      font-size: 28px;
      line-height: 45px;
    }
  }

  .marked-list-wysiwyg {
    te-architecture-page & {
      &.marked-list-check p {
        font-size: 28px;
        line-height: 45px;
      }
    }
  }

  .architecture-wysiwyg {
    .list-heading {
      font-size: 22px !important;
    }

    .paragraph-breaker {
      margin-top: 40px;
    }
  }

  .services-diagram p {
    font-size: 14px;
  }

  .services-diagram-highlight {
    font-size: 14px;
  }

  .education-wysiwyg {
    &.narrow {
      display: block;
      width: 100%;
      max-width: 100%;
    }

    &.diagram.odd p {
      text-align: right;
    }

    &.diagram p {
      font-size: 13.86px;
      font-weight: 500;
      line-height: 20.79px;
      letter-spacing: -0.087px;
    }
  }

  .career-wysiwyg {
    h2 {
      font-size: 32px !important;
    }

    h3 {
      font-size: 48px !important;
    }

    .career-small {
      font-size: 32px !important;
    }
  }

  .job-search-container .career-wysiwyg {
    h1 {
      font-size: 32px !important;
      line-height: 150% !important;

      .career-title-highlight {
        box-shadow:
          5px -11px 0 var(--te-color-accent-yellow),
          -5px -11px 0 var(--te-color-accent-yellow),
          5px 11px 0 var(--te-color-accent-yellow),
          -5px 11px var(--te-color-accent-yellow);
      }
    }

    h3 {
      font-size: 24px !important;
      line-height: 28px !important;
      letter-spacing: 0.001em !important;
    }
  }

  .design-case-banner-wysiwyg p {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  te-wysiwyg {
    h1 {
      font-size: 40px !important;
      line-height: 56px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
    }

    h2 {
      font-size: 32px !important;
      line-height: 48px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
    }

    h3 {
      font-size: 28px !important;
      line-height: 40px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    h4 {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    h5 {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    .button-24-bold {
      font-size: 16px !important;
      line-height: 24px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .text-xlarge {
      font-size: 20px !important;
      line-height: 32px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .text-large {
      font-size: 16px !important;
      line-height: 24px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    p,
    ul,
    ol {
      font-size: 14px;
      line-height: 22px;
      font-weight: 500;
      letter-spacing: -0.01em;
      color: var(--te-color-static-text-900);
    }

    .text-medium-semi {
      font-size: 14px !important;
      line-height: 22px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .text-small {
      font-size: 14px !important;
      line-height: 22px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .subtext {
      font-size: 12px !important;
      line-height: 20px !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    table {
      border-spacing: 0 24px;
      border-collapse: unset;
      font-size: 14px !important;
      line-height: 150% !important;
      font-weight: 500 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    ul.two-columns,
    ol.two-columns {
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
    }

    .titleMontserrat {
      font-size: 42px !important;
      line-height: 42px !important;
      font-weight: 700 !important;
      letter-spacing: -1px !important;
      color: #fff !important;
    }
  }

  .info-container .info-item p {
    color: #000;

    /* Text M */
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    /* 24.8px */
    letter-spacing: -0.1px;
  }

  .devops-wysiwyg p,
  ul,
  ol {
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--te-color-static-text-900);
  }

  .quote {
    grid-template-columns: 100px 1fr;
  }

  .job-wysiwyg li::before {
    top: 8px;
    left: -14px;
  }

  .job-wysiwyg li {
    margin-left: 22px;

    &::before {
      top: 8px;
      left: -14px;
    }
  }

  .education-wysiwyg-v3 {
    &.course-description {
      p {
        font-weight: 500;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: -0.01em;
        color: var(--te-color-static-text-900);
        font-family: "RalewayNum", Tahoma, serif;
      }

      .clarification {
        font-family: "RalewayNum", Tahoma, serif;
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
        letter-spacing: -0.1px;
        color: var(--te-color-caption);
        margin: 32px 0;
      }
    }

    p {
      font-weight: 500;
      font-size: 16px;
      line-height: 28px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: var(--te-color-static-text);
      font-family: "RalewayNum", Tahoma, serif;
    }

    .clarification {
      font-family: "RalewayNum", Tahoma, serif;
      font-size: 16px;
      line-height: 22px;
      font-weight: 500;
      letter-spacing: -0.1px;
      color: var(--te-color-caption);
      margin: 32px 0;
    }
  }
}

@media (max-width: 576px) {
  te-wysiwyg {
    .title {
      font-size: 40px !important;
      line-height: 56px !important;
      font-weight: 700 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900) !important;
    }

    .tab-M-analytic {
      font-size: 16px !important;
      line-height: 24px !important;
      font-weight: 600 !important;
      letter-spacing: -0.01em !important;
      color: var(--te-color-static-text-900);
    }

    .titleMontserrat {
      font-size: 40px !important;
      line-height: 40px !important;
      font-weight: 700 !important;
      letter-spacing: -1px !important;
      color: #fff !important;
    }

    ul.devops-yellow-list li {
      flex-direction: column;
      gap: 15px;

      margin-bottom: 30px;

      &::before {
        margin-top: 0;
      }
    }
  }

  .substrate {
    padding: 47px 43px 36px 47px;
  }

  .management-wysiwyg,
  .architecture-wysiwyg,
  .development-wysiwyg {
    .p-large {
      margin-bottom: 30px;
    }
  }

  .marked-list-wysiwyg {
    te-architecture-page & {
      &.marked-list-check p {
        font-size: 20px;
        line-height: 32px;
      }
    }
  }

  .architecture-wysiwyg {
    .list-substrate {
      padding: 44px 34px 40px 37px;
    }

    .list-heading {
      font-size: 20px !important;
      line-height: 32px !important;
    }

    .paragraph-breaker {
      margin-top: 35px;
    }
  }

  .services-diagram p {
    font-size: 10px;
  }

  .services-diagram-highlight {
    font-size: 10px;
  }

  .career-wysiwyg {
    h2 {
      font-size: 28px !important;
      line-height: 120% !important;
    }
  }

  .job-search-container .career-wysiwyg {
    h1 {
      font-size: 28px !important;
      line-height: 40px !important;

      .career-title-highlight {
        box-shadow:
          5px -7px 0 var(--te-color-accent-yellow),
          -5px -7px 0 var(--te-color-accent-yellow),
          5px 11px 0 var(--te-color-accent-yellow),
          -5px 11px var(--te-color-accent-yellow);
      }
    }

    h3 {
      font-size: 20px !important;
    }
  }

  .team-quote-wysiwyg p {
    font-size: 16px !important;
    line-height: 26px !important;
  }

  .team-biography-wysiwyg p {
    font-size: 16px !important;
    line-height: 24.8px !important;
  }

  .design-case-banner-wysiwyg p {
    font-family: "RalewayNum", Tahoma, serif !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    letter-spacing: normal !important;
    color: var(--te-color-accent-black) !important;
    margin: 0;
  }
}

@media screen and (max-width: 460px) {
  .main-page-v3-case-announcement {
    font-size: 18px;
    word-break: break-word;
  }

  .main-page-v3_feature-content {
    font-size: 18px;

    .accent {
      font-size: 48px;
    }
  }

  .blog-v3-announcement {
    font-size: 18px;
  }

  .career-v3-wysiwyg {
    h3 {
      font-size: 48px !important;
      line-height: 56px !important;
    }

    .career-small {
      font-size: 28px !important;
      line-height: 36px !important;
    }
  }

  .wysiwyg-article {
    .resume-header {
      margin-bottom: 24px;
    }

    p,
    ul,
    ol {
      font-size: 18px !important;
      line-height: 24px !important;
    }
  }

  .wysiwyg-article,
  .case-announcement {
    .caption {
      margin-bottom: 24px;
    }
  }

  .job-wysiwyg-v3 {
    p {
      margin-bottom: 0;
      font-size: 18px;
      line-height: 24px;
    }

    ul,
    ol {
      margin-bottom: 0;
      margin-top: 16px;
      display: flex;
      flex-direction: column;
      gap: 6px;
    }

    li {
      padding-bottom: 0;
      margin-left: 15px;
      padding-left: 12px;
      position: relative;
      font-size: 18px;
      line-height: 24px;

      &::marker {
        content: "✦";
        font-size: 18px;
        line-height: 24px;
        color: var(--te-color-accent-black);
      }
    }
  }
}

@media screen and (max-width: 400px) {
  te-wysiwyg {
    .titleMontserrat {
      font-size: 34px !important;
      line-height: 34px !important;
      font-weight: 700 !important;
      letter-spacing: -1px !important;
      color: #fff !important;
    }
  }

  .main-banner-wysiwyg {
    &.solid {
      h1,
      h2 {
        font-size: 36px !important;
        line-height: 40px !important;
      }
    }

    &.wiggle {
      h1,
      h2 {
        font-size: 36px !important;
        line-height: 40px !important;
      }
    }

    &.crossing {
      h1,
      h2 {
        font-size: 34px !important;
        line-height: 34px !important;
      }
    }
  }

  .devops-wysiwyg .wysiwyg-title {
    font-size: 16px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.01em;
    color: var(--te-color-static-text-900);
  }

  .devops-wysiwyg .example-text {
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: -0.01em;
    color: var(--te-color-static-text-900);
  }

  .wysiwyg-article h4 {
    margin-bottom: 25px;
  }

  .wysiwyg-article .code-block {
    margin-bottom: 25px;
  }

  .substrate {
    padding: 37px 27px 37px 37px;

    p {
      font-size: 20px !important;
    }
  }

  .quote {
    margin-right: 48px;
    padding-left: 20px;

    grid-template-rows: repeat(3, auto);

    p {
      font-size: 20px !important;
    }
  }

  .marked-list-wysiwyg {
    te-development-page & {
      &.marked-list-check p {
        font-size: 20px;
        line-height: 32px;
      }
    }
  }

  .management-wysiwyg,
  .architecture-wysiwyg,
  .development-wysiwyg {
    &.intro-description p {
      font-size: 20px;
    }

    .p-large {
      font-size: 20px;

      margin-bottom: 50px;
    }

    .paragraph-breaker {
      margin-top: 30px;
    }
  }

  .management-wysiwyg {
    ul {
      margin-bottom: 35px;

      li:has(figure) {
        position: relative;
        margin-top: 40px;
      }
    }

    p,
    ul {
      max-width: 600px;
    }
  }

  .architecture-wysiwyg {
    .list-substrate {
      padding: 40px 23px 35px 25px;
    }

    .paragraph-breaker {
      margin-top: 45px;
    }
  }

  .career-wysiwyg {
    h2 {
      font-size: 24px !important;
    }
  }

  .education-wysiwyg {
    &.diagram.even p {
      text-align: right;
    }

    &.diagram p {
      font-size: 12px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: -0.1px;
    }
  }

  .job-search-container .career-wysiwyg {
    h1,
    .smaller {
      font-size: 24px !important;
      line-height: 150% !important;

      .career-title-highlight {
        border-radius: 4px;
        box-shadow:
          5px 0 0 var(--te-color-accent-yellow),
          -5px 0 0 var(--te-color-accent-yellow),
          5px 6px 0 var(--te-color-accent-yellow),
          -5px 6px var(--te-color-accent-yellow);
      }
    }

    h3 {
      font-size: 16px !important;
      line-height: 24px !important;
    }
  }
}

/*# sourceMappingURL=wysiwyg_adaptive.css.map */