/* Crosswind calculator — local additions on top of shared/site.css */
.ends-grid {
  display: grid;
  gap: 0.7rem;
  margin-top: 0.9rem;
}
@media (min-width: 640px) {
  .ends-grid { grid-template-columns: 1fr 1fr; }
}
.end-card {
  padding: 0.85rem 0.95rem 1rem;
  background: #0c121f;
  border: 1px solid var(--line-strong);
  border-radius: 14px;
}
.end-card.is-preferred {
  border-color: rgba(111, 227, 208, 0.4);
  background:
    linear-gradient(180deg, rgba(111, 227, 208, 0.08), transparent 70%),
    #0c121f;
}
.end-card h3 {
  margin: 0 0 0.15rem;
  font-size: 1.05rem;
}
.end-kicker {
  margin: 0 0 0.65rem;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--muted);
  font-weight: 600;
}
.end-values {
  display: grid;
  gap: 0.45rem;
}
.end-values .stat-value { font-size: 1.2rem; }
.pref-pill {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0.1rem 0.4rem;
  border-radius: 999px;
  background: var(--cyan);
  color: #0b1218;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: middle;
}
.wind-svg text { font-family: var(--font); }
.calc-panel .variation-row { margin-top: 0.55rem; }