/* venus.retrograde.observer (Jes, Telegram #13931): Mercury's page styles
   (mercury.css, loaded first) in Venus's colour, plus Venus's own pieces. */
:root { --mercury: #90EE90; }
.venus-page .mercury-chip-here a { background: rgba(144,238,144,0.14); }

/* Placeholder copy awaiting Jes's words. */

/* The pentagram. */
.venus-pentagram-line { fill: none; stroke: var(--mercury); stroke-width: 1.4; stroke-linejoin: round; opacity: 0.8; }
.venus-pentagram-dot { stroke: #000; stroke-width: 1.5; }
.venus-pentagram-dot--here { stroke: var(--cream); stroke-width: 2; }
.venus-pentagram-year { font-family: var(--font-body); font-size: 11px; fill: var(--cream-dimmed); text-anchor: middle; paint-order: stroke; stroke: #000; stroke-width: 3px; }
.venus-pentagram-year--here { fill: var(--copper); font-weight: 600; }

/* The 8-year grid: five columns, one per point of the pentagram. */
.venus-grid-section { margin-top: 2rem; }
.venus-grid { width: 100%; border-collapse: separate; border-spacing: 0.25rem; table-layout: fixed; }
.venus-grid th { width: 2.6rem; font-size: 0.72rem; font-weight: 500; color: var(--cream-dimmed); text-align: right; padding-right: 0.2rem; 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.35rem 0.1rem; border-radius: 0.5rem; 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(144,238,144,0.14); border-color: var(--mercury); }
.venus-grid-sign { font-size: 1.05rem; line-height: 1; }
.venus-grid-degree { font-size: 0.7rem; color: var(--cream); font-variant-numeric: tabular-nums; }
.venus-grid-date { font-size: 0.62rem; color: var(--cream-dimmed); white-space: nowrap; }
.venus-page .mercury-copy a { color: var(--mercury); text-underline-offset: 3px; }

/* Venus once a year (Jes, Telegram #13990). */
.venus-year-section { margin-top: 2rem; }
.venus-year-rose { fill: none; stroke: var(--mercury); stroke-width: 0.8; opacity: 0.45; }
.venus-year-star { fill: none; stroke: var(--cream); stroke-width: 1.6; stroke-linejoin: round; }
.venus-year-point { fill: var(--cream); stroke: #000; stroke-width: 1; }
.venus-year-point--now { fill: var(--copper); }
.venus-year-sun { fill: #FFD700; stroke: #000; stroke-width: 1; }