.dashboard-redesign #analytics-snapshot .comparison-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:2px 3px 14px;color:#10345e}
.comparison-summary-header h2{font-size:25px;line-height:1.25;margin:0 0 4px;font-weight:750;letter-spacing:-.6px}
.comparison-summary-header p{font-size:12px;line-height:1.5;margin:0;color:#4c6b90}
.comparison-summary-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border-radius:10px;background:#e4f7f1;font-size:11px;color:#42678a}
.comparison-summary-badge svg{width:16px;height:16px;padding:3px;box-sizing:border-box;border-radius:50%;background:#00b795;color:#fff;fill:none;stroke:currentColor;stroke-width:2}
.dashboard-redesign #analytics-snapshot .comparison-summary-design{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:stretch}
.dashboard-redesign #analytics-snapshot .comparison-summary-design>.snapshot-summary-grid,
.dashboard-redesign #analytics-snapshot .comparison-summary-design>.snapshot-secondary-metrics,
.dashboard-redesign #analytics-snapshot .comparison-summary-design>.signature-cards,
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-agreement-stats{display:contents}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-panel,
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat{display:block;box-sizing:border-box;min-width:0;height:100%;min-height:240px;margin:0;padding:15px 12px;border:1px solid #ddecf7;border-radius:10px;background:linear-gradient(120deg,#fff,#f3f9fd);box-shadow:0 2px 6px #1e64940b;color:#10345e}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat.same{order:1;background:linear-gradient(120deg,#f1fbf8,#eef9f7)}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat.different{order:2;background:linear-gradient(120deg,#fffaf0,#fff8ec)}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .coverage-combined{order:0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-secondary-metrics>.snapshot-summary-panel:nth-child(1){order:3}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-secondary-metrics>.snapshot-summary-panel:nth-child(2){order:4}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .generation-combined{order:5}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-source-length{order:6;grid-column:auto}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading{display:flex;align-items:center;gap:8px;min-height:42px;margin:0 0 14px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading h2,
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading h3{min-height:0;margin:0;font-size:10px;line-height:1.45;font-weight:700;color:#10345e}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-icon{width:32px;height:36px;flex:0 0 32px;border-radius:9px;background:linear-gradient(135deg,#e6f5ff,#d8ecff);color:#0786ff}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-icon svg{width:23px;height:23px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .generation-combined .dashboard-card-icon svg{fill:#0786ff;stroke:#d4edff;stroke-width:.6}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat-mark{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:0 0 29px;margin:0;border-radius:50%;font-size:20px;background:linear-gradient(120deg,#00cca2,#009f83);color:#fff}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .different .dc-stat-mark{background:linear-gradient(120deg,#ffca40,#ffae13)}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .coverage-measurements{border:0;padding:0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-metric{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap;margin:0 0 10px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-metric strong,
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat>div:not(.dashboard-card-heading) strong{font-size:31px;line-height:1.15;color:#10345e;letter-spacing:-.7px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-metric span{font-size:10px;line-height:1.5}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-track{height:11px;margin:12px 0 9px;background:#d7e5f1;border-radius:4px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .coverage-measurements>p{font-size:10px;line-height:1.7;margin:7px 0 0;color:#557498}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .coverage-measurements>p:first-of-type{font-weight:650;color:#234b77}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat>div:not(.dashboard-card-heading){display:block}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat p{font-size:10px;line-height:1.5;margin:5px 0 18px;color:#42668e}
.signature-segments{display:flex;height:23px;gap:2px;border-radius:2px;overflow:hidden;margin-top:14px}
.signature-segments>span{flex:1;min-width:0;border-radius:1px}
.signature-legend{display:flex;flex-wrap:wrap;gap:7px 10px;margin-top:10px;font-size:9px;line-height:1.5;color:#234b77}
.signature-legend>span{display:inline-flex;align-items:center;gap:4px}
.signature-dot{display:inline-block;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:#aebfd0}.signature-dot.green{background:#00b991}.signature-dot.red{background:#ff625a}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-segments{height:23px;gap:2px;margin:22px 0 0;border-radius:2px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-rule-legend{font-size:9px;gap:6px 12px;margin:10px 0 0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-counts{font-size:9px;gap:5px;margin:9px 0 0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-outcomes{margin:0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-ring-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:5px;align-items:center;min-height:0;margin:0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-ring{width:100%;max-width:120px;min-width:0;margin:0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-ring-label strong{font-size:19px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-ring-label span,.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-output-count{font-size:8px;line-height:1.2}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-legend{display:block;font-size:9px;line-height:1.4;padding:0;margin:0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-legend li{margin:7px 0}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-chart-note{font-size:8px;line-height:1.6;margin:16px 0 0;text-align:center}
.dashboard-redesign #analytics-snapshot .policy-heatmap{padding:16px 18px 12px;border-color:#ddecf7;background:linear-gradient(120deg,#fff,#f3f9fd);box-shadow:0 2px 6px #1e64940b}
.dashboard-redesign #analytics-snapshot .policy-heatmap h2{font-size:14px}
.dashboard-redesign #analytics-snapshot .policy-heatmap .dashboard-chart-title p{display:none}
.dashboard-redesign #analytics-snapshot .policy-heatmap-plot{margin-top:12px}
.dashboard-redesign #analytics-snapshot .policy-heatmap-cells{height:27px;gap:2px}
.dashboard-redesign #analytics-snapshot .policy-heatmap-row{grid-template-columns:52px minmax(0,1fr);gap:10px;margin-bottom:6px}
.dashboard-redesign #analytics-snapshot .policy-heatmap-generation{font-size:11px}
.dashboard-redesign #analytics-snapshot .policy-heatmap .policy-outcomes-legend{font-size:10px;gap:10px 16px;margin:0}
.dashboard-redesign #analytics-snapshot .policy-heatmap .policy-outcomes-key{border-radius:50%;width:9px;height:9px}
.dashboard-redesign #analytics-snapshot .policy-heatmap-axis{display:none}
.dashboard-redesign #analytics-snapshot .policy-heatmap .policy-outcomes-detail{min-height:0;font-size:9px;margin:8px 0 0}
@media(max-width:1450px) and (min-width:1201px){
.dashboard-redesign #analytics-snapshot .comparison-summary-design{gap:8px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-panel,.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat{padding:12px 9px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading{gap:5px;min-height:48px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading h2,.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading h3{font-size:9px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-icon{width:25px;flex-basis:25px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-info-button{flex:0 0 13px;width:13px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-metric strong,.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat>div:not(.dashboard-card-heading) strong{font-size:28px}
}
@media(max-width:1200px){.dashboard-redesign #analytics-snapshot .comparison-summary-design{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-summary-header{flex-wrap:wrap}.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-panel,.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat{min-height:230px}}
@media(max-width:700px){.dashboard-redesign #analytics-snapshot .comparison-summary-design{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-summary-header h2{font-size:22px}.comparison-summary-header p{font-size:11px}.comparison-summary-badge{font-size:10px}.dashboard-redesign #analytics-snapshot .policy-heatmap .policy-outcomes-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.dashboard-redesign #analytics-snapshot .policy-heatmap .policy-outcomes-legend{justify-content:flex-start;font-size:9px}}
@media(max-width:380px){.dashboard-redesign #analytics-snapshot .comparison-summary-design{grid-template-columns:1fr}.dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-panel,.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat{min-height:220px}}

.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat>div.signature-segments:not(.dashboard-card-heading){display:flex;height:23px;gap:2px;margin-top:22px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat>div.signature-legend:not(.dashboard-card-heading){display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:10px}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .coverage-combined .dashboard-card-icon svg path:first-child{fill:#0786ff;stroke:#0786ff}
.dashboard-redesign #analytics-snapshot .comparison-summary-design .coverage-combined .dashboard-card-icon svg path:not(:first-child){stroke:#d9f3ff}

/* A readable phone layout; retain the seven-card row on desktop. */
@media(max-width:600px){
 .dashboard-redesign #analytics-snapshot .comparison-summary-design{grid-template-columns:minmax(0,1fr)}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-summary-panel,
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .dc-stat{min-height:0;height:auto;padding:18px}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading{min-height:36px;margin-bottom:12px}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .dashboard-card-heading :is(h2,h3){font-size:12px}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design :is(.snapshot-legend,.signature-legend,.snapshot-rule-legend,.snapshot-summary-counts){font-size:11px}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-ring-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-ring{max-width:140px}
 .dashboard-redesign #analytics-snapshot .comparison-summary-design .snapshot-chart-note{font-size:10px}
 .dashboard-redesign #analytics-snapshot .policy-heatmap-plot{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:10px;-webkit-overflow-scrolling:touch}
 .dashboard-redesign #analytics-snapshot .policy-heatmap-row{min-width:max(100%,var(--mobile-policy-width,100%))}
 .dashboard-redesign #analytics-snapshot .policy-heatmap-generation{position:sticky;left:0;z-index:1;background:#f7fbfe;align-self:stretch;display:flex;align-items:center}
 .dashboard-redesign #analytics-snapshot .policy-heatmap-cells{height:44px}
}