/* Price snapshot widget - per-TB/month CAD comparison. Shared by the
   pillar hero and the homepage Why card. Portable: uses global dispatch
   tokens (with literal fallbacks) so it renders anywhere, not only in .cs3. */
.ps-snap {
  font-family: var(--dispatch-mono, 'JetBrains Mono', ui-monospace, monospace);
  background: var(--dispatch-surface, #121517);
  border: 1px solid var(--dispatch-border, #1e2326);
  border-radius: 8px;
  overflow: hidden;
}
.ps-snap-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.7rem 0.95rem;
  background: var(--dispatch-sunken, #08090b);
  border-bottom: 1px solid var(--dispatch-border-strong, #2c3338);
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--dispatch-text-muted, #6b7772);
}
.ps-snap-cur { color: #5dcaa5; }
.ps-snap-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.6rem 0.95rem;
  border-bottom: 1px solid var(--dispatch-border, #1e2326);
}
.ps-snap-co {
  display: flex;
  flex-direction: column;
  gap: 0.12rem;
  min-width: 0;
}
.ps-snap-name {
  font-size: 0.82rem;
  color: var(--dispatch-text, #c2c9c6);
}
.ps-snap-loc {
  font-size: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dispatch-text-faint, #4a524f);
}
.ps-snap-loc--ca { color: #5dcaa5; }
.ps-snap-price {
  flex: 0 0 auto;
  font-size: 0.92rem;
  color: var(--dispatch-text-strong, #ecefed);
  font-feature-settings: 'tnum' 1;
}
.ps-snap-row--storm {
  background: rgba(30, 144, 255, 0.08);
  border-left: 3px solid #1e90ff;
}
.ps-snap-row--storm .ps-snap-name,
.ps-snap-row--storm .ps-snap-price {
  font-weight: 700;
  color: var(--dispatch-text-strong, #ecefed);
}
.ps-snap-foot {
  padding: 0.6rem 0.95rem;
  font-size: 0.58rem;
  line-height: 1.4;
  color: var(--dispatch-text-faint, #4a524f);
}