/* retrograde.observer's front page (Jes, Telegram #14124, #14129): no copy,
   the five planets in one centred column, each its status and small copies
   of its mandala and close up, all on one phone screen. The planet sites'
   styles (mercury.css) load first. */
.retrograde-home { max-width: 26rem; padding-top: 0.6rem; padding-bottom: 1rem; text-align: center; }
.retrograde-home-title { font-family: var(--font-display); font-weight: 600; font-size: 1.35rem; margin: 0 0 0.5rem;
  background: var(--brass-polished); -webkit-background-clip: text; background-clip: text; color: transparent; /* polished brass, as the planet pages' titles (#14191) */
  -webkit-text-stroke: 0.4px rgba(50, 30, 8, 0.7); }
.retrograde-home-planets { list-style: none; padding: 0; margin: 0; display: grid; gap: 0.55rem; }
.retrograde-home-planet { display: grid; justify-items: center; gap: 0.2rem; }
.retrograde-home-line { display: flex; align-items: baseline; justify-content: center; gap: 0.55rem; }
.retrograde-home-name { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; color: var(--mercury); text-decoration: none; }
.retrograde-home-symbol { font-family: var(--font-symbols); }
.retrograde-home-status { color: var(--cream); text-decoration: none; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; }
.retrograde-home-status--retrograde { color: #FF6B6B; } /* one red for every planet's status, Mars too (#14174) */
.retrograde-home-figures { display: flex; justify-content: center; gap: 0.6rem; }
.retrograde-home-figures a { display: block; line-height: 0; }
/* As big as five rows allow on the screen, up to 6.5rem: each row is the
   figures plus ~2.2rem of name, status and gap; the title and padding ~3.4rem. */
.retrograde-home-mandala, .retrograde-home .retrograde-closeup { --fig: min(6.5rem, calc((100dvh - 3.4rem) / 5 - 2.2rem)); width: var(--fig); height: var(--fig); }
.retrograde-home-mandala { border-radius: 0.5rem; object-fit: cover; }
/* The close up small: the dots, glints, spokes and wedge; no words. */
.retrograde-home .closeup-label, .retrograde-home .closeup-caption, .retrograde-home .closeup-sign { display: none; }
/* Each planet's retrograde colour, as its own site (mars.css, jupiter.css, saturn.css). */
.retrograde-home-planet--mars .closeup-dot--retro, .retrograde-home-planet--mars .closeup-today--retro { fill: #FFA500; }
.retrograde-home-planet--jupiter .closeup-dot--retro, .retrograde-home-planet--saturn .closeup-dot--retro,
.retrograde-home-planet--jupiter .closeup-today--retro, .retrograde-home-planet--saturn .closeup-today--retro { fill: #FF6B6B; }
/* Today's ringed dot a touch bolder at this size (#14135, #14147). */
.retrograde-home .closeup-today { stroke-width: 0.8; }