/* TRUE VISIBLE HORIZON + READABILITY PASS — 2026-08-12 */
.sky-visual {
    aspect-ratio: 16 / 9;
    min-height: clamp(30rem, 56.25vw, 52rem);
}

/* The SVG and both bodies use one shared 0–100 projection surface. */
.sky-sun-trajectory {
    inset: 0;
    width: 100%;
    height: 100%;
}

/* The photographic skyline is the visible horizon. */
.sky-horizon-line { opacity: 0; }

/* Global small-copy correction. */
.astro-brand p,
.section-heading p,
.eyebrow { font-size: 0.82rem; }
.location-chip,
.intro-copy,
.status-message,
.analysis-band p,
.explanation-grid p,
.observing-grid p { font-size: 0.94rem; line-height: 1.58; }
.date-control label,
.current-strip span,
.metric span,
.comparison-grid span,
.edge-event span,
.annual-marker-summary small,
.season-events span,
.axis-event span,
.day-events-table span,
.moon-visual-card figcaption small,
.moon-marker-summary span,
.moon-cycle-summary span,
.moon-visibility-events span,
.moon-cycle-summary small,
.phase-label,
.moon-events span,
.moon-events small,
.astro-footer p { font-size: 0.82rem; }
.current-strip small,
.metric small,
.comparison-grid small,
.axis-note,
.thermal-disclaimer,
.chart-summary { font-size: 0.84rem; line-height: 1.52; }
.day-events-table strong { font-size: 0.88rem; }
.section-heading time { font-size: 0.84rem; }
.subsection-title { font-size: 0.88rem; }

.sky-live-chip { font-size: 0.82rem; }
.sky-compass { font-size: 0.8rem; }
.sky-time-control label { font-size: 0.84rem; }
.sky-story-grid span { font-size: 0.78rem; }
.sky-story-grid p { font-size: 0.92rem; line-height: 1.55; }
.thermal-intro p { font-size: 0.96rem; line-height: 1.58; }
.thermal-intro strong { font-size: 0.86rem; }
.thermal-seasons-wheel span { font-size: 0.74rem; }
.thermal-seasons-wheel small { font-size: 0.8rem; line-height: 1.45; }
.thermal-now-panel span,
.observing-factors span { font-size: 0.76rem; }
.thermal-now-panel small,
.observing-factors small { font-size: 0.78rem; line-height: 1.45; }
.moon-visual-card figcaption p { font-size: 0.92rem; }

/* Calendar readability while preserving compact coloured phone markers. */
.calendar-toolbar span { font-size: 0.76rem; }
.calendar-toolbar strong { font-size: 1.26rem; }
.calendar-filters button { min-height: 2.55rem; font-size: 0.84rem; }
.calendar-weekdays span { font-size: 0.76rem; }
.calendar-day { min-height: 8rem; padding: 0.52rem; }
.calendar-day-number { font-size: 0.94rem; }
.calendar-event-chip { padding: 0.25rem 0.34rem; font-size: 0.68rem; line-height: 1.32; }
.calendar-more { font-size: 0.68rem; }
.calendar-legend { font-size: 0.76rem; }
.calendar-events-panel h3 { font-size: 0.94rem; }
.calendar-event-card { padding: 0.7rem; }
.calendar-event-card span { font-size: 0.72rem; }
.calendar-event-card strong { font-size: 0.94rem; line-height: 1.35; }
.calendar-event-card small { font-size: 0.78rem; line-height: 1.42; }
.calendar-events-empty { font-size: 0.88rem; }
.calendar-selected-details > div:first-child span { font-size: 0.74rem; }
.calendar-selected-details > div:first-child strong { font-size: 1.2rem; }
.calendar-selected-details > p { font-size: 0.94rem; line-height: 1.55; }
.calendar-planet-visibility span { font-size: 0.72rem; }
.calendar-planet-visibility strong { font-size: 0.9rem; }
.calendar-planet-visibility small { font-size: 0.76rem; line-height: 1.42; }
.calendar-method-note { font-size: 0.84rem; line-height: 1.55; }

@media (max-width: 900px) {
    .sky-visual {
        aspect-ratio: auto;
        min-height: 34rem;
    }
    .calendar-day { min-height: 6.25rem; }
}

@media (max-width: 640px) {
    .sky-visual { min-height: 26rem; }
    .calendar-day { min-height: 4.8rem; padding: 0.32rem; }
    .calendar-day-number { font-size: 0.86rem; }
    .calendar-weekdays span { padding-inline: 0.08rem; font-size: 0.68rem; }
    .calendar-event-chip {
        width: 0.58rem;
        height: 0.58rem;
        padding: 0;
        font-size: 0;
    }
}