#transit-wheel{max-width:1000px;margin:12px auto 30px}
.transit-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:.8rem;margin:20px 0}
.transit-legend>span:first-child{color:var(--ink)}
.transit-legend>span:nth-child(2){color:#326a80}
.transit-legend label{display:flex;align-items:center;gap:8px;margin-left:auto}
.transit-ring{fill:none;stroke:#8caebc;stroke-width:1}
.transit-degree{fill:none;stroke:#326a80;stroke-width:1.5}
.transit-planet .planet-glyph,.transit-planet .planet-position{fill:#326a80}
.transit-planet .planet-position{font-size:11px}
@media(max-width:700px){.transit-legend label{margin-left:0}.transit-legend{gap:12px}}