/*! The Longest Day */
.dwx-app .dwx-ld { min-height: 520px; background: linear-gradient(180deg, rgba(122,78,106,.45), rgba(58,46,92,.25) 45%, rgba(1,15,42,0) 80%); }
.dwx-app .dwx-ld .dwx-narr { min-height: 500px; }
.dwx-app .dwx-ld .dwx-place { color: #F3D9C4; }
/* The keepsake layout is shared with The Longest Night. */
.dwx-app .dwx-ln-keep { display: grid; grid-template-columns: minmax(180px, 280px) 1fr; gap: 24px; align-items: center; margin: 22px 0 6px; }
.dwx-app .dwx-ln-keep canvas { width: 100%; height: auto; border-radius: 12px; box-shadow: 0 18px 40px -20px rgba(0,0,0,.8); }
.dwx-app .dwx-ln-quote { font-family: var(--dwx-serif); font-style: italic; font-size: 1.6rem; line-height: 1.35; color: var(--dwx-cream); }
@media (max-width: 600px) { .dwx-app .dwx-ln-keep { grid-template-columns: 1fr; } .dwx-app .dwx-ln-keep canvas { max-width: 260px; margin: 0 auto; } }