/* Navexa public products — phase 4-B: bond and mortgage comparison */
.nx-bond-date { display: grid; justify-items: center; gap: .28rem; }
.nx-bond-maturity {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .22rem;
  min-width: 86px;
  padding: .2rem .45rem;
  border-radius: 999px;
  font-size: .65rem;
  font-weight: 750;
  white-space: nowrap;
}
.nx-bond-maturity--near { color: #b45309; background: #fffbeb; border: 1px solid #fde68a; }
.nx-bond-maturity--medium { color: #0369a1; background: #f0f9ff; border: 1px solid #bae6fd; }
.nx-bond-maturity--long { color: #475569; background: #f8fafc; border: 1px solid #e2e8f0; }
.nx-bond-maturity--expired { color: #b91c1c; background: #fef2f2; border: 1px solid #fecaca; }
.nx-bond-maturity--unknown { color: #64748b; background: #f8fafc; border: 1px solid #e2e8f0; }

.nx-bond-compare-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .8rem;
  margin-bottom: 1rem;
}
.nx-bond-compare-card {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: .9rem;
  background: #fff;
}
.nx-bond-compare-card h3 {
  margin: 0 0 .75rem;
  color: #0f172a;
  font-size: .86rem;
  line-height: 1.7;
}
.nx-bond-compare-card__primary {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: .65rem;
  color: #64748b;
  font-size: .72rem;
}
.nx-bond-compare-card__primary strong { color: #0f172a; font-size: 1rem; direction: ltr; }
.nx-bond-yield-track,
.nx-bond-value-track {
  height: 8px;
  margin: .55rem 0 .65rem;
  border-radius: 999px;
  background: #eef2f7;
  overflow: hidden;
  direction: ltr;
}
.nx-bond-yield-track span,
.nx-bond-value-track span { display: block; height: 100%; min-width: 3px; border-radius: inherit; }
.nx-bond-yield-track span { background: #0ea5e9; }
.nx-bond-value-track span { background: #6366f1; }
.nx-bond-compare-card__meta { display: grid; gap: .3rem; color: #64748b; font-size: .68rem; }
.nx-bond-compare-card__meta span { display: inline-flex; align-items: center; gap: .3rem; }
.nx-bond-compare-note {
  display: flex;
  align-items: flex-start;
  gap: .55rem;
  margin-bottom: 1rem;
  padding: .72rem .85rem;
  border: 1px solid #bae6fd;
  border-radius: 14px;
  background: #f0f9ff;
  color: #0c4a6e;
  font-size: .75rem;
  line-height: 1.8;
}
.nx-bond-compare-note i { margin-top: .15rem; }

@media (max-width: 768px) {
  .nx-bond-compare-grid { grid-template-columns: 1fr; }
}