.insight-controls{display:grid;grid-template-columns:repeat(2,minmax(0,280px));gap:18px}
.insight-controls .field{margin-bottom:10px}
#insight-sync{margin:0 0 22px}
.workspace .insight-totals{margin-bottom:22px}
.survey-chart-section{margin-top:36px}
.survey-chart-section>h2,.written-heading{margin-bottom:20px}
.survey-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.survey-chart-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:24px;min-width:0}
.workspace .survey-chart-card h3{font-size:17px;line-height:1.5;letter-spacing:-.015em}
.chart-caption{font-size:12px;color:var(--muted);margin-top:8px}
.pie-layout{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;margin:24px 0 18px}
.survey-pie{display:block;width:100%;max-width:200px;aspect-ratio:1;justify-self:center;overflow:visible}
.survey-pie [data-insight]{cursor:pointer}
.survey-pie [data-insight]:hover{opacity:.82}
.pie-empty{color:var(--muted);font-size:13px;text-align:center;padding:30px 0}
.pie-legend{list-style:none;margin:0;padding:0;min-width:0}
.pie-legend li+li{border-top:1px solid #f0f1f6}
.pie-legend button{display:grid;grid-template-columns:12px minmax(0,1fr) auto 38px;gap:8px;align-items:center;text-align:left;background:none;border:0;width:100%;padding:9px 0;color:var(--ink);font-size:13px;line-height:1.5;border-radius:2px}
.pie-legend button:not(:disabled):hover{background:#f7f6fc}
.pie-legend button:disabled{opacity:.55;cursor:default}
.pie-legend button span{overflow-wrap:anywhere}
.pie-legend strong{font-size:14px;font-weight:800}
.pie-legend small{color:var(--muted);text-align:right;font-size:12px}
.pie-swatch{width:12px;height:12px}
.chart-footnote{color:var(--muted);font-size:12px;line-height:1.7}
.written-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.written-heading .field{margin:0;max-width:300px;flex:1}
.written-heading .field label{font-size:12px}
.written-pie{grid-template-columns:200px minmax(0,1fr);max-width:750px}
.wording-details{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}
.wording-details summary{cursor:pointer;font-size:13px;font-weight:750}
.wording-list{list-style:none;padding:0;margin:14px 0}
.wording-list li+li{border-top:1px solid var(--line)}
.wording-list button{display:flex;gap:20px;justify-content:space-between;text-align:left;border:0;background:none;width:100%;padding:12px 0;font-size:13px;line-height:1.6;color:var(--ink)}
.wording-list button span{overflow-wrap:anywhere}
.wording-list strong{flex-shrink:0;font-weight:800}
.metric-response-list{list-style:none;padding:0;margin:20px 0}
.metric-response-list li{border-top:1px solid var(--line);padding:18px 0}
.metric-response-list p{font-size:14px;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap;margin:8px 0}
.metric-response-list .quiet{font-size:12px}
@media(min-width:761px) and (max-width:1150px){.survey-chart-grid{grid-template-columns:1fr}.pie-layout{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:760px){.insight-controls{grid-template-columns:1fr;gap:0}.survey-chart-grid{grid-template-columns:1fr}.survey-chart-card{padding:20px}.pie-layout{grid-template-columns:1fr;gap:16px}.survey-pie{max-width:180px}.pie-legend button{font-size:13px;padding:11px 0}.written-heading{align-items:flex-start;flex-direction:column;gap:16px}.written-heading .field{max-width:none;width:100%}.written-pie{max-width:none}.survey-chart-section{margin-top:28px}}
