/* English-only typography and responsive adjustments for the EHS page. */
.ehs_page_en .ehs_visual_text p,
.ehs_page_en .ehs_env_head p,
.ehs_page_en .ehs_env_card_text p,
.ehs_page_en .ehs_env_detail_text p,
.ehs_page_en .ehs_env_detail_text li,
.ehs_page_en .mo_ehs_head p,
.ehs_page_en .mo_ehs_card_body p,
.ehs_page_en .mo_ehs_card_body li {
   word-break: normal;
   overflow-wrap: break-word;
}

.ehs_page_en .ehs_env_head h2 em {
   font-size: clamp(24px, 1.667vw, 32px);
   white-space: nowrap;
}

.ehs_page_en .ehs_env_head p {
   max-width: 780px;
   line-height: 1.55;
}

.ehs_page_en .ehs_env_card_text {
   max-width: min(660px, calc(100% - 60px));
}

.ehs_page_en .ehs_env_card_text p,
.ehs_page_en .ehs_env_detail_text p {
   line-height: 1.55;
}

.ehs_page_en .ehs_env_detail_text {
   width: min(570px, 38vw);
}

.ehs_page_en .ehs_env_detail_text h3 {
   line-height: 1.15;
}

.ehs_page_en .ehs_env_tabs button {
   line-height: 1.2;
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
   .ehs_page_en .ehs_env_head h2 em {
      font-size: clamp(22px, 1.8vw, 28px);
   }

   .ehs_page_en .ehs_env_head p {
      max-width: 680px;
      font-size: clamp(15px, 1.1vw, 17px);
   }

   .ehs_page_en .ehs_env_detail_text {
      width: min(500px, 40vw);
   }

   .ehs_page_en .ehs_env_detail_text h3 {
      font-size: clamp(28px, 2.4vw, 38px);
   }

   .ehs_page_en .ehs_env_detail_text p,
   .ehs_page_en .ehs_env_detail_text li {
      font-size: clamp(13px, 1.05vw, 16px);
   }

   .ehs_page_en .ehs_env_tabs button {
      font-size: clamp(12px, 1vw, 16px);
      white-space: normal;
   }
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
   .ehs_page_en .ehs_visual_text p {
      line-height: 1.3;
   }

   .ehs_page_en .ehs_env_head h2 {
      align-items: flex-end;
      gap: clamp(14px, 2.2vw, 22px);
   }

   .ehs_page_en .ehs_env_head h2 span {
      font-size: clamp(52px, 7.5vw, 72px);
      line-height: 1;
   }

   .ehs_page_en .ehs_env_head h2 em {
      padding-bottom: 5px;
      font-size: clamp(18px, 2.6vw, 25px);
   }

   .ehs_page_en .ehs_env_head p {
      max-width: 680px;
      font-size: clamp(14px, 1.9vw, 17px);
   }

   .ehs_page_en .ehs_env_card_text {
      max-width: calc(100% - 64px);
   }

   .ehs_page_en .ehs_env_card_text h3 {
      font-size: clamp(22px, 3vw, 26px);
   }

   .ehs_page_en .ehs_env_card_text p {
      font-size: clamp(14px, 1.9vw, 16px);
   }

   .ehs_page_en .ehs_env_detail_text {
      width: min(440px, 58vw);
   }

   .ehs_page_en .ehs_env_detail_text h3 {
      font-size: clamp(28px, 4vw, 38px);
   }

   .ehs_page_en .ehs_env_detail_text p,
   .ehs_page_en .ehs_env_detail_text li {
      font-size: clamp(13px, 1.85vw, 16px);
   }

   .ehs_page_en .ehs_env_tabs button {
      padding: 0 8px;
      font-size: clamp(11px, 1.55vw, 14px);
      white-space: normal;
   }
}

@media screen and (min-width: 800px) and (max-width: 900px) and (max-height: 700px) {
   .ehs_page_en .ehs_env_detail_text h3 {
      font-size: 27px;
   }

   .ehs_page_en .ehs_env_detail_text p,
   .ehs_page_en .ehs_env_detail_text li {
      font-size: 13px;
   }

   .ehs_page_en .ehs_env_tabs button {
      font-size: 11px;
   }
}

@media screen and (min-width: 300px) and (max-width: 599px) {
   .ehs_page_en .ehs_visual_text p {
      line-height: 1.28;
   }

   .ehs_page_en .mo_ehs_head h2 {
      align-items: flex-start;
      flex-direction: column;
      gap: 8px;
   }

   .ehs_page_en .mo_ehs_head h2 span {
      font-size: clamp(38px, 11vw, 48px);
   }

   .ehs_page_en .mo_ehs_head h2 em {
      padding-bottom: 0;
      font-size: clamp(14px, 4vw, 18px);
   }

   .ehs_page_en .mo_ehs_head p {
      margin-left: auto;
      max-width: 310px;
      line-height: 1.45;
   }

   .ehs_page_en .mo_ehs_card_body h3 {
      line-height: 1.2;
   }

   .ehs_page_en .mo_ehs_card_body p {
      line-height: 1.5;
   }

   .ehs_page_en .mo_ehs_card_body li {
      line-height: 1.4;
   }
}
