.custom-page .page-title,
.main-page .page-title {
  margin: 0;
  color: #111;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: clamp(40px, 5vw, 72px) !important;
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: -0.025em;
  line-height: 1.04;
  text-align: left;
}

.main-page.page-width {
  width: min(100% - clamp(36px, 7vw, 128px), 1480px);
  max-width: none;
  font-family: Arial, "Helvetica Neue", sans-serif;
}

.main-page__header {
  padding: clamp(40px, 6vw, 86px) 0 clamp(42px, 6vw, 78px);
  border-bottom: 1px solid #d8d8d5;
}

.main-page__breadcrumb {
  margin-bottom: clamp(42px, 6vw, 76px);
  color: #777;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  text-align: left !important;
}

.main-page__eyebrow {
  margin: 0 0 15px;
  color: #555;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.16em;
  line-height: 1.4;
}

.main-page__content {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: clamp(54px, 7vw, 96px) 0 clamp(74px, 9vw, 130px);
  color: #4d4d4d;
}

.info-editorial-row {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(380px, 1.1fr);
  gap: clamp(38px, 6vw, 88px);
  align-items: start;
  margin: 0 0 clamp(72px, 8vw, 116px);
}

.info-editorial-row--reverse {
  grid-template-columns: minmax(380px, 1.1fr) minmax(0, 0.9fr);
}

.info-editorial-row--reverse .info-editorial-figure {
  order: -1;
}

.info-editorial-row--stacked {
  grid-template-columns: 1fr;
}

.info-editorial-row__text > :first-child {
  margin-top: 0 !important;
}

.info-editorial-row__text > :last-child {
  margin-bottom: 0 !important;
}

.info-editorial-figure {
  margin: 0;
}

.info-editorial-figure--standalone {
  width: 100%;
  margin: 34px 0 clamp(72px, 8vw, 116px);
}

.info-editorial-figure--standalone .info-editorial-figure__media {
  aspect-ratio: 16 / 8;
}

.info-editorial-figure__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: #ededeb;
}

.info-editorial-row--stacked .info-editorial-figure__media {
  aspect-ratio: 16 / 8;
}

.info-editorial-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-editorial-figure figcaption {
  margin-top: 12px;
  color: #777;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 9px !important;
  font-weight: 500;
  letter-spacing: 0.14em;
  line-height: 1.5;
  text-transform: uppercase;
}

.main-page__content,
.main-page__content p,
.main-page__content li,
.main-page__content td,
.main-page__content th,
.main-page__content a {
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-size: 15px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}

.main-page__content p {
  margin: 0 0 20px;
}

.main-page__content h2,
.main-page__content h1,
.main-page__content h3,
.main-page__content h4,
.main-page__content h5,
.main-page__content h6 {
  margin: 0 0 18px;
  color: #111;
  font-family: Arial, "Helvetica Neue", sans-serif !important;
  font-style: normal;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.main-page__content h1,
.main-page__content h2 {
  margin-top: 58px;
  font-size: clamp(26px, 2.5vw, 36px) !important;
}

.main-page__content h3 {
  margin-top: 42px;
  font-size: clamp(20px, 1.8vw, 26px) !important;
}

.main-page__content h4,
.main-page__content h5,
.main-page__content h6 {
  margin-top: 34px;
  font-size: 17px !important;
  font-weight: 500 !important;
}

.main-page__content strong,
.main-page__content b {
  color: #222;
  font-weight: 500 !important;
}

.main-page__content a {
  color: #111;
  text-decoration: none !important;
}

.main-page__content a:hover {
  text-decoration: none !important;
}

.main-page__content ul,
.main-page__content ol {
  margin: 0 0 26px;
  padding-left: 22px;
}

.main-page__content li + li {
  margin-top: 8px;
}

.main-page__content hr {
  height: 1px;
  margin: 48px 0;
  border: 0;
  background: #d8d8d5;
}

.main-page__content table {
  width: 100%;
  margin: 36px 0;
  border: 0;
  border-collapse: collapse;
}

.main-page__content th,
.main-page__content td {
  padding: 14px 10px;
  border: 0;
  border-bottom: 1px solid #d8d8d5;
  text-align: left;
}

.main-page__content th {
  color: #111;
  font-weight: 500;
}

.custom-page .placeholder {
  display: inline-block;
  height: 335px;
  width: 100%;
  background-color: rgba(var(--color-text), 0.05);
}

@media screen and (min-width: 960px) {
  .custom-page .placeholder {
    width: 100%;
    height: 525px;
  }
}

@media screen and (max-width: 959px) {
  .main-page.page-width {
    width: calc(100% - 36px);
  }

  .main-page__header {
    padding-top: 28px;
  }

  .main-page__breadcrumb {
    margin-bottom: 38px;
  }

  .main-page__content,
  .main-page__content p,
  .main-page__content li,
  .main-page__content td,
  .main-page__content th,
  .main-page__content a {
    font-size: 14px !important;
    line-height: 1.75;
  }

  .main-page__content table {
    display: table;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible;
    table-layout: auto;
  }

  .info-editorial-row,
  .info-editorial-row--reverse {
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 68px;
  }

  .info-editorial-row--reverse .info-editorial-figure {
    order: initial;
  }

  .info-editorial-figure__media,
  .info-editorial-row--stacked .info-editorial-figure__media {
    aspect-ratio: 16 / 10;
  }
}

/* The ipad end responds to the mobile end in vertical screen */

/* @custom-media --tablet (max-width: 959px); */

/* @custom-media --gt-mobile (min-width: 751px); */

/* detectingScreen need to consider the configuration of the tablet */

.main-page--faq {
  --faq-ink: #111;
  --faq-copy: #555;
  --faq-rule: #d7d7d7;
  background: #fff;
  color: var(--faq-ink);
  font-family: Arial, "Helvetica Neue", sans-serif;
}

.main-page--faq.page-width {
  width: min(100% - clamp(36px, 6vw, 112px), 1640px);
  max-width: none;
}

.main-page--faq .main-page__header {
  padding: 30px 0;
  border-bottom-color: var(--faq-rule);
}

.main-page--faq .main-page__breadcrumb {
  margin-bottom: 20px;
}

.mcs-faq-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
  gap: clamp(38px, 3.5vw, 64px);
  align-items: end;
}

.mcs-faq-heading__title {
  min-width: 0;
}

.main-page--faq .main-page__eyebrow {
  margin: 0 0 12px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .18em;
  line-height: 1.3;
}

.main-page--faq .page-title {
  max-width: 760px;
  font-size: clamp(30px, 2.4vw, 40px) !important;
  font-weight: 600 !important;
  letter-spacing: .015em;
  line-height: 1.04;
  text-transform: uppercase;
}

.mcs-faq-heading__intro {
  max-width: 520px;
  margin: 0;
  color: #333;
  font-family: Arial, "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 959px) {
  .main-page--faq.page-width {
    width: min(100% - 36px, 720px);
  }

  .main-page--faq .main-page__header {
    padding: 26px 0 28px;
  }

  .main-page--faq .main-page__breadcrumb {
    margin-bottom: 18px;
  }

  .mcs-faq-heading {
    grid-template-columns: 1fr;
    gap: 16px;
    align-items: start;
  }

  .main-page--faq .page-title {
    font-size: clamp(28px, 8vw, 34px) !important;
  }

  .mcs-faq-heading__intro {
    max-width: 620px;
  }
}