.circ-effects{margin:24px 0;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--model-panel-bg,var(--soft));min-width:0}
.circ-effects[hidden],.circ-surface [data-regression][hidden],.circ-surface [data-hierarchical][hidden],.circ-surface [data-conditional][hidden]{display:none!important}
.circ-effects-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.circ-effects h2{font-size:17px;line-height:1.5;margin:0}
.circ-effects-heading>div{width:220px;max-width:100%}
.circ-effects label{font-size:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.circ-effects output{margin-left:auto;font-variant-numeric:tabular-nums}
.circ-effects select{font:inherit;min-height:44px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;color:var(--ink);background:var(--model-control-bg,var(--paper))}
.circ-effects input{width:100%;min-height:44px;accent-color:var(--green)}
.circ-effects canvas{display:block;width:100%;height:280px}
.circ-effects p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0}
.circ-effects #circ-effect-summary{color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:760px){.circ-effects{padding:18px}.circ-effects canvas{height:260px}}

.circ-effects h3{font-size:14px;margin:20px 0 8px}.circ-vary label{display:flex;align-items:center;gap:10px}.circ-vary input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--green)}

.circ-surface .circ-polar-caption{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.circ-polar-condition{font-size:12px;line-height:1.5;color:var(--muted);white-space:nowrap}.circ-polar-condition[hidden]{display:none}