/* Price snapshot widget - per-TB/month CAD comparison. Shared by the
   pillar hero and the homepage Why card. Portable: uses global dispatch
   tokens (tokenized (ADR core/012)) so it renders anywhere, not only in .cs3. */
/* Component-tier tokens (ADR core/012 batch unit). Resolve to
   primitives/semantics; convergence debt for the light-authoring unit. */
:root {
    --price-accent-a08: var(--color-blue-alpha-08);
}

.ps-snap {
  font-family: var(--dispatch-mono);
  background: var(--dispatch-surface);
  border: 1px solid var(--dispatch-border);
  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);
  border-bottom: 1px solid var(--dispatch-border-strong);
  font-size: 0.62rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--dispatch-text-muted);
}
.ps-snap-cur { color: var(--editorial-teal-bright); }
.ps-snap-row {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.65rem 0.95rem;
  border-bottom: 1px solid var(--dispatch-border);
}
.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);
  white-space: nowrap;
}
.ps-snap-loc {
  font-size: 0.55rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--dispatch-text-faint);
  white-space: nowrap;
}
.ps-snap-loc--ca { color: var(--editorial-teal-bright); }
.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);
  font-feature-settings: 'tnum' 1;
}
.ps-snap-egress {
  font-size: 0.62rem;
  letter-spacing: 0.02em;
  color: var(--dispatch-text-muted);
  white-space: nowrap;
  text-align: right;
}
.ps-snap-egress-k {
  color: var(--dispatch-text-faint);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-right: 0.3rem;
}
.ps-snap-egress--meter { color: var(--dispatch-gold); }
.ps-snap-row--storm {
  background: var(--price-accent-a08);
  border-left: 3px solid var(--accent);
}
.ps-snap-row--storm .ps-snap-name,
.ps-snap-row--storm .ps-snap-price {
  font-weight: 700;
  color: var(--dispatch-text-strong);
}
.ps-snap-foot {
  padding: 0.6rem 0.95rem;
  font-size: 0.58rem;
  line-height: 1.4;
  color: var(--dispatch-text-faint);
}