/* Shared by the two documents: a thin strip that names where you are and
   offers the other one. Both pages define the colour tokens it uses. */

.docnav {
  display: flex;
  align-items: baseline;
  gap: 6px 14px;
  flex-wrap: wrap;
  padding: 24px 0 0;
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  font-size: 11.5px;
  letter-spacing: 0.06em;
  color: var(--ink-3);
}

.docnav a { color: var(--ink-3); text-decoration: none; border-bottom: 1px solid transparent; }
.docnav a:hover { color: var(--ink); border-bottom-color: var(--rule); }
.docnav a:focus-visible { outline: 2px solid var(--indigo); outline-offset: 3px; border-radius: 2px; }

.docnav .here { color: var(--ink-2); }
.docnav .sep { color: var(--rule); }

/* The other document, pushed to the far end. */
.docnav .other { margin-left: auto; color: var(--indigo); }
.docnav .other:hover { color: var(--indigo); border-bottom-color: var(--indigo); }

.docnav + header.mast { padding-top: 30px; }

@media print { .docnav { display: none; } }