/*! Seven Evenings */
.dwx-app .dwx-se-tiles { list-style: none; margin: 20px 0 0; padding: 0; display: grid; gap: 8px; max-width: 680px; }
.dwx-app .dwx-se-tile-in { display: flex; align-items: center; gap: 14px; width: 100%; padding: 12px 16px; border-radius: 12px; border: 1px solid var(--dwx-line); background: var(--dwx-surface); color: var(--dwx-muted); font: inherit; font-size: 14.5px; line-height: 1.4; text-align: left; }
.dwx-app button.dwx-se-tile-in { cursor: pointer; transition: border-color .15s, background-color .15s; }
.dwx-app button.dwx-se-tile-in:hover, .dwx-app button.dwx-se-tile-in:focus-visible { border-color: var(--dwx-gold); background: var(--dwx-soft); }
.dwx-app .dwx-se-n { flex: none; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--dwx-line-strong); color: var(--dwx-gold); font-family: var(--dwx-serif); font-size: 1.2rem; font-weight: 600; }
.dwx-app .dwx-se-body { flex: 1; display: flex; flex-direction: column; }
.dwx-app .dwx-se-body strong { font-family: var(--dwx-serif); font-size: 1.3rem; font-weight: 600; color: var(--dwx-cream); }
.dwx-app .dwx-se-when { flex: none; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--dwx-lav); }
.dwx-app .is-done .dwx-se-n { background: var(--dwx-gold); color: var(--dwx-bg); border-color: var(--dwx-gold); }
.dwx-app .is-done .dwx-se-when { color: var(--dwx-gold); }
.dwx-app .is-locked .dwx-se-tile-in { opacity: .55; border-style: dashed; }
.dwx-app .dwx-se-progress { height: 6px; max-width: 320px; border-radius: 3px; background: var(--dwx-surface); border: 1px solid var(--dwx-line); overflow: hidden; margin-top: 16px; }
.dwx-app .dwx-se-progress span { display: block; height: 100%; background: var(--dwx-gold); }
.dwx-app .dwx-qz-kicker { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--dwx-lav); margin-bottom: 8px; }
.dwx-app .dwx-se-step { margin-top: 6px; padding: 14px 18px; border-radius: 12px; border: 1px solid var(--dwx-line-strong); background: rgba(10,26,58,.6); max-width: 620px; }
.dwx-app .dwx-se-step .dwx-sub { margin: 0 0 6px; font-size: 1.25rem; }
.dwx-app .dwx-se-step p { color: var(--dwx-cream); }
.dwx-app .dwx-se-note { display: grid; gap: 6px; margin-top: 18px; max-width: 520px; color: var(--dwx-muted); font-size: 14.5px; }
.dwx-app .dwx-se-note input { min-height: 44px; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--dwx-line-strong); background: var(--dwx-surface); color: var(--dwx-ink); font: inherit; }
.dwx-app .dwx-se-notes { margin: 0 0 0 1.2em; display: grid; gap: 4px; color: var(--dwx-muted); max-width: 62ch; }
.dwx-app .dwx-se-notes strong { color: var(--dwx-cream); }
.dwx-app .dwx-se-signup .dwx-sub { margin-top: 0; }
.dwx-app .dwx-se-signup .dwx-lead { margin-bottom: 14px; }
@media (max-width: 600px) { .dwx-app .dwx-se-when { display: none; } .dwx-app .is-done .dwx-se-n::after { content: ""; } }