.astronomy-page {
    width: min(1100px, 92vw);
}

.astronomy-page > .hero {
    margin-bottom: 18px;
}

.astronomy-page .today-panel {
    width: 100%;
    margin: 0 auto;
}

#today-panel,
#day-night,
#solar-calendar {
    scroll-margin-top: 96px;
}

@media (max-width: 420px) {
    .astronomy-page {
        width: 100%;
    }

    .astronomy-page > .hero {
        width: calc(100% - 24px);
        margin-left: auto;
        margin-right: auto;
    }
}