/* Keep the dedicated learning entry available in each Academy header. */
a.academy-learning-center-entry {
  flex: none;
  white-space: nowrap;
}

/* Keep the document library exit beside the course and progress destinations.
   It is deliberately a separate visual treatment so readers can tell that it
   leaves the Academy course space and returns to the site's source library. */
a.academy-library-exit,
a.academy-course-library-entry {
  flex: none;
  white-space: nowrap;
}

a.academy-library-exit {
  border-left: 1px solid var(--academy-line);
  margin-left: 2px;
  padding-left: 10px;
}

/* Keep the two destinations legible as different lines: course discovery stays
   inside Academy, while the library link visibly exits back to source material. */
:where(.academy-nav, .academy-docs-nav) > a.academy-course-library-entry {
  border-left: 1px solid var(--academy-line);
  margin-left: 4px;
  padding-left: 12px;
  color: var(--academy-ink);
  font-weight: 600;
}
:where(.academy-nav, .academy-docs-nav) > a.academy-library-exit {
  margin-left: 6px;
  padding-left: 12px;
  color: var(--academy-ink);
  font-weight: 600;
}
:where(.academy-nav, .academy-docs-nav) > a.academy-library-exit::after {
  content: "↗";
  display: inline-block;
  margin-left: 4px;
  color: var(--academy-muted);
  font-size: 12px;
  line-height: 1;
}

/* The official Academy header opens a compact two-column Explore menu.
   Keep it native <details> so it works before JavaScript and remains
   keyboard/touch accessible. Geometry follows the browser measurement kept
   in output/academy-ai-role-crawl-20261002/official-dom-evidence.json. */
.academy-explore-menu {
  position: relative;
  z-index: 40;
  flex: none;
  height: 100%;
}
.academy-explore-menu > summary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  color: var(--academy-muted);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  list-style: none;
  cursor: pointer;
  white-space: nowrap;
}
.academy-explore-menu > summary::-webkit-details-marker { display: none; }
.academy-explore-menu > summary:hover,
.academy-explore-menu[open] > summary { color: var(--academy-ink); background: var(--academy-fill-2, var(--academy-paper-2)); }
.academy-explore-chevron { font-size: 15px; line-height: 1; transform: translateY(-1px); transition: transform 120ms ease-out; }
.academy-explore-menu[open] .academy-explore-chevron { transform: rotate(180deg) translateY(1px); }
.academy-explore-popover {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  width: min(497px, calc(100vw - 24px));
  padding: 6px;
  border: 1px solid var(--academy-line);
  border-radius: 12px;
  background: var(--academy-surface-1, var(--academy-paper-2, #fff));
  box-shadow: 0 12px 30px rgb(11 11 11 / 14%);
}
.academy-explore-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.academy-explore-column { display: grid; align-content: start; gap: 2px; min-width: 0; padding: 8px 4px; }
.academy-explore-column + .academy-explore-column { border-left: 1px solid var(--academy-line); }
.academy-explore-column h2 { margin: 0 6px 4px; color: var(--academy-muted); font-size: 11px; font-weight: 600; line-height: 16px; }
.academy-explore-column a { display: block; min-width: 0; padding: 7px 6px; border-radius: 7px; color: var(--academy-ink); font-size: 13px; line-height: 18px; text-decoration: none; overflow-wrap: anywhere; }
.academy-explore-column a:hover,
.academy-explore-column a:focus-visible { background: var(--academy-fill-2, var(--academy-paper-2)); outline: none; }
html[data-theme="dark"] .academy-explore-popover { box-shadow: 0 12px 30px rgb(0 0 0 / 35%); }
@media (prefers-color-scheme: dark) { html:not([data-theme="light"]) .academy-explore-popover { box-shadow: 0 12px 30px rgb(0 0 0 / 35%); } }

@media (max-width: 767px) {
  [data-academy-chrome] .academy-docs-nav,
  .site-header .academy-nav {
    display: flex;
    flex: none;
  }
  [data-academy-chrome] .academy-docs-nav > a:not(.academy-learning-center-entry):not(.academy-library-exit):not(.academy-course-library-entry),
  .site-header .academy-nav > a:not(.academy-learning-center-entry):not(.academy-library-exit):not(.academy-course-library-entry) {
    display: none;
  }
  .academy-explore-menu { display: inline-flex; height: auto; }
  .academy-explore-menu > summary { height: 28px; padding: 0 7px; font-size: 12px; }
  .academy-explore-popover { position: fixed; top: 52px; left: 12px; right: 12px; width: auto; max-width: none; }
  .academy-explore-columns { grid-template-columns: 1fr; }
  .academy-explore-column + .academy-explore-column { border-top: 1px solid var(--academy-line); border-left: 0; }
  .st-header nav,
  .short-topbar nav,
  .ctx-site-header nav,
  .tk-top-nav {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .st-header nav > a:not(.academy-learning-center-entry),
  .short-topbar nav > a:not(.academy-learning-center-entry),
  .ctx-site-header nav > a:not(.academy-learning-center-entry),
  .tk-top-nav > a:not(.academy-learning-center-entry) {
    display: none;
  }
  .ctx-site-header nav > a.academy-learning-center-entry,
  .tk-top-nav > a.academy-learning-center-entry {
    display: inline-flex;
  }
}