.academy-bridge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem max(1rem, calc((100vw - 1240px) / 2));
  background: #171717;
  color: #fff;
  font: 600 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.academy-bridge a {
  color: #ffd137;
  text-decoration: underline;
  text-underline-offset: .2em;
}
.academy-bridge a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 560px) {
  .academy-bridge { align-items: flex-start; flex-direction: column; gap: .25rem; }
}