.interpret-layout{display:grid;grid-template-columns:minmax(0,440px) minmax(250px,1fr);gap:28px;align-items:start;margin-top:18px}
.interpret-wheel-wrap{min-width:0}
.interpret-instruction{font-size:13px;color:#4d677b;margin:0 0 8px}
.interpret-wheel-wrap .chart-wheel{width:100%;max-width:420px;margin:0}
.interpret-target{cursor:pointer;outline:none;transition:fill .15s ease,stroke .15s ease}
.interpret-sector,.interpret-house{fill:transparent;stroke:transparent;stroke-width:2}
.interpret-sector:hover,.interpret-sector:focus,.interpret-sector.selected{fill:#266d9b26;stroke:#245d83}
.interpret-house:hover,.interpret-house:focus,.interpret-house.selected{fill:#d2a64b33;stroke:#926616}
.interpret-aspect{stroke:transparent;stroke-width:13;stroke-linecap:round}
.interpret-aspect:hover,.interpret-aspect:focus,.interpret-aspect.selected{stroke:#a83f63a0;stroke-width:7}
.interpret-planet,.interpret-angle{fill:#ffffff09;stroke:transparent;stroke-width:2}
.interpret-planet:hover,.interpret-planet:focus,.interpret-planet.selected,.interpret-angle:hover,.interpret-angle:focus,.interpret-angle.selected{fill:#e3f3f7a3;stroke:#164e78}
.interpret-reading{border-top:3px solid #46789a;background:#f5f9fc;padding:21px;min-height:235px;line-height:1.62;color:#354651}
.interpret-reading h3{font:700 23px Arial,sans-serif;margin:8px 0 7px;color:#233d50}
.interpret-reading p{font-size:14px;margin:9px 0 0}
.interpret-reading .interpret-meta{font-size:12px;font-weight:700;color:#577087}
.interpret-reading .interpret-further{margin-top:17px;padding-top:11px;border-top:1px solid #d8e5ee}
.interpret-further a{color:#245d82;text-decoration:underline;text-underline-offset:2px}
.interpret-index{border-top:1px solid #dce5eb;margin-top:28px;padding-top:16px}
.interpret-index>h2{font:700 22px Arial,sans-serif;margin:5px 0 7px}
.interpret-index>p{font-size:13px;color:#5b6870;margin:0 0 17px}
.interpret-index-group{border-top:1px solid #dce5eb;padding:12px 0}
.interpret-index-group h3{font:700 16px Arial,sans-serif;margin:0 0 10px}
.interpret-index-group h3 small{font-size:11px;color:#70808b}
.interpret-buttons{display:flex;flex-wrap:wrap;gap:7px}
.interpret-choice{border:1px solid #a9bfcd;background:#fff;color:#20567c;padding:7px 10px;text-align:left;font-size:12px;cursor:pointer}
.interpret-choice:hover,.interpret-choice:focus,.interpret-choice.selected{border-color:#245d83;background:#eaf3f8;outline:2px solid #245d83;outline-offset:1px}
@media(max-width:1050px){.interpret-layout{grid-template-columns:1fr}.interpret-wheel-wrap .chart-wheel{margin:auto}.interpret-reading{min-height:0}}
@media(max-width:700px){.interpret-reading{padding:16px}.interpret-reading h3{font-size:20px}.interpret-buttons{gap:5px}.interpret-choice{font-size:11px;padding:7px 8px}}