/* Large headings only. Keep body text, controls and small labels solid. */
:is(h1, #series-title, #practice-title, #trainer-title, #about-title, #story h2) { color: #e9cf94; }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  :is(h1, #series-title, #practice-title, #trainer-title, #about-title, #story h2) {
    background-image: linear-gradient(135deg, #f1dbab 0%, #d6b36c 45%, #b18a46 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
@media (forced-colors: active) {
  :is(h1, #series-title, #practice-title, #trainer-title, #about-title, #story h2) { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
}
@media print {
  :is(h1, #series-title, #practice-title, #trainer-title, #about-title, #story h2) { background: none; color: #000; -webkit-text-fill-color: #000; }
}