.monthly { padding-top:32px; scroll-margin-top:20px; }
.monthly[hidden] { display:none; }
.monthly h1 { font:400 32px/1.3 Georgia,"Microsoft YaHei",serif; margin:10px 0 12px; }
.monthly h2 { font-size:1.2rem; font-weight:400; margin:16px 0 6px; }
.monthly p { font-size:.875rem; line-height:1.8; color:#b1c4d4; }
.monthly-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.monthly-header>div { min-width:0; }
#monthly-follow { margin:0 0 10px; }
.monthly-months { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin:18px 0; }
.monthly-months button { padding:10px 3px; }
.monthly-months button[aria-pressed=true] { background:#385d75; color:#fff; outline:1px solid #8edaf2; }
.monthly-months button[aria-current=date] { text-decoration:underline; text-underline-offset:5px; }
.monthly-scope { padding:12px 14px; border-radius:8px; background:#1b2d40; }
.monthly-scope strong { color:#dbe8f4; font-weight:400; }
.monthly figure { margin:18px 0; }
#monthly-chart { width:100%; aspect-ratio:1; background:#121a26; }
#monthly-image { display:block; width:100%; height:auto; }
#monthly-image[hidden],#monthly-retry[hidden] { display:none; }
.monthly-location summary { color:#a7c9e5; }
.monthly-location form { margin-top:12px; }
.monthly-location label { display:block; margin-bottom:8px; }
.monthly-location form>div { display:flex; flex-wrap:wrap; gap:8px; }
.monthly-location input { flex:1; min-width:120px; background:#182638; border:1px solid #435c73; border-radius:8px; padding:10px; color:#edf5fc; font:inherit; }
.monthly-location select { width:100%; min-width:0; background:#182638; border:1px solid #435c73; border-radius:8px; padding:10px; color:#edf5fc; font:inherit; }
.monthly-coordinate-grid label { flex:1; min-width:0; }
.monthly-coordinate-grid input { display:block; width:100%; min-width:0; box-sizing:border-box; margin-top:6px; }
.monthly-location p:empty { display:none; }
.monthly-location .monthly-coordinate { margin:12px 0; }
#monthly-place-results { display:grid; gap:6px; }
#monthly-place-results button { text-align:left; }
.monthly-legend-ecliptic,.monthly-legend-equator,.monthly-legend-mw { display:inline-block; width:18px; margin:0 5px 3px 8px; border-top:1px dashed #b4a17c; }
.monthly-legend-equator { border-color:#839cbb; }
.monthly-legend-mw { border:0; height:8px; background:#a5b6cf40; }
#monthly-status:empty { display:none; }
.monthly-legend-star,.monthly-legend-planet { display:inline-block; width:6px; height:6px; margin:0 5px 2px 8px; border-radius:50%; background:#dcecf4; }
.monthly-legend-planet { background:#f4c78e; }
#monthly-status { min-height:1.8em; margin:6px 0; }
.monthly figcaption { font-size:.75rem; line-height:1.8; color:#a9bfce; margin-top:10px; }
.monthly a { color:#8edaf2; text-decoration:underline; }
.monthly a.sky-button { display:inline-block; text-decoration:none; }
.monthly details { margin:20px 0; color:#bdeaff; font-size:.875rem; }
.monthly summary { cursor:pointer; }
.monthly :is(a,button,summary):focus-visible { outline:2px solid #8edaf2; outline-offset:3px; }
@media(max-width:800px) {
 .sidebar .utility { display:block; }
 .sidebar .utility-link { display:flex; }
 .tools-mode .right-rail { height:auto; }
 .tools-mode .rail-companion { position:relative; inset:auto; width:auto; margin:72px 7vw 24px; }
 .tools-mode .app-shell { padding-bottom:0; }
}
@media(max-width:520px) {
 .monthly { padding-top:20px; }
 .monthly-months { gap:6px; }
 .monthly-header { align-items:flex-start; }
}