/* Sleep Calculator */
.sleep__moon { font-size: 1.9rem; line-height: 1; margin-bottom: .5rem; filter: drop-shadow(0 0 16px rgba(242,198,109,.4)); }
@media (min-width: 640px) { .sleep__moon { font-size: 2.3rem; margin-bottom: .7rem; } }
.sleep__clock { display: flex; align-items: center; gap: .3rem; }
.sleep__clock input[data-sleep-h] { width: 3.1rem; text-align: center; flex: none; }
.sleep__clock select { flex: 1 1 auto; min-width: 0; text-align: center; padding-right: 1.6rem; background-position: right .5rem center; }
.sleep__colon { font-family: var(--serif); font-size: 1.1rem; color: var(--text-muted); }
.sleep__helper { margin-inline: auto; max-width: 24rem; text-align: center; }
.sleep [data-sleep-band]:empty { display: none; }