/* /sleep-calculator only: the option cards. Scoped under #slApp. */
#slApp .sl-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(150px, 100%), 1fr)); gap: 10px; margin: 12px 0; padding: 0; list-style: none; }
#slApp .sl-card { border: 1px solid var(--bm-line); border-radius: 14px; padding: 12px; background: var(--bm-surface); }
#slApp .sl-card.is-pick { border: 2px solid var(--bm-accent-strong); background: var(--bm-accent-soft); }
#slApp .sl-time { display: block; font-size: 1.45rem; font-weight: 800; color: var(--bm-ink); font-variant-numeric: tabular-nums; }
#slApp .sl-day { display: block; font-size: .78rem; color: var(--bm-ink-3); min-height: 1.1em; }
#slApp .sl-meta { display: block; font-size: .86rem; color: var(--bm-ink-2); margin: 4px 0 6px; }
#slApp .sl-alarm { margin: 12px 0; }
@media (forced-colors: active) { #slApp .sl-card.is-pick { border: 3px solid CanvasText; } }