/* ==========================================================================
   English-only overrides.

   `style.css` keeps every English special case in one `html:lang(en)` block at
   the end of the file. The clone scopes the same rules to its own root (`.gyro`),
   which carries the `lang` attribute, so they match from the first paint instead
   of waiting for `<html lang>` to be corrected on mount.
   ========================================================================== */

/* The English GNB labels are longer, so the source tightens their gutters. */
@media (min-width: 1200px) {
  .gyro:lang(en) #header .gnb > ul > li > a {
    padding: 0 25px;
  }
}
@media (max-width: 1199px) {
  .gyro:lang(en) .sub-cont-section.section-title .bg-txt {
    display: none;
  }
}
@media (min-width: 576px) {
  .gyro:lang(en) .form-layout-wrap .basic-board-row--fc tr td .d-flex .tit {
    width: 10rem;
  }
  .gyro:lang(en) .form-layout-wrap .basic-board-row--fc tr td .d-flex .txt {
    width: calc(100% - 10rem);
  }
}
@media (max-width: 575px) {
  .gyro:lang(en) .technology-diagram-wrap > ul > li.side table tr th,
  .gyro:lang(en) .technology-diagram-wrap > ul > li.side table tr td {
    font-size: 1rem;
  }
}
.gyro:lang(en) .bim-design-platform-wrap2 .platform_depth1_ul p {
  height: 4.75rem;
}
@media (max-width: 1320px) {
  .gyro:lang(en) .bim-design-platform-wrap .platform_depth1_ul p {
    height: 100%;
    min-height: 3.75rem;
  }
}
@media screen and (max-width: 1230px) and (min-width: 1025px) {
  .gyro:lang(en) .bim-design-platform-wrap2 .platform_depth1_ul p {
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    font-size: 1.45vw !important;
  }
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
  .gyro:lang(en) .bim-design-platform-wrap2 .platform_depth1_ul p {
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    font-size: 1.5vw !important;
  }
  .gyro:lang(en) .bim-design-platform-wrap .platform_depth1_ul p {
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    font-size: 1.65vw !important;
  }
}
@media (min-width: 992px) {
  .gyro:lang(en) .data-center-configuration-wrap
    .data-center-configuration__depth1
    .data-center-configuration__conts
    > ul
    > li.second
    p,
  .gyro:lang(en)
    .facility-management-wrap
    ul.facility-management__depth1_ul
    .facility-management__depth1__step_01
    .facility-management__conts
    > ul
    > li.second
    p {
    min-height: 75px;
  }
  .gyro:lang(en)
    .data-center-configuration-wrap
    .data-center-configuration__depth1
    .data-center-configuration__conts
    > ul
    > li.second
    > ul
    > li
    > ul
    > li.col-6 {
    min-height: 260px;
  }
}
@media (max-width: 670px) {
  .gyro:lang(en)
    .data-center-configuration-wrap
    .data-center-configuration__depth1
    .data-center-configuration__conts
    > ul
    > li.second
    > ul
    > li
    .in
    ul
    > li
    p {
    min-height: 60px;
  }
}
@media (max-width: 550px) {
  .gyro:lang(en)
    .data-center-configuration-wrap
    .data-center-configuration__depth1
    .data-center-configuration__conts
    > ul
    > li.second
    > ul
    > li
    .in
    ul
    > li {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 5px;
  }
  .gyro:lang(en)
    .data-center-configuration-wrap
    .data-center-configuration__depth1
    .data-center-configuration__conts
    > ul
    > li.second
    > ul
    > li
    .in
    ul
    > li
    p {
    min-height: auto;
  }
  .gyro:lang(en)
    .store-space-management-wrap
    ul.store-space-management__depth2_ul
    .store-space-management__depth2__step_01
    .store-space-management__conts
    > ul
    > li.arrow
    h5 {
    font-size: 3.25vw !important;
  }
}
@media (max-width: 767px) {
  .gyro:lang(en) .bim-design-platform-wrap2 .platform_depth1_ul p {
    min-height: 3.75rem;
    height: 100%;
  }
}
/* Below 440px the two English policy labels stack, so the source drops the
   separator and tightens the leading. */
@media (max-width: 440px) {
  .gyro:lang(en) #footer ul.footer-bottom-link li {
    margin-bottom: 5px;
  }
  .gyro:lang(en) #footer ul.footer-bottom-link li::before {
    display: none;
  }
  .gyro:lang(en) #footer ul.footer-bottom-link li a {
    line-height: 1.2;
  }
}