/*! The Sleep Story Sampler */
.dwx-app .dwx-sl-set { margin-top: 20px; }
.dwx-app .dwx-sl-set legend { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--dwx-gold); margin-bottom: 10px; }
.dwx-app .dwx-sl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.dwx-app .dwx-sl-player { display: flex; flex-direction: column; gap: 18px; min-height: 480px; padding: 36px 32px 24px; background: radial-gradient(700px 400px at 50% 0%, rgba(182,164,206,.10), transparent 70%); }
.dwx-app .dwx-sl-text { flex: 1; display: flex; align-items: center; justify-content: center; }
.dwx-app .dwx-sl-p { font-family: var(--dwx-serif); font-size: clamp(1.3rem, 3vw, 1.65rem); line-height: 1.65; color: #D8CCB6; max-width: 40ch; text-align: center; animation: dwx-slow 3.5s ease; }
.dwx-app .dwx-sl-quiet { font-style: italic; color: var(--dwx-muted); }
.dwx-app .dwx-sl-offer { margin: 18px 0 4px; padding: 18px 20px; border-radius: 14px; border: 1px solid var(--dwx-line-strong); background: var(--dwx-surface); }
.dwx-app .dwx-sl-offer p:first-child { font-family: var(--dwx-serif); font-size: 1.35rem; color: var(--dwx-cream); }
.dwx-app .dwx-sl-dim { position: fixed; inset: 0; z-index: 100000; border: 0; padding: 0 0 40px; margin: 0; background: rgba(0,0,0,.94); cursor: pointer; display: flex; align-items: flex-end; justify-content: center; }
.dwx-app .dwx-sl-dim span { font: 13px var(--dwx-sans); color: rgba(255,255,255,.18); letter-spacing: .1em; }
@keyframes dwx-slow { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .dwx-app .dwx-sl-p { animation: none; } }