/* 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;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.65rem 0.95rem;
  border-bottom: 1px solid var(--dispatch-border, #1e2326);
}
.ps-snap-top {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.5rem;
}
.ps-snap-name {
  font-size: 0.82rem;
  color: var(--dispatch-text, #c2c9c6);
  white-space: nowrap;
}
.ps-snap-loc {
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dispatch-text-faint, #4a524f);
  white-space: nowrap;
}
.ps-snap-loc--ca { color: #5dcaa5; }
.ps-snap-bot {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 0.6rem;
}
.ps-snap-price {
  font-size: 0.98rem;
  color: var(--dispatch-text-strong, #ecefed);
  font-feature-settings: 'tnum' 1;
}
.ps-snap-egress {
  font-size: 0.62rem;
  letter-spacing: 0.02em;
  color: var(--dispatch-text-muted, #6b7772);
  white-space: nowrap;
  text-align: right;
}
.ps-snap-egress-k {
  color: var(--dispatch-text-faint, #4a524f);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-right: 0.3rem;
}
.ps-snap-egress--meter { color: var(--dispatch-gold, #d4a437); }
.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);
}