.flight-context {
  margin-block: clamp(28px, 5vw, 66px);
  scroll-margin-top: 96px;
}
.flight-context h2 {
  margin: 0 0 .6rem;
  font-size: clamp(1.65rem, 3.6vw, 2.7rem);
  line-height: 1.12;
  letter-spacing: -.04em;
}
.flight-context h3 {
  margin: 0 0 .5rem;
  font-size: clamp(1.2rem, 2.5vw, 1.65rem);
  line-height: 1.2;
  letter-spacing: -.02em;
}
.flight-context p {margin: .45rem 0 .8rem; max-width: 77ch; line-height: 1.55;}
.flight-context-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(12px, 2.5vw, 25px);
  margin: 1.1rem 0 .65rem;
}
.flight-context-grid article,
.flight-context-radar {
  min-width: 0;
  box-sizing: border-box;
  padding: clamp(16px, 3vw, 30px);
  border: 1px solid var(--line, rgba(128,128,128,.35));
  border-radius: 16px;
  background: var(--glass, rgba(128,128,128,.05));
}
.flight-context dl {margin: .8rem 0;}
.flight-context dl > div {border-top: 1px solid var(--line, rgba(128,128,128,.35)); padding-top: .58rem; margin-bottom: .6rem;}
.flight-context dt {font-weight: 670; line-height: 1.35;}
.flight-context dd {margin: .25rem 0 0; line-height: 1.5;}
.flight-context-grid dd {font-size: clamp(1.08rem, 2vw, 1.35rem); font-weight: 650;}
.flight-context-note {color: var(--muted, inherit); font-size: .9em;}
.flight-context-radar {margin-top: 1.3rem;}
.flight-context-radar p:last-child {margin-bottom: 0;}
.flight-context-sources {display: flex; flex-wrap: wrap; gap: .4rem 1rem; font-size: .88em; padding-top: .55rem;}
.flight-context a,
.flight-context-link {text-decoration: underline; text-underline-offset: .16em;}
.flight-context-link {display: inline-block; margin-top: .55rem; font-size: .9em; padding-block: .35rem;}
@media (max-width: 700px) {
  .flight-context-grid {grid-template-columns: 1fr;}
}