@charset "UTF-8";

/* Installation steps: typography and layout aligned with the tachograph route. */
body.video-page #main #included {
  background-color: #e4e9f3;
  color: #1d1d1f;
}

@media (min-width: 901px) {
  body.video-page #main #included {
    padding-block: 110px;
  }
}

body.video-page #main #included .included-layout {
  display: block;
}

body.video-page #main #included .included-aside {
  max-width: 720px;
}

body.video-page #main #included #included-title {
  max-width: none;
  margin: 2px 0 0;
  color: #1d1d1f;
  font-size: 40px;
  font-weight: 600;
  line-height: 44px;
  letter-spacing: 0;
  text-transform: none;
}

body.video-page #main #included #included-title::before {
  content: none;
}

body.video-page #main #included .included-aside .section-intro {
  font-family: var(--video-ui-font);
  margin: 16px 0 0;
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.022em;
}

body.video-page #main #included .work-list {
  font-family: var(--video-ui-font);
}

body.video-page #main #included .work-list > .work-item {
  font-family: var(--video-ui-font) !important;
}

body.video-page #main #included .work-item .work-item__index {
  color: #aab3bf;
  font-family: var(--video-ui-font);
  font-size: 16px;
  font-weight: 700;
  line-height: 21.6px;
  transition: color 180ms ease;
}

body.video-page #main #included .work-item.is-reached .work-item__index {
  color: var(--sv-red, #ff0000);
}

body.video-page #main #included .work-list .work-item h3 {
  margin: 0;
  color: #1d1d1f;
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.009em;
  transition: none;
}

body.video-page #main #included .work-list .work-item > div > p {
  max-width: 790px;
  margin: 7px 0 0;
  color: #1d1d1f;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: -0.022em;
  transition: none;
}

body.video-page #main #included .work-item .glonass-history-text {
  color: inherit;
  transition: none;
}

@media (min-width: 735px) and (max-width: 1068px) {
  body.video-page #main #included #included-title {
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.004em;
  }

  body.video-page #main #included .work-list .work-item h3 {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.011em;
  }
}

@media (max-width: 734px) {
  body.video-page #main #included #included-title {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0.007em;
  }

  body.video-page #main #included .work-list .work-item h3 {
    font-size: 21px;
    line-height: 25px;
    letter-spacing: 0.011em;
  }
}

@media (max-width: 600px) {

  body.video-page #main #included .work-item .work-item__index {
    font-size: 15px;
    line-height: 20.25px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.video-page #main #included .work-item .work-item__index {
    transition: none;
  }
}