/* Do not clip any important-date content. */
.important-dates__lead > span:last-child,
.important-dates__item { min-width: 0; }
.important-dates__lead b,
.important-dates__item strong { overflow: visible; text-overflow: clip; white-space: normal; }
.important-dates__lead em,
.important-dates__item em { display: block; margin-top: 4px; color: #718095; font-size: 11px; font-style: normal; font-weight: 500; line-height: 1.25; white-space: nowrap; }
.important-dates__lead b { color: #ff5c41; }
@media (min-width: 901px) {
  .important-dates { grid-template-columns: 1.2fr 1.12fr 1.25fr 1.18fr; }
  .important-dates__lead,.important-dates__item,.important-dates__link { padding-right: 16px; padding-left: 16px; }
  .important-dates__item { padding-left: 76px; }
  .important-dates__item:before { left: 16px; }
}
@media (max-width: 900px) {
  .important-dates__lead em,.important-dates__item em { white-space: normal; }
}

@media (min-width: 901px) {
  .important-dates { grid-template-columns: 1.2fr 1.3fr 1.35fr 1.2fr; }
  .important-dates__item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    grid-template-rows: auto auto auto;
    column-gap: 12px;
    row-gap: 2px;
    align-content: center;
    padding-left: 16px;
  }
  .important-dates__item:before {
    position: static;
    grid-column: 1;
    grid-row: 1 / span 3;
    align-self: center;
  }
  .important-dates__item small { grid-column: 2; grid-row: 1; margin: 0; }
  .important-dates__item strong { grid-column: 2; grid-row: 2; line-height: 1.15; }
  .important-dates__item em { grid-column: 2; grid-row: 3; margin-top: 0; }
  .important-dates__item:nth-of-type(3)::after {
    content: "Wuhan, China";
    grid-column: 2;
    grid-row: 3;
    color: #718095;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25;
  }

  html[lang="zh-CN"] .important-dates__item:nth-of-type(3)::after {
    content: "中国·武汉";
  }

  html[lang="zh-CN"] .important-dates__link::after {
    content: "重要日期  →";
  }
}