.defense-chart{grid-column:1/-1;min-width:0}.dc-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin:16px 0}.defense-chart label{display:flex;flex-direction:column;gap:8px;font-size:14px}.defense-chart input,.defense-chart select{width:100%;min-width:0;min-height:44px;font-size:16px}.dc-plot{width:100%;min-width:0}.dc-plot svg{display:block;max-width:100%;overflow:visible}.dc-plot text{fill:var(--text);font-size:12px}.dc-legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;margin-bottom:16px}.dc-legend span:first-child{color:var(--blue)}.dc-detail{font-size:14px;line-height:1.6}.dc-plot [data-point]{cursor:pointer}@media(max-width:600px){.dc-controls{grid-template-columns:1fr}}

/* Graph first, then a separate full-width opportunity row at every screen size. */
main:is([data-view="players"],[data-view="board"]).research-open #inspector>.player-workload-row{grid-column:1/-1;min-width:0}

.dc-legend{align-items:center;margin-top:8px;color:#142d40}
.dc-legend .dc-key{display:inline-flex;align-items:center;gap:7px;color:#142d40}
.dc-legend .dc-swatch,.dc-legend .dc-selection{display:inline-block;flex:0 0 12px;width:12px;height:12px;border-radius:50%}
.dc-legend .dc-selection{border:2px solid #142d40;background:transparent}
.dc-legend strong{font-size:.875rem}