/* Keep DOM and visual reading order aligned: date, today's sky, lunar facts, hours. */
.visual .calendar-detail>.daily-sky{order:-1;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.visual .daily-sky .sky-section-title{font-size:16px;font-weight:600;color:var(--ink)}
.visual .sky-empty,.visual .sky-ongoing>summary{font-size:12px;line-height:1.7;color:var(--muted)}
.visual .sky-ongoing{margin-top:12px}.visual .sky-ongoing>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;gap:8px}
.visual .sky-ongoing>summary::after{content:'+'}.visual .sky-ongoing[open]>summary::after{content:'−'}
.visual .calendar-export-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 0 16px}
.visual .calendar-export-tools button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:var(--glaze);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}
.visual .calendar-export-tools .calendar-export-icon{display:block;width:22px;height:22px;flex:0 0 22px;color:inherit}
.visual .calendar-export-tools .calendar-export-label{line-height:1.4}
.visual .calendar-export-tools button:disabled{cursor:wait;color:var(--muted)}
.visual .calendar-export-tools button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.visual .calendar-export-tools [role=status]{font-size:11px;line-height:1.6;color:var(--muted);flex:1 1 160px;overflow-wrap:anywhere}
@media(max-width:700px){.visual .daily-sky .lunar-events li{grid-template-columns:88px minmax(0,1fr)}.visual .calendar-export-tools{gap:6px 12px}.visual .calendar-export-tools [role=status]{flex-basis:100%}}