.bni-scorecard{max-width:1000px;margin:auto;border:1px solid #b4c8de;border-radius:12px;background:white;padding:clamp(1rem,4vw,2.5rem);color:#344054}.scorecard-chart-wrap{background:#07366c;color:white;padding:1.25rem;border-radius:8px;text-align:center}.scorecard-chart-wrap svg{display:block;width:min(100%,360px);height:auto;margin:auto}.scorecard-summary{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin:1rem 0}.scorecard-summary strong{font-size:2rem}.scorecard-group-labels{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;font-size:.9rem}.scorecard-controls{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.scorecard-control{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.scorecard-control label{grid-column:1/-1;font-weight:600;line-height:1.5}.scorecard-control input{min-width:0;width:100%;min-height:44px;accent-color:#07366c}.scorecard-control output{font-size:.85rem;min-width:5.5rem;text-align:right}.scorecard-share{display:flex;align-items:flex-start;gap:.75rem;margin:1.5rem 0}.scorecard-share input{width:20px;height:20px;margin-top:.25rem;flex:0 0 auto;accent-color:#07366c}.scorecard-actions{display:flex;gap:1rem;flex-wrap:wrap}.bni-scorecard :focus-visible{outline:3px solid #07366c;outline-offset:4px}.bni-scorecard button:disabled{opacity:.5;cursor:not-allowed}.bni-scorecard h3{font-size:1.05rem;margin-bottom:.25rem}.bni-scorecard li{margin-bottom:1.25rem}.bni-scorecard[hidden],.bni-scorecard [hidden]{display:none!important}@media(max-width:650px){.scorecard-controls{grid-template-columns:1fr}.scorecard-actions{flex-direction:column}.scorecard-actions .btn{width:100%}}

/* Live radar: chart stays beside the current control on desktop. */
.scorecard-live-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1.5rem;align-items:start;margin-top:1.5rem}
.scorecard-live-layout .scorecard-chart-wrap{position:sticky;top:110px;padding:1rem}
.scorecard-live-layout .scorecard-controls{grid-template-columns:1fr;margin:0;gap:1rem}
.scorecard-live-layout .scorecard-chart-wrap svg{width:100%;max-width:380px}
.scorecard-control{padding:1rem;border:1px solid #d2deeb;border-radius:8px;grid-template-columns:1fr auto;background:#f8fbff}
.scorecard-control.is-rated{border-color:#739bca;background:#f0f6fd}
.scorecard-control label{grid-column:1;margin:0;font-size:.95rem}
.scorecard-control output{grid-column:2;grid-row:1;color:#07366c;font-weight:700}
.scorecard-control input{grid-column:1/-1;grid-row:2;margin:.5rem 0;cursor:pointer;--range-fill:50%}
.scorecard-control-help{grid-column:1/-1;font-size:.8rem;line-height:1.5;margin:0;color:#526174}
.scorecard-chart-wrap .scorecard-summary{display:grid;grid-template-columns:1fr;gap:.75rem;border-top:1px solid #6d89a5;padding-top:1rem}
.scorecard-chart-wrap .scorecard-summary strong{font-size:1.25rem}
.scorecard-group-labels{flex-direction:column;gap:.4rem;text-align:left;font-size:.8rem}
@media(max-width:820px){.scorecard-live-layout{grid-template-columns:1fr}.scorecard-live-layout .scorecard-chart-wrap{position:static}.scorecard-chart-wrap .scorecard-summary{grid-template-columns:repeat(3,minmax(0,1fr));font-size:.8rem}.scorecard-chart-wrap .scorecard-summary strong{font-size:1rem}.scorecard-live-layout .scorecard-chart-wrap svg{max-width:300px}}
@media(prefers-reduced-motion:reduce){.bni-scorecard *{scroll-behavior:auto!important;transition:none!important}}