.relationship-enhanced-controls{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:14px 0}.relationship-enhanced-controls label{display:grid;gap:6px;font-size:12px;font-weight:800}.relationship-enhanced-controls select{min-height:44px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px;font:inherit}.relationship-enhanced-controls span{color:var(--muted);font-size:12px}
.relationship-interpretation{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;margin:16px 0;padding:20px;border:1px solid var(--line);border-left:5px solid #66736f;border-radius:14px;background:#fff}.relationship-interpretation.is-positive{border-left-color:#0d7755}.relationship-interpretation.is-negative{border-left-color:#a13a32}.relationship-interpretation.is-mixed{border-left-color:#a76508}.relationship-interpretation.is-context{border-left-color:#2467aa}.interpretation-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:24px;font-weight:800}.relationship-interpretation h3{margin:0}.relationship-interpretation p{line-height:1.55}.relationship-interpretation dl{display:flex;gap:18px;flex-wrap:wrap}.relationship-interpretation dl div{min-width:170px}.relationship-interpretation dt{color:var(--muted);font-size:11px;text-transform:uppercase;font-weight:800}.relationship-interpretation dd{margin:4px 0}.interpretation-limit{color:var(--muted);font-size:13px}
.relationship-comparison-summary{padding:14px 16px;border-radius:10px;background:#eef4f8;border:1px solid #d4e2ed}.relationship-comparison-summary p{margin:5px 0}.relationship-comparison-summary span{font-size:12px;color:var(--muted)}
.annotation-line{stroke:#8a5a10;stroke-width:1.5;stroke-dasharray:4 4}.annotation-point{fill:#fff;stroke:#8a5a10;stroke-width:2}.annotation-label{fill:#68440e;font-size:9px;font-weight:700}.relationship-annotation{cursor:pointer}.relationship-annotation:focus{outline:none}.relationship-annotation:focus .annotation-point{stroke:#2467aa;stroke-width:4}
.annotation-detail{position:relative;margin:14px 0;padding:18px 52px 18px 18px;border:1px solid #e1cda8;border-radius:12px;background:#fff9ed}.annotation-detail h4{margin:0}.annotation-detail button{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;background:transparent;font-size:24px;cursor:pointer}.causation-warning{padding:10px;background:#fff;border-radius:8px}
.relationship-usefulness{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.relationship-usefulness fieldset{border:0;padding:0;margin:0}.relationship-usefulness legend{font:800 18px Manrope;margin-bottom:12px}.usefulness-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.usefulness-scale input{position:absolute;opacity:0}.usefulness-scale span{min-height:82px;display:grid;place-items:center;text-align:center;padding:8px;border:1px solid var(--line);border-radius:10px;cursor:pointer;font-size:11px}.usefulness-scale strong{display:block;font-size:20px}.usefulness-scale input:checked+span{border-color:#2467aa;background:#e6f0fa}.usefulness-scale input:focus-visible+span{outline:3px solid #2467aa;outline-offset:2px}.relationship-usefulness>form>label{display:block;margin:14px 0 6px;font-weight:700}.relationship-usefulness textarea{width:100%;padding:10px;border:1px solid #aab9b4;border-radius:9px;font:inherit}.usefulness-note{font-size:12px;color:var(--muted)}.usefulness-thanks{padding:15px;background:#e7f3ee;border-radius:10px}
@media(max-width:760px){.relationship-interpretation{grid-template-columns:auto 1fr}.relationship-interpretation>.button{grid-column:1/-1}.usefulness-scale{grid-template-columns:repeat(2,1fr)}}
@media(max-width:375px){.relationship-enhanced-controls{align-items:stretch;display:grid}.relationship-interpretation{grid-template-columns:1fr}.usefulness-scale{grid-template-columns:1fr 1fr}}