/* 「今日の空」ウィジェット（トップ・会員ページ共通） */
.today-sky {
  margin: 22px 0 8px;
  padding: 16px 16px 12px;
  border: 1px solid rgba(139, 107, 27, 0.3);
  border-radius: 12px;
  background: linear-gradient(160deg, #0f1f2c 0%, #1a2f45 55%, #0f1f2c 100%);
  color: #f3e9d2;
  text-align: left;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.35), 0 4px 14px rgba(0, 0, 0, 0.18);
  min-height: 120px;
}
.today-sky[hidden] { display: none; }
.today-sky__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin-bottom: 12px; }
.today-sky__title { font-family: 'Cinzel', serif; font-size: 1.05rem; letter-spacing: 0.06em; color: #e8c766; margin: 0; }
.today-sky__sub { font-size: 0.74rem; color: rgba(243, 233, 210, 0.7); margin: 2px 0 0; flex-basis: 100%; }
.today-sky__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; align-items: start; }
@media (max-width: 560px) { .today-sky__grid { grid-template-columns: 1fr; } }
.today-sky__panel { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(232, 199, 102, 0.18); border-radius: 10px; padding: 12px; }
.today-sky__moon { display: flex; gap: 14px; align-items: center; }
.today-sky__moon svg { width: 96px; height: 96px; flex: none; filter: drop-shadow(0 0 10px rgba(232, 199, 102, 0.35)); }
.today-sky__label { font-size: 0.68rem; letter-spacing: 0.04em; color: #e8c766; text-transform: uppercase; margin-bottom: 2px; }
.today-sky__value { font-size: 0.98rem; font-weight: 700; color: #fff8e6; line-height: 1.35; }
.today-sky__small { font-size: 0.78rem; color: rgba(243, 233, 210, 0.85); line-height: 1.5; }
.today-sky__row { margin-top: 8px; }
.today-sky__chart svg { width: 100%; height: auto; display: block; }
.today-sky__chart-title { font-size: 0.72rem; color: #e8c766; margin-bottom: 6px; }
.today-sky__legend { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-top: 8px; font-size: 0.72rem; color: rgba(243, 233, 210, 0.85); }
.today-sky__legend b { color: #e8c766; font-weight: 700; }
.today-sky__note { margin: 12px 0 0; font-size: 0.8rem; line-height: 1.6; color: #f3e9d2; }
.today-sky__note strong { color: #e8c766; }
.today-sky__meta { margin: 8px 0 0; font-size: 0.66rem; color: rgba(243, 233, 210, 0.5); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; }
.today-sky__basis { margin: 4px 0 0; font-size: 0.66rem; line-height: 1.5; color: rgba(243, 233, 210, 0.5); }
.today-sky__loading { font-size: 0.82rem; color: rgba(243, 233, 210, 0.7); text-align: center; padding: 30px 0; }
[dir="rtl"] .today-sky { text-align: right; }
[dir="rtl"] .today-sky__title { letter-spacing: 0; font-family: inherit; }