.product-context-panel { overflow: hidden; }
.product-maturity-grid {
  display: grid;
  grid-template-columns: 1.5fr repeat(3, 1fr);
  gap: 10px;
  margin: 16px 0 22px;
}
.product-maturity-grid article {
  min-width: 0;
  padding: 14px;
  border: 1px solid #dde7f0;
  border-radius: 12px;
  background: #fbfdff;
}
.product-maturity-grid small,
.product-context-heading span,
.product-lineage-item__top small {
  color: #71869b;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .035em;
}
.product-maturity-grid strong {
  display: block;
  margin-top: 5px;
  color: #173a62;
  font-size: 16px;
  line-height: 1.25;
}
.product-maturity-grid p {
  margin: 6px 0 0;
  color: #62798f;
  font-size: 9.5px;
  line-height: 1.45;
}
.product-maturity-card--strong { border-color: #bfdfd2 !important; background: #f5fcf8 !important; }
.product-maturity-card--structured { border-color: #c9ddf2 !important; background: #f7fbff !important; }
.product-maturity-card--regulatory { border-color: #e1d5b9 !important; background: #fffdf8 !important; }
.product-context-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}
.product-context-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 9px;
}
.product-context-heading h3 { margin: 0; color: #17395f; }
.product-lineage-list { display: grid; gap: 8px; }
.product-lineage-item {
  padding: 11px 12px;
  border: 1px solid #e0e8f0;
  border-radius: 10px;
  background: #fff;
}
.product-lineage-item--open { border-color: #e3c68b; background: #fffaf0; }
.product-lineage-item__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  margin-bottom: 6px;
}
.product-lineage-status {
  display: inline-flex;
  padding: 4px 7px;
  border-radius: 999px;
  background: #eef3f8;
  color: #4c6680;
  font-size: 8px;
  font-weight: 900;
  text-transform: uppercase;
}
.product-lineage-status--active,
.product-lineage-status--decided { background: #eaf7f0; color: #267054; }
.product-lineage-status--historical,
.product-lineage-status--superseded { background: #f1f3f5; color: #6d7782; }
.product-lineage-status--open { background: #fff0ce; color: #87621d; }
.product-lineage-item > strong { color: #244563; font-size: 10.5px; line-height: 1.4; }
.product-lineage-item p { margin: 5px 0 0; color: #657b91; font-size: 9.5px; line-height: 1.45; }
.product-lineage-item a { display: inline-block; margin-top: 7px; color: #1265ce; font-size: 9px; font-weight: 800; }
.product-comparability-note {
  display: flex;
  gap: 11px;
  margin-top: 18px;
  padding: 13px 14px;
  border: 1px solid #d6e3ef;
  border-radius: 11px;
  background: #f7fbff;
}
.product-comparability-note > svg { flex: 0 0 auto; color: #176bd7; }
.product-comparability-note strong { color: #193e67; font-size: 10.5px; }
.product-comparability-note p { margin: 3px 0 7px; color: #617990; font-size: 9.5px; line-height: 1.5; }
.product-comparability-note a { color: #1263cb; font-size: 9.5px; font-weight: 800; }
@media (max-width: 900px) {
  .product-maturity-grid { grid-template-columns: 1fr 1fr; }
  .product-context-columns { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .product-maturity-grid { grid-template-columns: 1fr; }
}
