/* Results density and response evidence. Public pages and print keep their layout. */
.workspace-app .topic-findings-header{padding:20px 24px 14px;gap:18px}
.workspace-app .topic-findings-header h2{font-size:1.25rem}
.workspace-app .topic-findings-header p{max-width:none}
.workspace-app .topic-column-labels,.workspace-app .topic-finding{grid-template-columns:minmax(190px,.85fr) minmax(240px,1.55fr) 96px 16px;gap:18px}
.workspace-app .topic-column-labels{padding-block:9px;margin-bottom:2px;font-size:.875rem}
.workspace-app .topic-finding-shell>.topic-finding{min-height:68px;padding:8px 12px}
.workspace-app .topic-finding h3{font-size:.9375rem;line-height:1.4}
.workspace-app .topic-effectiveness{font-size:1.4rem}
.workspace-app .topic-finding-shell:last-child{margin-bottom:10px}
.workspace-app .topic-finding-shell{border-radius:10px}

/* Small multiples reveal actual ratings, without treating an index as agreement. */
.workspace-app .response-spread-section>h3{margin-bottom:8px}
.workspace-app .response-spread-section>.prose{max-width:80ch;margin:0 0 16px;font-size:.875rem}
.workspace-app .spread-legend{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:12px 16px;background:var(--surface-2);border-radius:12px;font-size:.8125rem;color:var(--fg-muted);margin-bottom:4px}
.workspace-app .spread-legend .chart-legend-inline{font-size:.875rem;margin-right:auto}
.workspace-app .spread-row{display:grid;grid-template-columns:minmax(210px,1fr) minmax(250px,1.15fr) 130px;gap:28px;align-items:center;width:100%;padding:15px 16px;text-align:left;background:transparent;color:var(--fg);border:0;border-bottom:1px solid var(--line-soft);border-radius:8px;font:inherit;cursor:pointer}
.workspace-app .spread-row:last-child{border-bottom:0}
.workspace-app .spread-row:hover,.workspace-app .spread-row:focus-visible{background:var(--surface-2)}
.workspace-app .spread-row:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.workspace-app .spread-name{display:grid;grid-template-columns:auto 1fr;gap:4px 9px;min-width:0}
.workspace-app .spread-name code{font-size:.8125rem;color:var(--fg-muted);padding-top:2px}
.workspace-app .spread-name b{font-size:.9375rem;line-height:1.45;font-weight:500}
.workspace-app .spread-name small{grid-column:2;font-size:.75rem;color:var(--fg-muted);line-height:1.45}
.workspace-app .spread-histogram{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;min-width:0;max-width:460px;width:100%;justify-self:center}
.workspace-app .spread-bin{display:flex;flex-direction:column;min-width:0;gap:4px}
.workspace-app .spread-columns{height:52px;display:flex;justify-content:center;align-items:flex-end;gap:4px;border-bottom:1px solid var(--line);padding-top:16px}
.workspace-app .spread-column{position:relative;display:flex;align-items:flex-end;height:100%;width:22px;min-width:0}
.workspace-app .spread-column i{display:block;width:100%;max-height:100%;border-radius:3px 3px 0 0}
.workspace-app .spread-column .sys{background:var(--sys)}
.workspace-app .spread-column .beh{background:var(--beh)}
.workspace-app .spread-column small{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;font-size:.75rem;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--fg-muted)}
.workspace-app .spread-rating{text-align:center;font-size:.75rem;color:var(--fg-muted);line-height:1.3}
.workspace-app .spread-stat{display:flex;flex-direction:column;gap:4px;align-items:flex-end;font-variant-numeric:tabular-nums}
.workspace-app .spread-stat>small{font-size:.75rem;color:var(--fg-muted)}
.workspace-app .spread-stat>strong{font-size:1.35rem;line-height:1.1;font-weight:500}
.workspace-app .spread-open{display:flex;align-items:center;gap:4px;font-size:.75rem;color:var(--fg-muted);white-space:nowrap}
.workspace-app .spread-open svg{width:14px;height:14px}
.workspace-app .spread-details{margin-top:12px;padding-top:14px;border-top:1px solid var(--line-soft)}
.workspace-app .spread-details>summary,.workspace-app .chart-reading-guide>summary{cursor:pointer;font-size:.875rem;font-weight:500;color:var(--fg-muted)}
.workspace-app .spread-details>p{font-size:.875rem;max-width:85ch}

/* Chart selection, topic and actions stay together, including in expanded view. */
.workspace-app .compact-chart-card{display:flex;flex-direction:column;gap:14px;padding:22px}
.workspace-app .compact-chart-card>*+*{margin-top:0}
.workspace-app .compact-chart-card .chart-controls{margin:0;padding:12px;gap:12px}
.workspace-app .compact-chart-card .chart-controls>.row{gap:12px}
.workspace-app .compact-chart-card .chart-controls>.row>.chart-field{min-width:170px;max-width:360px;font-size:.875rem}
.workspace-app .chart-view-field .chart-picker{display:block;width:100%;max-width:none;margin:0}
.workspace-app .compact-chart-card .chart-field select{height:40px;min-height:40px;font-size:.875rem;padding-block:8px}
.workspace-app .compact-chart-card .chart-actions{flex-wrap:wrap}
.workspace-app .chart-title-row{margin:0;display:flex;align-items:baseline;gap:12px 22px;flex-wrap:wrap}
.workspace-app .chart-title-row h3{font-size:1.125rem;margin:0}
.workspace-app .chart-title-row p{font-size:.875rem;line-height:1.5;flex:1;min-width:250px;max-width:75ch;margin:0}
.workspace-app .compact-chart-card .comparison-scroll,.workspace-app .compact-chart-card .chart-scroll{padding-block:0}
.workspace-app .compact-chart-card .legend{margin:0}
.workspace-app .compact-chart-card .chart>figcaption{margin-top:6px}
.workspace-app .chart-reading-guide{padding-top:12px;border-top:1px solid var(--line-soft)}
.workspace-app .chart-reading-guide p{font-size:.875rem;line-height:1.6;color:var(--fg-muted);margin:10px 0 0;max-width:95ch}
.workspace-app .chart-reading-guide .analysis-toolbar{margin-top:12px;margin-bottom:0;background:var(--surface-2)}
.workspace-app .chart-with-reading{display:grid;grid-template-columns:minmax(430px,1fr) minmax(220px,.6fr);gap:28px;align-items:center;max-width:920px;width:100%;margin-inline:auto}
.workspace-app .chart-with-reading>.chart{min-width:0}
.workspace-app .chart-side-reading{padding:22px;border-radius:16px;background:var(--surface-2)}
.workspace-app .chart-side-reading h4{font-size:.9375rem;margin:0 0 10px;font-weight:500}
.workspace-app .chart-side-reading p{font-size:.875rem;color:var(--fg-muted);line-height:1.7;margin:0}
.workspace-app .compact-chart-card .chart.has-radar-key{max-width:940px;grid-template-columns:minmax(0,1fr) 230px;gap:12px 20px}
.workspace-app .compact-chart-card .radar-key{padding-left:18px}
.workspace-app .compact-chart-card .radar-key-item{padding:9px 0}
.workspace-app .compact-chart-card .radar-key-note{margin-top:10px}
.workspace-app .compact-chart-card .chart-scroll .radar.compact{min-width:430px;max-width:480px}
.workspace-app .compact-chart-card .comparison-mobile-row{padding:14px 16px}
.workspace-app .ws-chart-workbench>.chart-view-field{max-width:380px}
@container workspace (min-width:721px) and (max-width:940px){
 .workspace-app .results-reading-row{grid-template-columns:minmax(0,1.1fr) minmax(250px,1fr);padding:24px;gap:24px}
 .workspace-app .overall-scores{padding:20px}
}
@container workspace (max-width:940px){
 .workspace-app .topic-column-labels,.workspace-app .topic-finding{grid-template-columns:minmax(180px,.9fr) minmax(180px,1.2fr) 86px 16px;gap:12px}
 .workspace-app .spread-row{grid-template-columns:minmax(170px,1fr) minmax(230px,1.1fr) 108px;gap:16px;padding-inline:8px}
}
@container workspace (max-width:780px){
 .workspace-app .chart-with-reading{grid-template-columns:minmax(0,1fr);gap:16px}
 .workspace-app .compact-chart-card .chart.has-radar-key{grid-template-columns:minmax(0,1fr)}
 .workspace-app .compact-chart-card .radar-key{padding:12px 0 0}
}
@container workspace (max-width:720px){
 .workspace-app .topic-finding-shell>.topic-finding{grid-template-columns:minmax(0,1fr) 66px 14px;gap:5px 12px;padding:12px}
 .workspace-app .topic-finding-title{grid-column:1/-1}
 .workspace-app .topic-findings-header{padding:20px 22px 14px}
 .workspace-app .spread-row{grid-template-columns:minmax(0,1fr) 100px;gap:10px 16px;padding:16px 8px}
 .workspace-app .spread-name{grid-column:1;grid-row:1}
 .workspace-app .spread-stat{grid-column:2;grid-row:1}
 .workspace-app .spread-histogram{grid-column:1/-1;max-width:460px}
 .workspace-app .spread-legend{gap:8px 16px}
 .workspace-app .compact-chart-card{padding:18px;gap:12px}
 .workspace-app .compact-chart-card .chart-controls{align-items:stretch}
 .workspace-app .compact-chart-card .chart-controls>.row>.chart-field{min-width:100%;max-width:none}
 .workspace-app .compact-chart-card .chart-actions{width:100%;gap:6px}
 .workspace-app .compact-chart-card .chart-actions .btn{padding-inline:10px;flex:1;font-size:.8125rem}
}
