/* ============================================================
   ASTRO — астрономический календарь (виджет в начале сайта)
   ============================================================ */
.astro {
  --astro-lit: var(--color-text);
  --astro-shadow: var(--color-surface-2);
  padding-top: calc(var(--space-8) + 14px);
  padding-bottom: var(--space-8);
  border-bottom: 1px solid var(--color-border);
}
[data-theme="light"] .astro { --astro-lit: #14131A; }

.astro__inner {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.4fr;
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}
.astro__label {
  display: block;
  font-size: var(--text-xs);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--color-text-dim);
  margin-bottom: var(--space-3);
}

/* ── Время ── */
.astro__panel--time { min-width: 0; }
.astro__date {
  font-family: var(--font-display);
  font-size: clamp(var(--text-lg), 1.8vw, var(--text-xl));
  font-weight: var(--font-weight-medium);
  letter-spacing: -0.02em;
  margin-bottom: var(--space-1);
}
.astro__clock {
  font-family: var(--font-display);
  font-size: clamp(2.2rem, 4.5vw, 3.4rem);
  font-weight: var(--font-weight-bold);
  line-height: 1;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
}
.astro__coords {
  font-size: var(--text-xs);
  color: var(--color-text-dim);
  letter-spacing: .03em;
  margin-top: var(--space-3);
}

/* ── Луна ── */
.astro__panel--moon { display: flex; align-items: center; gap: var(--space-5); }
.astro__moon { width: clamp(56px, 7vw, 78px); aspect-ratio: 1; flex-shrink: 0; }
.astro__moon-name { font-family: var(--font-display); font-size: var(--text-lg); font-weight: var(--font-weight-semi); letter-spacing: -0.01em; }
.astro__moon-illum { font-size: var(--text-xs); color: var(--color-text-dim); margin-top: var(--space-1); line-height: var(--leading-snug); }

/* ── Оррери ── */
.astro__panel--orrery { display: grid; grid-template-columns: auto 1fr; gap: clamp(1rem, 2.5vw, 2rem); align-items: center; }
.astro__panel--orrery .astro__label { grid-column: 1 / -1; }
.astro__orrery { width: clamp(120px, 16vw, 180px); aspect-ratio: 1; display: block; }
.astro__orrery circle { transition: r var(--transition-base); }
.astro__legend {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.35rem 1.2rem;
  font-size: var(--text-xs);
  color: var(--color-text-muted);
}
.astro__legend li { display: flex; align-items: center; gap: 0.5rem; }
.astro__legend b { margin-left: auto; font-weight: var(--font-weight-semi); color: var(--color-text); font-variant-numeric: tabular-nums; }
.astro__dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; }

@media (max-width: 980px) {
  .astro__inner { grid-template-columns: 1fr 1fr; gap: var(--space-6); }
  .astro__panel--orrery { grid-column: 1 / -1; grid-template-columns: auto 1fr; }
}
@media (max-width: 600px) {
  .astro__inner { grid-template-columns: 1fr; }
  .astro__panel--orrery { grid-template-columns: auto 1fr; }
  .astro__legend { grid-template-columns: 1fr 1fr; }
}