.transit-biwheel { margin: 24px 0 30px; color: #26313a; }
.transit-biwheel h3 { border-bottom: 1px solid #dbe4ea; padding-bottom: 8px; }
.bw-intro, .bw-method { color: #59636c; font-size: 13px; line-height: 1.6; }
.bw-intro { max-width: 670px; margin-bottom: 10px; }
.bw-method { margin: 16px 0 0; }
.bw-figure { margin: 8px auto 16px; width: min(100%, 650px); }
.bw-svg { width: 100%; height: auto; display: block; }
.bw-background { fill: #fff; stroke: #c2d2dd; stroke-width: 1.2; }
.bw-sign-sector { stroke: #e1e9ee; stroke-width: .6; }
.bw-sector-0 { fill: #eef4f8; }
.bw-sector-1 { fill: #f9fbfc; }
.bw-sign-ticks line { stroke: #9eafbc; stroke-width: 1; }
.bw-sign-labels text { fill: #315775; font: 700 12px Arial, Helvetica, sans-serif; letter-spacing: .02em; }
.bw-boundary { fill: none; stroke: #b4c6d2; stroke-width: 1.15; }
.bw-center { fill: #f7fafc; stroke: #aec2cf; stroke-width: 1; }
.bw-center-title { fill: #283e50; font: 700 20px Arial, Helvetica, sans-serif; letter-spacing: .13em; }
.bw-center-sub { fill: #637784; font: 11px Arial, Helvetica, sans-serif; }
.bw-planet-disc { stroke-width: 1.4; }
.bw-natal .bw-planet-disc { fill: #fff; stroke: #2d6489; }
.bw-transit .bw-planet-disc { fill: #2b6b91; stroke: #214e6a; }
.bw-planet text { font: 700 10px Arial, Helvetica, sans-serif; pointer-events: none; }
.bw-natal text { fill: #245a7d; }
.bw-transit text { fill: #fff; }
.bw-planet.is-active .bw-planet-disc { stroke: #b45454; stroke-width: 3; }
.bw-natal .bw-longitude-dot { fill: #2d6489; }
.bw-transit .bw-longitude-dot { fill: #825385; }
.bw-aspect-line { stroke: #8399aa; stroke-width: 1.2; opacity: .22; pointer-events: none; }
.bw-aspect-line.is-active { stroke: #b45454; stroke-width: 3; opacity: .95; }
.bw-aspect-line.bw-trine.is-active, .bw-aspect-line.bw-sextile.is-active { stroke: #2b7a71; }
.bw-aspect-line.bw-conjunction.is-active { stroke: #79599a; }
.bw-figure figcaption { display: flex; gap: 18px; flex-wrap: wrap; justify-content: center; color: #59636c; font-size: 12px; margin-top: 0; }
.bw-legend-natal { color: #2d6489; }
.bw-legend-transit { color: #2b6b91; }
.bw-legend-aspect { color: #b45454; }
.bw-selection { border-left: 3px solid #b45454; background: #f7fafc; padding: 9px 12px; margin: 8px 0 20px; font-size: 13px; font-weight: 700; }
.bw-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #dbe4ea; }
.bw-aspect-table { border-collapse: collapse; width: 100%; min-width: 435px; font-size: 13px; }
.bw-aspect-table caption { text-align: left; font-size: 12px; color: #5b6871; padding: 9px 10px; }
.bw-aspect-table th, .bw-aspect-table td { border-top: 1px solid #dbe4ea; text-align: left; padding: 8px 10px; }
.bw-aspect-table th { background: #eaf2f7; }
.bw-aspect-table tr.is-active td { background: #eef5f8; }
.bw-aspect-button { background: none; border: 0; color: #1f648e; padding: 2px 0; text-align: left; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.bw-aspect-button:hover, .bw-aspect-button:focus-visible { color: #654278; }
.bw-aspect-button:focus-visible { outline: 2px solid #654278; outline-offset: 3px; }
.bw-empty { padding: 15px; border: 1px solid #dbe4ea; color: #59636c; font-size: 13px; }
@media (max-width: 700px) {
  .bw-sign-labels text { font-size: 13px; }
  .bw-intro, .bw-method { font-size: 12px; }
  .bw-figure figcaption { gap: 10px; }
  .bw-aspect-table { min-width: 0; font-size: 11px; }
  .bw-aspect-table th, .bw-aspect-table td { padding: 7px 5px; }
}