.relationship-reading { margin: 34px 0 40px; border: 1px solid #d5e0e7; background: #fff; color: #26313a; }
.rr-heading { padding: 23px 26px 20px; border-bottom: 1px solid #d5e0e7; }
.relationship-reading .rr-heading h3 { margin: 3px 0 8px; padding: 0; border: 0; font-size: 25px; line-height: 1.25; }
.rr-heading > p:last-child { margin: 0; color: #59636c; font-size: 14px; line-height: 1.6; }
.rr-eyebrow, .rr-detail-kicker { margin: 0; color: #376b8c; font: 700 11px Arial, Helvetica, sans-serif; letter-spacing: .1em; text-transform: uppercase; }
.rr-summary { padding: 20px 26px; background: #f4f8fa; border-bottom: 1px solid #d5e0e7; }
.relationship-reading .rr-summary h4, .relationship-reading .rr-factor-list h4 { margin: 0 0 9px; font-size: 16px; }
.rr-summary p { margin: 0; max-width: 790px; line-height: 1.65; font-size: 14px; }
.rr-layout { display: grid; grid-template-columns: minmax(230px, 37%) minmax(0, 1fr); }
.rr-factor-list { padding: 20px 0 20px 26px; border-right: 1px solid #d5e0e7; }
.rr-factor-list h4 { padding-right: 18px; }
.rr-factor-list ol { list-style: none; margin: 0; padding: 0 0 0 0; max-height: 420px; overflow-y: auto; }
.rr-factor-list li { border-top: 1px solid #e3ebef; }
.rr-factor { width: 100%; display: flex; justify-content: space-between; gap: 10px; padding: 12px 15px 12px 0; border: 0; border-right: 3px solid transparent; background: transparent; text-align: left; color: #245b7e; font: 700 13px/1.4 Arial, Helvetica, sans-serif; cursor: pointer; }
.rr-factor:hover, .rr-factor[aria-pressed="true"] { background: #ecf4f8; color: #174b70; }
.rr-factor[aria-pressed="true"] { border-right-color: #386e90; }
.rr-factor:focus-visible { outline: 2px solid #845c92; outline-offset: -3px; }
.rr-aspect { font-weight: 400; color: #566874; }
.rr-orb { flex: 0 0 auto; color: #66747e; font-size: 11px; font-weight: 400; white-space: nowrap; }
.rr-details { min-height: 265px; padding: 24px 27px; }
.rr-detail[hidden] { display: none; }
.relationship-reading .rr-detail h4 { margin: 7px 0 14px; font-size: 22px; line-height: 1.3; }
.rr-detail > p:not(.rr-detail-kicker) { max-width: 620px; margin: 0 0 14px; font-size: 14px; line-height: 1.7; }
.rr-question { margin-top: 22px !important; padding: 14px 17px; border-left: 3px solid #6694ab; background: #f4f8fa; }
.rr-question strong { font-size: 12px; color: #295c7a; }
.rr-method, .rr-empty { margin: 0; padding: 17px 26px; border-top: 1px solid #d5e0e7; color: #5b6972; font-size: 12px; line-height: 1.6; }
@media(max-width:680px) {
  .rr-heading, .rr-summary, .rr-details { padding: 18px; }
  .relationship-reading .rr-heading h3 { font-size: 21px; }
  .rr-layout { display: block; }
  .rr-factor-list { padding: 18px 0 0 18px; border-right: 0; border-bottom: 1px solid #d5e0e7; }
  .rr-factor-list ol { max-height: 260px; }
  .rr-details { min-height: 0; }
  .rr-method, .rr-empty { padding: 15px 18px; }
}