.chart-guide{display:flex;align-items:flex-start;gap:16px;max-width:580px;min-height:132px;margin:18px auto 24px;padding:23px 25px;border:1px solid #dbcddd;border-radius:20px;background:#fff;text-align:left;box-shadow:0 8px 24px rgba(42,24,54,.05)}
.chart-guide-active{border-color:#a78ab6;background:#fbf6fc}
.chart-guide-icon{display:grid;flex:none;place-items:center;width:48px;height:48px;border-radius:50%;background:#eee5f3;color:#5b3d73;font-size:1.45rem;font-weight:700}
.chart-guide-copy{min-width:0}.chart-guide-copy small{display:block;margin:3px 0 7px;color:#74577d;font-size:.73rem;font-weight:700;letter-spacing:.1em}.chart-guide-copy h3{margin:0;color:#261a32;font:1.65rem/1.13 'Italiana',serif}.chart-guide-copy p{margin:9px 0 0;color:#504555;font-size:.92rem;line-height:1.55}
.chart-planet-target,.chart-house-target{cursor:pointer}.chart-planet-target circle,.chart-house-target circle{transition:stroke-width .15s,fill .15s}.chart-planet-target:hover circle,.chart-planet-target:focus circle,.chart-planet-target.chart-selected circle{stroke-width:3.5}.chart-house-target:hover circle,.chart-house-target:focus circle,.chart-house-target.chart-selected circle{fill:#e8dcf0}.chart-house-target:focus-visible,.chart-planet-target:focus-visible{outline:none}.chart-house-target:focus-visible circle,.chart-planet-target:focus-visible circle{stroke:#573674;stroke-width:3}
@media(max-width:680px){.chart-guide{padding:18px;gap:12px;min-height:0}.chart-guide-icon{width:40px;height:40px;font-size:1.2rem}.chart-guide-copy h3{font-size:1.45rem}.chart-guide-copy p{font-size:.89rem}}