.metric.moonphase-panel { grid-column: span 6; }
.moonphase-panel h2 { margin: 0; font-weight: 400; }
.moonphase-widget { display: flex; align-items: center; justify-content: center; margin: 14px 0 10px; }
.moonphase-widget img { display: block; width: 500px; max-width: 100%; height: auto; object-fit: contain; border-radius: 1px; }
.daily-horoscope { display: flex; flex: 1; flex-direction: column; justify-content: center; margin: 0 0 14px; padding: 13px 14px 14px; border: 1px solid #11140f; border-top-color: #596151; background: linear-gradient(135deg, #2c322a, #21261f); box-shadow: inset 0 1px #69715f20; }
.horoscope-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 9px; padding-bottom: 8px; border-bottom: 1px solid #42493d; }
.horoscope-head h3 { margin: 0; color: #d8dccb; font: bold 10px/1.2 Tahoma, Verdana, sans-serif; letter-spacing: .045em; text-transform: uppercase; }
.horoscope-head span { color: #aeb985; font: bold 8px/1.2 Tahoma, Verdana, sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.daily-horoscope p { margin: 0; color: #b9c0ad; font: 12px/1.58 Tahoma, Verdana, sans-serif; }
@media (max-width: 580px) { .metric.moonphase-panel { grid-column: span 12; } }
@media (max-width: 580px) { .daily-horoscope { padding: 12px; } .horoscope-head { gap: 8px; } .daily-horoscope p { font-size: 11px; } }
.metric.solar-week-panel { grid-column: span 6; }
.solar-week-panel h2 { margin: 0; font-weight: 400; }
.solar-week-chart { display: flex; align-items: center; justify-content: center; margin: 18px 0; }
.solar-week-chart img { display: block; width: 100%; height: auto; border-radius: 1px; }
.moonphase-panel .metric-foot, .solar-week-panel .metric-foot { margin-top: auto; }
@media (max-width: 580px) { .metric.solar-week-panel { grid-column: span 12; } }