/* v3.7 engineering loop (from v3.6.1 interactive signature), restyled to brand tokens. */
#engineering-loop { padding: 32px 26px 26px; scroll-margin-top: 100px; }
/* Inherit .capability-visual background (copper radial glow + grid) — same as Smarter Sourcing / Fleet Intelligence panels */
.engineering-signature { width: 100%; max-width: 640px; min-width: 0; position: relative; color: var(--cream); font-family: var(--sans); }
.engineering-signature .signature-loop { height: 230px; position: relative; }
.engineering-signature .signature-track { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.engineering-signature .signature-aircraft { position: absolute; width: 30px; height: 30px; max-width: none; pointer-events: none; z-index: 2; filter: drop-shadow(0 0 4px rgba(203,163,106,.55)); }
.engineering-signature .signature-stage {
  position: absolute; transform: translate(-50%, -50%); width: 142px; min-height: 50px;
  padding: 7px 8px; border: 1px solid var(--copper); border-radius: 4px;
  background: var(--navy); color: var(--cream); font: 500 14px/1.3 var(--sans); letter-spacing: .005em;
  text-align: center; cursor: pointer; z-index: 3; transition: background .25s, color .25s;
}
.engineering-signature .signature-stage:hover { background: rgba(203,163,106,.16); }
.engineering-signature .signature-stage[aria-pressed="true"] { background: var(--copper-light); color: var(--navy); border-color: var(--copper-light); }
.engineering-signature button:focus-visible { outline: 2px solid var(--cream); outline-offset: 3px; }
.engineering-signature .signature-center {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  text-align: center; font: 500 11px/1.6 var(--mono); letter-spacing: .22em;
  color: var(--copper-light); pointer-events: none;
}
.engineering-signature .signature-detail { min-height: 48px; margin: 14px 0 14px; color: var(--sand); font: 400 16px/1.5 var(--sans); }
.engineering-signature .signature-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-top: 1px solid rgba(203,163,106,.45); padding-top: 14px; }
.engineering-signature .signature-tagline { color: var(--sand); font: 400 14px/1.5 var(--sans); }
.engineering-signature .signature-announcement { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 1100px) {
  #engineering-loop { padding-inline: 16px; }
  .engineering-signature .signature-stage { width: 130px; font-size: 13.5px; }
}
@media (max-width: 420px) {
  #engineering-loop { padding-inline: 10px; }
  .engineering-signature .signature-stage { width: 116px; font-size: 13px; padding-inline: 6px; }
  .engineering-signature .signature-center { font-size: 10px; letter-spacing: .16em; }
}
@media (prefers-reduced-motion: reduce) { .engineering-signature .signature-stage { transition: none; } }
/* Keep body text legible: override generic .capability-visual p colour */
#engineering-loop .signature-detail, #engineering-loop .signature-tagline { color: var(--sand); opacity: 1; }
#engineering-loop .signature-detail { font-size: 16px; line-height: 1.5; }