@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "zh-CN sans-serif";
  src: local("Source Han Sans SC"), local("Source Han Sans"), local("Dengxian"), local("Microsoft Yahei");
}
@font-face {
  font-weight: 450 700;
  font-style: normal;
  font-family: "zh-CN sans-serif";
  src: local("Source Han Sans SC Bold"), local("Source Han Sans Bold"), local("Dengxian Bold"), local("Microsoft Yahei Bold");
}
@font-face {
  font-weight: 250 450;
  font-style: italic;
  font-family: "zh-CN sans-serif";
  src: local("STFangSong"), local("FangSong"), local("STXinwei"), local("YouYuan Regular");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "zh-CN serif";
  src: local("Source Han Serif SC"), local("Source Han Serif"), local("Simsun Regular");
}
@font-face {
  font-weight: 450 700;
  font-style: normal;
  font-family: "zh-CN serif";
  src: local("Source Han Serif SC Bold"), local("Source Han Serif Bold"), local("STsong Regular");
}
@font-face {
  font-weight: 250 450;
  font-style: italic;
  font-family: "zh-CN serif";
  src: local("STKaiti"), local("KaiTi");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "zh-CN fantasy";
  src: local("Source Han Sans SC");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "en sans-serif";
  src: local("Helvetica"), local("Helvetica Regular"), local("Arial Regular"), local("Arial");
}
@font-face {
  font-weight: 450 700;
  font-style: normal;
  font-family: "en sans-serif";
  src: local("Helvetica Bold"), local("Arial Bold");
}
@font-face {
  font-weight: 250 450;
  font-style: italic;
  font-family: "en sans-serif";
  src: local("Helvetica Italic"), local("Arial Italic");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "en serif";
  src: local("Georgia Regular"), local("Georgia"), local("Times New Roman Regular"), local("Times New Roman");
}
@font-face {
  font-weight: 450 700;
  font-style: normal;
  font-family: "en serif";
  src: local("Georgia Bold"), local("Times New Roman Bold");
}
@font-face {
  font-weight: 250 450;
  font-style: italic;
  font-family: "en serif";
  src: local("Georgia Italic"), local("Times New Roman Italic");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "en fantasy";
  src: local("Jost Regular");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "zh-Hant sans-serif";
  src: local("Source Han Sans TC"), local("Source Han Sans"), local("Meiryo"), local("Microsoft JhengHei");
}
@font-face {
  font-weight: 450 700;
  font-style: normal;
  font-family: "zh-Hant sans-serif";
  src: local("Source Han Sans TC Bold"), local("Source Han Sans Bold"), local("Meiryo Bold"), local("Microsoft JhengHei Bold");
}
@font-face {
  font-weight: 250 450;
  font-style: italic;
  font-family: "zh-Hant sans-serif";
  src: local("Meiryo Italic"), local("UD Digi Kyokasho N"), local("STLiti"), local("STFangSong"), local("FangSong"), local("STXinwei"), local("YouYuan Regular");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "zh-Hant serif";
  src: local("KingHwa_OldSong"), local("Source Han Serif TC"), local("Source Han Serif"), local("Simsun-ExtB Regular");
}
@font-face {
  font-weight: 450 700;
  font-style: normal;
  font-family: "zh-Hant serif";
  src: local("Source Han Serif TC Bold"), local("Source Han Serif Bold"), local("STsong Regular");
}
@font-face {
  font-weight: 250 450;
  font-style: italic;
  font-family: "zh-Hant serif";
  src: local("STKaiti"), local("KaiTi");
}
@font-face {
  font-weight: 250 450;
  font-style: normal;
  font-family: "zh-Hant fantasy";
  src: local("Source Han Sans TC");
}
* {
  font-family: latin var(--font-style), var(--lang) var(--font-style), var(--font-style);
}
.poem {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.poem >* {
  margin-block: 0.5em;
  line-height: 1.5rem;
}
.poem [lang*="zh"] {
  --lang: zh-Hant;
}
.poem [lang*="en"] {
  --lang: en;
}
.poem .title {
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
}
.poem .author {
  text-align: center;
  font-size: 0.8em;
}
.poem .author[lang*="en"] {
  font-style: italic;
}
.poem >p:not([class]) {
  min-height: 3rem;
}
.poem >p:not([class])[lang*="en"] {
  font-size: 0.85em;
}
@media (max-width: 750px) {
  .poem {
    grid-template-columns: 1fr;
  }
  .poem >p:not([class]) {
    min-height: unset;
  }
}