.font-reading { font-family: var(--font-reading); }
.font-song-alt { font-family: var(--font-song-alt); }
.font-kai { font-family: var(--font-kai); }
.font-handwriting { font-family: var(--font-handwriting); }
.font-grass { font-family: var(--font-grass); }
.font-title { font-family: var(--font-title); }

body[data-font="reading"] .poem-text { font-family: var(--font-reading); }
body[data-font="song-alt"] .poem-text { font-family: var(--font-song-alt); }
body[data-font="kai"] .poem-text { font-family: var(--font-kai); }
body[data-font="handwriting"] .poem-text { font-family: var(--font-handwriting); }
body[data-font="grass"] .poem-text { font-family: var(--font-grass); }
body[data-font="title"] .poem-text { font-family: var(--font-title); }

.poem-text.font-reading { font-family: var(--font-reading); }
.poem-text.font-song-alt { font-family: var(--font-song-alt); }
.poem-text.font-kai { font-family: var(--font-kai); }
.poem-text.font-handwriting { font-family: var(--font-handwriting); }
.poem-text.font-grass { font-family: var(--font-grass); }
.poem-text.font-title { font-family: var(--font-title); }

.poem-text[data-font-role="reading"] { font-family: var(--font-reading); }
.poem-text[data-font-role="song-alt"] { font-family: var(--font-song-alt); }
.poem-text[data-font-role="kai"] { font-family: var(--font-kai); }
.poem-text[data-font-role="handwriting"] { font-family: var(--font-handwriting); }
.poem-text[data-font-role="grass"] { font-family: var(--font-grass); }
.poem-text[data-font-role="title"] { font-family: var(--font-title); }

/* Cards whose source fonts only cover simplified glyphs */
.compare-card[data-script-override="simplified"] .hanzi-traditional { display: none !important; }
.compare-card[data-script-override="simplified"] .hanzi-simplified { display: inline !important; }

.compare-grid .poem-text[data-font-role="reading"],
.compare-grid .poem-text[data-font-role="reading"] .poem-line,
.compare-grid .poem-text[data-font-role="reading"] .hanzi-traditional,
.compare-grid .poem-text[data-font-role="reading"] .hanzi-simplified {
  font-family: var(--font-reading) !important;
}

.compare-grid .poem-text[data-font-role="song-alt"],
.compare-grid .poem-text[data-font-role="song-alt"] .poem-line,
.compare-grid .poem-text[data-font-role="song-alt"] .hanzi-traditional,
.compare-grid .poem-text[data-font-role="song-alt"] .hanzi-simplified {
  font-family: var(--font-song-alt) !important;
}

.compare-grid .poem-text[data-font-role="kai"],
.compare-grid .poem-text[data-font-role="kai"] .poem-line,
.compare-grid .poem-text[data-font-role="kai"] .hanzi-traditional,
.compare-grid .poem-text[data-font-role="kai"] .hanzi-simplified {
  font-family: var(--font-kai) !important;
}

.compare-grid .poem-text[data-font-role="handwriting"],
.compare-grid .poem-text[data-font-role="handwriting"] .poem-line,
.compare-grid .poem-text[data-font-role="handwriting"] .hanzi-traditional,
.compare-grid .poem-text[data-font-role="handwriting"] .hanzi-simplified {
  font-family: var(--font-handwriting) !important;
}

.compare-grid .poem-text[data-font-role="grass"],
.compare-grid .poem-text[data-font-role="grass"] .poem-line,
.compare-grid .poem-text[data-font-role="grass"] .hanzi-traditional,
.compare-grid .poem-text[data-font-role="grass"] .hanzi-simplified {
  font-family: var(--font-grass) !important;
}

.compare-grid .poem-text[data-font-role="title"],
.compare-grid .poem-text[data-font-role="title"] .poem-line,
.compare-grid .poem-text[data-font-role="title"] .hanzi-traditional,
.compare-grid .poem-text[data-font-role="title"] .hanzi-simplified {
  font-family: var(--font-title) !important;
}