[hidden]{display:none!important}
.workflow-tabs{display:flex;gap:8px;padding:5px;margin-bottom:22px;background:#edf5f5;border-radius:16px}
.workflow-tabs button{flex:1;border:0;border-radius:12px;background:transparent;color:#426474;padding:13px 16px;font:inherit;font-weight:800;cursor:pointer}
.workflow-tabs button[aria-selected="true"]{background:#fff;color:#183c47;box-shadow:0 3px 12px #264b5a18}
.workflow-tabs button:focus-visible{outline:3px solid #5a9eac;outline-offset:2px}
.compatibility-person-heading{margin-bottom:18px}.compatibility-person-heading h3{margin:0 0 12px}
.compatibility-person-heading select{margin:7px 0 16px;max-width:600px}
.compatibility-person-one{margin:0;padding:0;border:0;min-width:0}
.compatibility-person-two,body.compatibility-mode .compatibility-person-one{margin:26px 0 20px;padding:20px;border:1px solid #bfd8dc;border-radius:20px;background:#f6fbfb;min-width:0}
.compatibility-person-two legend,.compatibility-person-one legend{padding:0 10px;font:700 23px Georgia,serif;color:#183c47}
.compatibility-results-warning{border-left:4px solid #ad8647;padding:12px 16px;background:#fbf7ed;margin:15px 0;color:#645137}
.compatibility-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;margin:12px 0}.compatibility-person-1{color:#226d88}.compatibility-person-2{color:#a15d3b}
.compatibility-wheel-scroll{overflow:visible;max-height:none;max-width:690px;margin:0 auto;border-radius:18px;background:#fff;cursor:zoom-in}
.compatibility-wheel-scroll svg{display:block;min-width:0;max-width:none;width:100%;height:auto;margin:auto}
.compatibility-wheel svg line{vector-effect:non-scaling-stroke}
.compatibility-wheel svg .chart-aspect{pointer-events:none}
.compatibility-wheel svg .chart-aspect-hit{stroke:rgba(0,0,0,.001);stroke-width:4px;pointer-events:stroke}
.compatibility-expanded-wheel{width:min(920px,100%);margin:0 auto;max-width:none}
.compatibility-expanded-wheel svg{display:block;width:100%;height:auto}
.compatibility-wheel .compatibility-expand{display:block;margin:12px auto 8px;cursor:zoom-in}
.compatibility-wheel svg .chart-aspect-wrap,.compatibility-wheel svg [data-chart-factor]{cursor:pointer}
.compatibility-wheel svg [tabindex="0"]:focus{outline:none}
.compatibility-wheel svg .chart-aspect-wrap:focus-visible .chart-aspect{stroke-width:2.3px!important;opacity:1!important}
.compatibility-wheel svg .chart-aspect-wrap.chart-selected .chart-aspect{stroke-width:1.9px!important;opacity:1!important}
.compatibility-wheel svg .chart-factor.chart-selected text,.compatibility-wheel svg .chart-angle.chart-selected text,.compatibility-wheel svg [data-chart-factor]:focus-visible text{fill:#16778c}
.compatibility-heading{margin-top:28px}.compatibility-reading{border:1px solid #ccdee2;border-radius:15px;margin:12px 0;background:#fbfefd;overflow:hidden}
.compatibility-reading summary{padding:16px;cursor:pointer;font-weight:700;color:#254c5b;line-height:1.5}
.compatibility-reading summary:hover{background:#edf6f6}.compatibility-reading summary:focus-visible{outline:3px solid #5a9eac;outline-offset:-3px}
.compatibility-reading .compatibility-short{display:block;font-weight:400;font-size:14px;margin-top:8px;color:#40596a}
.compatibility-reading-body{padding:0 18px 16px;line-height:1.7}.compatibility-reading-body p{margin:12px 0}
.compatibility-table{overflow:auto;margin:12px 0}.compatibility-table table{width:100%;border-collapse:collapse;min-width:450px}
.compatibility-aspects{margin-top:24px;padding:18px;border:1px solid #ccdee2;border-radius:15px;background:#fbfefd}
.compatibility-table-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.compatibility-table-head h3{margin:0}.compatibility-table-head button{margin-left:auto;white-space:nowrap}
.compatibility-table th,.compatibility-table td{text-align:left;padding:11px 12px;border-bottom:1px solid #dae5e7;font-size:13px}.compatibility-table th{background:#eef6f6}
.compatibility-empty{padding:20px;border:1px dashed #b4cbd3;border-radius:15px;color:#4f6976}
body.compatibility-mode #living_selected,body.compatibility-mode #target_year{display:none}
body.compatibility-mode #openSavedCharts{display:none!important}
body.compatibility-mode #chartSection,body.compatibility-mode #questionSection,body.compatibility-mode #chatlog{display:none!important}
@media(max-width:800px){.compatibility-person-two,body.compatibility-mode .compatibility-person-one{padding:15px}}
@media(max-width:450px){.workflow-tabs button{padding:12px 8px;font-size:14px}}