.relationship-wheels { margin: 28px 0 34px; color: #26313a; }
.relationship-wheels h3 { border-bottom: 1px solid #dbe4ea; padding-bottom: 8px; margin-top: 28px; }
.relationship-wheels h4 { margin: 20px 0 8px; font-size: 15px; }
.rw-intro, .rw-method { max-width: 720px; color: #59636c; font-size: 13px; line-height: 1.6; }
.rw-method { margin: 22px 0 0; }
.rw-figure { margin: 10px auto 16px; width: min(100%, 650px); }
.rw-svg { display: block; width: 100%; height: auto; }
.rw-background { fill: #fff; stroke: #c2d2dd; stroke-width: 1.2; }
.rw-sign { stroke: #e1e9ee; stroke-width: .6; }
.rw-sign-0 { fill: #eef4f8; }
.rw-sign-1 { fill: #f9fbfc; }
.rw-sign-tick { stroke: #9eafbc; stroke-width: 1; }
.rw-sign-label { fill: #315775; font: 700 12px Arial, Helvetica, sans-serif; letter-spacing: .02em; }
.rw-boundary { fill: none; stroke: #b4c6d2; stroke-width: 1.15; }
.rw-center { fill: #f7fafc; stroke: #aec2cf; stroke-width: 1; }
.rw-center-title { fill: #283e50; font: 700 19px Arial, Helvetica, sans-serif; letter-spacing: .1em; }
.rw-center-sub { fill: #637784; font: 11px Arial, Helvetica, sans-serif; }
.rw-planet .rw-disc { stroke-width: 1.4; }
.rw-planet text { font: 700 10px Arial, Helvetica, sans-serif; pointer-events: none; }
.rw-person-a .rw-disc { fill: #fff; stroke: #2d6489; }
.rw-person-a .rw-point { fill: #2d6489; }
.rw-person-a text { fill: #245a7d; }
.rw-person-b .rw-disc { fill: #2b6b91; stroke: #214e6a; }
.rw-person-b .rw-point { fill: #825385; }
.rw-person-b text { fill: #fff; }
.rw-composite-planet .rw-disc { fill: #e9f3f0; stroke: #397c71; }
.rw-composite-planet .rw-point { fill: #397c71; }
.rw-composite-planet text { fill: #205c52; }
.rw-ambiguous .rw-disc { fill: #fff8e9; stroke: #997535; stroke-dasharray: 3 2; }
.rw-ambiguous text { fill: #785827; }
.rw-planet.is-active .rw-disc { stroke: #b45454; stroke-width: 3; }
.rw-aspect-line { stroke: #8399aa; stroke-width: 1.2; opacity: .2; pointer-events: none; }
.rw-aspect-line.is-active { stroke: #b45454; stroke-width: 3; opacity: .95; }
.rw-aspect-line.rw-trine.is-active, .rw-aspect-line.rw-sextile.is-active { stroke: #2b7a71; }
.rw-aspect-line.rw-conjunction.is-active { stroke: #79599a; }
.rw-figure figcaption { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; color: #59636c; font-size: 12px; }
.rw-key-a { color: #2d6489; }
.rw-key-b { color: #2b6b91; }
.rw-key-c { color: #397c71; }
.rw-key-ambiguous { color: #997535; }
.rw-selection, .rw-composite-selection { border-left: 3px solid #b45454; background: #f7fafc; padding: 9px 12px; margin: 8px 0 20px; font-size: 13px; font-weight: 700; }
.rw-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #dbe4ea; }
.rw-table { border-collapse: collapse; width: 100%; min-width: 435px; font-size: 13px; }
.rw-table caption { text-align: left; font-size: 12px; color: #5b6871; padding: 9px 10px; }
.rw-table th, .rw-table td { border-top: 1px solid #dbe4ea; text-align: left; padding: 8px 10px; }
.rw-table th { background: #eaf2f7; }
.rw-table tr.is-active td { background: #eef5f8; }
.rw-select { background: none; border: 0; color: #1f648e; padding: 2px 0; text-align: left; font: inherit; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.rw-select:hover, .rw-select:focus-visible { color: #654278; }
.rw-select:focus-visible { outline: 2px solid #654278; outline-offset: 3px; }
.rw-uncertain { color: #785827; font-size: 12px; }
.rw-empty { padding: 15px; border: 1px solid #dbe4ea; color: #59636c; font-size: 13px; }
@media (max-width: 700px) {
  .rw-intro, .rw-method { font-size: 12px; }
  .rw-figure figcaption { gap: 10px; }
  .rw-table { min-width: 0; font-size: 11px; }
  .rw-table th, .rw-table td { padding: 7px 5px; }
}