/* mars.retrograde.observer (Jes, Telegram #13937): Mercury's page styles
   (mercury.css, loaded first) in Mars's colour, plus Mars's own pieces.
   Colour-coded as planets.at: Mars red (--planet-mars), orange while
   retrograde (today_retrograde_trace_color) (Jes, Telegram #13981). */
:root { --mercury: #FF6347; }
.mars-page .mercury-chip-here a { background: rgba(255,99,71,0.14); }
.mercury-chart-path--retro, .mercury-wheel-path--retro { stroke: #FFA500; }
.mercury-chart-retro { fill: rgba(255,165,0,0.12); }
.mercury-chart-dot--station-rx { fill: #FFA500; }
.mercury-wheel-date--station-rx { fill: #FFA500; }
.mercury-chart-dot--conjunction, .mercury-chart-dot--conjunction-next { fill: #FFD700; stroke: #000; }
.mercury-chart-dot--opposition { fill: #FF6347; stroke: #000; } /* Mars red (Jes, Telegram #14034) */
.mercury-chart-dot--square-w, .mercury-chart-dot--square-e { fill: #000; stroke: var(--cream); stroke-width: 1.5; }

/* The ~15-year grid: seven columns (as Venus's 8-year grid, venus.css). */
.venus-grid-section { margin-top: 2rem; }
.venus-grid { width: 100%; border-collapse: separate; border-spacing: 0.2rem; table-layout: fixed; }
.venus-grid th { width: 2.4rem; font-size: 0.7rem; font-weight: 500; color: var(--cream-dimmed); text-align: right; padding-right: 0.15rem; font-variant-numeric: tabular-nums; }
.venus-grid-row--now th { color: var(--copper); font-weight: 600; }
.venus-grid td { padding: 0; }
.venus-grid td a { display: grid; justify-items: center; gap: 0.05rem; padding: 0.3rem 0; border-radius: 0.45rem; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.08); color: var(--cream); text-decoration: none; }
.venus-grid td.venus-grid-here a { background: rgba(255,99,71,0.16); border-color: var(--mercury); }
.venus-grid-sign { font-size: 1rem; line-height: 1; }
.venus-grid-degree { font-size: 0.68rem; color: var(--cream); font-variant-numeric: tabular-nums; }
.venus-grid-date { font-size: 0.6rem; color: var(--cream-dimmed); white-space: nowrap; font-variant-numeric: tabular-nums; }
.mercury-wheel-ball--retro { fill: #FFA500; }