/* ══════════════════════════════════════════════════════════════════
   /css/retro-eclipse.css — Retrograde + Eclipse checkers (2026-08-17)
   Both pages ride saturn-return.css (body carries sat-page) for the
   phase card, pass rows, timeline text, and writeup dress — only the
   checker-specific extras live here. Scoped .ret-page / .ecl-page
   (both classes present on both pages via the shared body class list
   is fine — selectors below use the sat-page ancestor).
══════════════════════════════════════════════════════════════════ */

/* ── Result row groups share the /asteroids/ width ── */
.sat-page #ret-active,
.sat-page #ret-mercury,
.sat-page #ret-upcoming,
.sat-page #ecl-list {
  max-width: 760px;
  margin: 0 auto;
}

/* ── Personal-crossing block inside a window/eclipse row ── */
.sat-page .ret-hit {
  margin-top: 0.85rem;
  padding: 0.75rem 1rem 0.6rem;
  background: rgba(253, 245, 227, 0.75);
  border: 1px solid rgba(184, 145, 80, 0.5);
  border-radius: 6px;
}
.sat-page .ret-hit-head {
  font-family: 'EB Garamond', Georgia, serif;
  font-size: 1.14rem;
  line-height: 1.5;
  color: #3F3428;
}
.sat-page .ret-hit-head strong { color: #6B1F2C; }
.sat-page .ret-hit .sat-pass-list { margin-top: 0.3rem; }
.sat-page .ret-hit .sat-pass-date { min-width: 7.4rem; font-size: 1.06rem; }
.sat-page .ret-hit .sat-pass-kind { font-size: 1.06rem; }
.sat-page .ret-hit .sat-pass-count { font-size: 1.02rem; }

/* ── Eclipse badges: solar wears the corona, lunar the night ── */
.sat-page .ecl-badge-solar {
  color: #8E6E3A;
  background: radial-gradient(circle at 50% 45%, #2D1F38 0 44%, #FBF3DC 46%);
  border-color: #B89150;
}
.sat-page .ecl-badge-solar,
.sat-page .ecl-badge-lunar { font-size: 1.9rem; }
.sat-page .ecl-badge-solar { color: #D4AC68; }
.sat-page .ecl-badge-lunar { color: #6B1F2C; }

/* ── Eclipse timeline card (same illuminated dress as #sat-timeline) ── */
.sat-page #ecl-timeline {
  max-width: 780px;
  margin: 1.4rem auto 0;
  padding: 1.6rem 1.4rem 1.1rem;
  background: linear-gradient(175deg, #FDF5E3, #F0DFC8);
  border: 1px solid #B89150;
  border-radius: 10px;
  box-shadow: inset 0 0 0 4px rgba(253,245,227,0.65), inset 0 0 0 5px rgba(184,145,80,0.5);
}
.sat-page .ecl-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.6rem 2.2rem;
  margin: 0.9rem auto 0.2rem;
  padding-top: 0.9rem;
  border-top: 1px dashed rgba(142,110,58,0.4);
}
.sat-page .ecl-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-family: 'EB Garamond', Georgia, serif;
  font-weight: 600;
  font-size: 1.16rem;
  color: #3F3428;
}
.sat-page .ecl-legend-item svg { display: block; flex: 0 0 auto; }

/* ── Mobile ── */
@media (max-width: 640px) {
  .sat-page #ecl-timeline { padding: 1rem 0.5rem 0.7rem; }
  .sat-page .ret-hit { padding: 0.65rem 0.75rem 0.5rem; }
}