/* Shared quick-nav strip for the 4 academy pages (education-videos,
   micromarket-training, faq, quick-start) -- lets visitors jump between
   them without going back to the main nav's Academy dropdown. Each page
   embeds its own copy of the .academy-quicknav markup (isolated/static, no
   shared JS) and marks its own link with .is-active; only this stylesheet
   is actually shared. */

.academy-quicknav {
  display: flex;
  justify-content: center;
  padding: 12px 20px;
  background: #f3f6fb;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.academy-quicknav-inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  max-width: 1100px;
}

.academy-quicknav-link {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 999px;
  font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13.5px;
  font-weight: 600;
  color: #144E9A;
  text-decoration: none;
  background: #fff;
  border: 1px solid rgba(20, 78, 154, 0.25);
  transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}

.academy-quicknav-link:hover {
  background: #eaf1fb;
}

.academy-quicknav-link.is-active {
  background: #144E9A;
  border-color: #144E9A;
  color: #fff;
}