/* An editorial page, with the date, reading, almanac and facts in that order. */
.daily-reading-page { min-width: 0; padding-bottom: 32px; }
.daily-reading-page .app-title { margin-bottom: 10px; }
.daily-reading-date { margin: 0 0 28px; font-size: 12px; line-height: 1.7; color: var(--muted); font-variant-numeric: tabular-nums; }
.daily-reading-date time { white-space: nowrap; }
.daily-reading-status { padding: 16px 0; }
.daily-reading-status h3 { margin: 0 0 12px; font: 500 23px/1.5 var(--serif); color: var(--ink); overflow-wrap: anywhere; }
.daily-reading-status p { margin: 0; font-size: 15px; line-height: 1.9; color: var(--muted); overflow-wrap: anywhere; }
.daily-reading-actions { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
.daily-reading-actions button { width: 100%; min-height: 48px; margin: 0; padding: 12px 18px; white-space: normal; overflow-wrap: anywhere; }
.daily-reading-actions button:disabled { cursor: default; opacity: .65; }
.daily-reading-source { color: var(--muted); font-size: 12px; margin-bottom: 12px; }
.daily-reading-headline { margin: 0 0 22px; font: 500 clamp(26px, 7vw, 36px)/1.45 var(--serif); color: var(--ink); overflow-wrap: anywhere; }
.daily-reading-interpretation { margin: 0 0 24px; font-size: 17px; line-height: 2; white-space: pre-line; overflow-wrap: anywhere; }
.daily-reading-disclosure { margin: 20px 0; font-size: 13px; line-height: 1.85; color: var(--muted); overflow-wrap: anywhere; }
.daily-reading-almanac { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; border-block: 1px solid var(--line); padding: 22px 0; margin: 26px 0; }
.daily-reading-almanac-title { grid-column: 1 / -1; margin: 0; font-size: 13px; font-weight: 500; line-height: 1.7; color: var(--muted); }
.daily-reading-terms h4 { margin: 0 0 12px; font: 500 20px/1.5 var(--serif); }
.daily-reading-terms ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.9; overflow-wrap: anywhere; }
.daily-reading-terms small { display: block; color: var(--muted); font-size: 11px; line-height: 1.6; }
.daily-reading-terms .quiet { margin: 0; font-size: 13px; line-height: 1.8; }
.daily-reading-evidence summary { min-height: 44px; padding: 10px 0; cursor: pointer; font-size: 14px; }
.daily-reading-evidence dl { margin: 8px 0 0; }
.daily-reading-evidence dl > div { display: grid; grid-template-columns: minmax(80px, 1fr) minmax(0, 2fr); gap: 16px; border-top: 1px solid var(--line); padding: 12px 0; font-size: 13px; line-height: 1.8; }
.daily-reading-evidence dt { color: var(--muted); overflow-wrap: anywhere; }
.daily-reading-evidence dd { margin: 0; overflow-wrap: anywhere; }
.daily-reading-entry { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: 16px; min-height: 76px; border-bottom: 1px solid var(--line); padding: 17px 0; margin-bottom: 12px; text-align: left; }
.daily-reading-entry > span:first-child { min-width: 0; }
.daily-reading-entry strong { display: block; color: var(--ink); font: 500 19px/1.5 var(--serif); overflow-wrap: anywhere; }
.daily-reading-entry small { display: block; margin-top: 3px; color: var(--muted); font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.daily-reading-page :is(button,summary,[tabindex]):focus-visible, .daily-reading-entry:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.daily-reading-page button:active:not(:disabled), .daily-reading-entry:active { opacity: .8; }
@media (max-width: 360px) { .daily-reading-almanac { gap: 18px; } .daily-reading-evidence dl > div { grid-template-columns: minmax(0, 1fr); gap: 4px; } }
@media (prefers-reduced-motion: reduce) { .daily-reading-page *, .daily-reading-entry { animation: none !important; transition: none !important; } }