.gm-read { display: flex; flex-direction: column; gap: 14px; }
.gm-read-kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 1024px) { .gm-read-kpis { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.gm-read-kpi {
  border: 1px solid hsl(var(--border));
  background: hsl(var(--card));
  box-shadow: 0 1px 2px hsl(var(--foreground) / 0.04);
  border-radius: 16px;
  padding: 14px 16px 12px;
}
.gm-read-label { font-size: 11px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: hsl(var(--muted-foreground)); }
.gm-read-value { font-size: 1.7rem; font-weight: 800; letter-spacing: -0.03em; line-height: 1.05; margin-top: 6px; color: hsl(var(--foreground)); }
.gm-read-delta { margin-top: 8px; font-size: 12px; font-weight: 700; color: hsl(var(--muted-foreground)); }
.gm-read-delta.is-up { color: hsl(142 70% 46%); }
.gm-read-delta.is-down { color: hsl(0 72% 63%); }
.gm-read-story { display: flex; flex-direction: column; gap: 10px; }
.gm-read-pills { display: flex; flex-wrap: wrap; gap: 6px; }
.gm-read-pills span {
  border-radius: 999px;
  background: hsl(var(--muted));
  color: hsl(var(--foreground));
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
}
.gm-read-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.gm-read-stats > div {
  border-radius: 12px;
  background: hsl(var(--muted) / 0.55);
  padding: 10px 12px;
  min-width: 0;
}
.gm-read-stats b { display: block; font-size: 1.25rem; font-weight: 800; letter-spacing: -0.03em; color: hsl(var(--foreground)); }
.gm-read-stats span { display: block; margin-top: 2px; font-size: 11px; font-weight: 700; color: hsl(var(--muted-foreground)); line-height: 1.3; }