/* Keep the approved panel colors; glass is a restrained material treatment. */
html[data-concept="stoic"][data-water="violet"].has-night-story .hero > .wrap {
  background: transparent;
  box-shadow: none;
}
html[data-concept="stoic"][data-water="violet"].has-night-story .hero :is(.day-card, .hero-right-panel) {
  border: 1px solid #ffffffb3;
  background: #fffffff0;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: inset 0 1px 0 #ffffff80;
}
html[data-concept="stoic"][data-water="violet"].has-night-story .hero .day-card {
  /* Existing state colors and all original chart labels remain in charge. */
  background: color-mix(in srgb, var(--chart-wash) 92%, transparent);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html[data-concept="stoic"][data-water="violet"].has-night-story .hero .hero-right-panel {
    background: #fff;
  }
  html[data-concept="stoic"][data-water="violet"].has-night-story .hero .day-card {
    background: var(--chart-wash);
  }
}