.article-shell.history-page {
  width: calc(1440 / 1920 * 100vw);
  padding: calc(168 / 1920 * 100vw) 0 calc(200 / 1920 * 100vw);
}
.history-page .article-layout { gap: calc(50 / 1920 * 100vw); }
.history-page .article-cover { border-radius: 0; }
.history-page .article-cover img { max-height: none; }
.history-page .article-body { gap: calc(52 / 1920 * 100vw); }
.history-node { padding-bottom: calc(40 / 1920 * 100vw); }
.history-node__title {
  margin: 0 0 calc(32 / 1920 * 100vw);
  font-size: calc(36 / 1920 * 100vw);
  font-weight: 500;
  line-height: 1.4;
}
.history-node__content {
  display: grid;
  grid-template-columns: calc(180 / 1920 * 100vw) minmax(0, 1fr) 30%;
  align-items: start;
}
.article-page--dark .history-page .history-node__period {
  margin: 0;
  padding: calc(24 / 1920 * 100vw) calc(38 / 1920 * 100vw);
  background: linear-gradient(110deg, #2375e9, #e6edfc);
  background-clip: text;
  color: transparent;
  font-size: calc(40 / 1920 * 100vw);
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.history-node__period > span { display: block; color: inherit !important; }
.history-node__period .history-node__range { font-size: .5em; line-height: 1; }
.history-node__events {
  list-style: disc outside;
  margin: calc(24 / 1920 * 100vw) 0 0;
  padding: 0 calc(20 / 1920 * 100vw) 0 calc(72 / 1920 * 100vw);
  border-left: 1px solid rgba(255, 255, 255, .75);
  font-size: calc(26 / 1920 * 100vw);
  line-height: 1.75;
}
.history-node__events li { padding-left: calc(4 / 1920 * 100vw); }
.history-node__events li + li { margin-top: calc(5 / 1920 * 100vw); }
.history-node__illustration { overflow: hidden; min-width: 0; }
.history-node__illustration img { display: block; width: 100%; }
/* The original artwork occupies the rightmost 30%; its baked-in copy stays outside the clip. */
.history-page .history-node__illustration--cropped img { width: calc(100% / .3) !important; max-width: none !important; margin-left: calc(100% - 100% / .3); }
html[lang="en"] .history-node__title { font-size: calc(32 / 1920 * 100vw); }
html[lang="en"] .history-node__events { font-size: calc(24 / 1920 * 100vw); line-height: 1.6; }
@media (max-width: 1080px) {
  .article-shell.history-page {
    width: calc(960 / 1080 * 100vw);
    padding: calc(280 / 1080 * 100vw) 0 calc(180 / 1080 * 100vw);
  }
  .history-page .article-layout { gap: calc(70 / 1080 * 100vw); }
  .history-page .article-header h1 { font-size: calc(64 / 1080 * 100vw); }
  .history-page .article-header p { font-size: calc(36 / 1080 * 100vw); }
  .history-page .article-body { gap: calc(80 / 1080 * 100vw); }
  .history-node { padding-bottom: calc(40 / 1080 * 100vw); }
  .history-page .history-node__title,
  html[lang="en"] .history-page .history-node__title {
    font-size: calc(48 / 1080 * 100vw);
    margin-bottom: calc(30 / 1080 * 100vw);
    text-wrap: initial;
  }
  .history-node__content { grid-template-columns: calc(190 / 1080 * 100vw) minmax(0, 1fr); }
  .article-page--dark .history-page .history-node__period {
    padding: calc(8 / 1080 * 100vw) calc(20 / 1080 * 100vw);
    font-size: calc(44 / 1080 * 100vw);
  }
  .history-page .history-node__events,
  html[lang="en"] .history-page .history-node__events {
    margin: 0;
    padding: 0 0 0 calc(58 / 1080 * 100vw);
    font-size: calc(36 / 1080 * 100vw);
    line-height: 1.7;
  }
  .history-node__events li { padding-left: 0; }
  .history-node__events li + li { margin-top: calc(14 / 1080 * 100vw); }
  .history-node__illustration { grid-column: 2; width: 75%; justify-self: end; margin-top: calc(30 / 1080 * 100vw); }
}