/*******************************************************************************************
*                                                                                          *
*                                    <ManualRelated>                                       *
*                                                                                          *
********************************************************************************************/

.manual-related {
  padding: var(--cgd-section-padding, 8.875rem) 0 var(--cgd-section-padding-half, 1.375rem) 0;
}

.manual-related__wrapper {
  width: 80%;
  margin: 0 auto;
}

.manual-related__title {
  font-size: var(--cgd-h2-font-size, 3.125rem);
  line-height: 1.28em;
  font-weight: 700;
  color: var(--cgd-headings-color, var(--headings-highlights-color));
  margin-bottom: var(--cgd-headings-margin, 2.625rem);
}

.manual-related .clickable__button {
  font-weight: 700;
  margin-bottom: var(--cgd-separator-small-margin, 2.625rem);
}

.manual-related__cards {
  display: flex;
  justify-content: space-evenly;
}

.manual-related__cards .card {
  width: 31.5%;
}



/*******************************************************************************************
*                                                                                          *
*                            <BasicLayout> && <FeatureLayout>                              *
*                                                                                          *
********************************************************************************************/

/* FeatureLayout */

.feature-page-layout .return-link {
  position: relative;
  left: 5%;
}

@supports (left: max(5%, calc(50% - calc(var(--content-max-width) / 2)) - 5.690625rem - 2rem)) {
  /* Trick to position the link next to the content when the width is limited (5.690625rem is the width of the link, and 2rem is for spacing) */
  .feature-page-layout .return-link {
    left: max(5%, calc(50% - calc(var(--content-max-width) / 2)) - 5.690625rem - 2rem);
  }
}


/* BasicLayout */

.basic-page-layout .strip__wrapper {
  width: 73%;
}

.basic-page-layout .strip__title {
  margin-bottom: var(--cgd-headings-margin, 4.5rem);
}

.basic-page-layout .strip__title,
.basic-page-layout .basic-info__text h2 {
  font-size: var(--cgd-h2-font-size, 1.875rem);
}

.basic-page-layout .basic-info__text {
  color: var(--cgd-text-color, var(--headings-highlights-color));
}

.basic-page-layout .basic-info__text h1 {
  font-size: var(--cgd-h1-font-size, 3.125rem);
  line-height: 1.28em;
  font-weight: 700;
}

.basic-page-layout .basic-info__text h2 {
  font-weight: 600;
}

.basic-page-layout .basic-info__text h3 {
  font-size: var(--cgd-h3-font-size, 2.5rem);
}

.basic-page-layout .basic-info__text h4 {
  font-size: var(--cgd-h4-font-size, 2.125rem);
}

.basic-page-layout .basic-info__text h5 {
  font-size: var(--cgd-h5-font-size, 1.75rem);
}

.basic-page-layout .basic-info__text h6 {
  font-size: var(--cgd-h6-font-size, 1.5rem);
}

.basic-page-layout .call-to-action .clickable__button,
.basic-page-layout .call-to-action .clickable__link {
  font-size: var(--cgd-text-font-size, 1.125rem);
  font-weight: 600;
}

.basic-page-layout .call-to-action .clickable__link {
  text-decoration: underline;
}



/*******************************************************************************************
*                                                                                          *
*                                      Media Queries                                       *
*                                                                                          *
********************************************************************************************/

/* <= 1024px  */
@media (max-width:64rem) {
  .basic-page-layout .strip__wrapper {
    width: 80%;
  }

  .manual-related__wrapper {
    width: 90%;
  }
}

/* <= 660px  */
@media (max-width:41.25rem) {
  .basic-page-layout .gallery[number-of-columns="3"][elements-per-row="3"] > * ,
  .basic-page-layout .gallery[number-of-columns="4"][elements-per-row="4"] > * {
    max-width: none;
  }
}

/* <= 640px  */
@media (max-width:40rem) {
  .manual-related__cards {
    flex-direction: column;
  }

  .manual-related__cards .card {
    width: 100%;
    margin-bottom: 2rem;
  }

  .manual-related__cards .card:last-of-type {
    margin: 0;
  }
}

/* <= 480px  */
@media (max-width:30rem) {
  .basic-page-layout .strip__wrapper {
    width: 90%;
  }
}