/* ══════════════════════════════════════════════════════
   DELTA BANNER
   ══════════════════════════════════════════════════════ */
.delta-banner {
  border-radius: var(--radius); padding: var(--s-3) var(--s-4); margin: var(--s-4) 0;
  display: flex; align-items: center; gap: var(--s-3); flex-wrap: wrap;
  transition: all .3s ease;
}
.delta-banner.green { background: var(--green-dim); border: 1px solid rgba(63,185,80,.35); box-shadow: 0 0 30px rgba(63,185,80,.05); }
.delta-banner.gold { background: var(--surface2); border: 1px solid var(--border); color: var(--text2); }
.delta-banner.red { background: var(--red-dim); border: 1px solid rgba(248,81,73,.35); box-shadow: 0 0 30px rgba(248,81,73,.05); }
.delta-banner.muted { background: var(--surface2); border: 1px solid var(--border); }
.delta-icon { font-size: 1.2rem; }
.delta-text { flex: 1 1 200px; min-width: 0; }
.delta-main { font-size: 1rem; font-weight: 700; }
.delta-sub { font-size: var(--fs-3); color: var(--muted); margin-top: 3px; }
/* Multi-year at-T pace context. Lives inside the delta banner as a sub-line
   beneath delta-sub, replacing the standalone "lightning bolt" banner that
   used to stack below this one. Hidden via :empty so tournaments without a
   pace_alert don't render an extra gap. */
.delta-context {
  font-size: var(--fs-2);
  color: var(--muted);
  opacity: .8;
  margin-top: 5px;
  line-height: 1.4;
}
.delta-context:empty { display: none; }
.delta-value {
  font-size: 1.4rem; font-weight: 900; margin-left: auto;
  font-variant-numeric: tabular-nums;
}
.delta-value.green { color: var(--green-bright); }
.delta-value.gold { color: var(--gold-bright); }
.delta-value.red { color: var(--red); }