/* ExamStudyAid: one breadcrumb, sitewide (owner, 2026-10-24, of the maths hub's apple-style trail: "make this type of
   breadcrumbs global").

   THE RULE. A trail of where you are reads as quiet words, the way Apple sets one: sentence case, no spaced capitals,
   14px Plex at 500, the rungs you can go back to in the soft ink (--nb-soft), the page you are on in the ink, the dots
   between them in the soft ink. Under the pointer a rung turns the one blue; nothing is underlined, nothing is filled.

   THE TRAILS: a subject's hub and every legacy study page (.note-breadcrumbs, with .sr-breadcrumbs on the hub), the
   notebook pages and the quiz (.nb-breadcrumb), the topic previews (.nb-preview-crumbs), the sitemap (.smap-crumbs) and
   the dashboard (.nb-min-crumbs, its slash now the same dot). NOT HERE: the phone chapter sheet's rungs (.nb-cs-crumbs),
   which are the chapter rail's own design (owner, 2026-10-08: the rail is not restyled unasked).

   Loaded by the two bases after every page sheet (pages/base.html, pages/nb_base.html), before the soft ink. Every rule is
   led by :is(:root, #nb-crumbs) twice, as soft-ink.css does: it matches the page's root and weighs two ids, so it outranks
   the page sheets' crumb rules (some carry a :has() or a theme class) without !important. The one exception left standing
   is the legacy notes shell's !important colour (notes.css), the old skin's faint grey, which already reads soft.
   Tokens only, both themes. */

/* ── The words: sentence case, 14px at 500 ── */
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.note-breadcrumbs, .nb-breadcrumb, .nb-preview-crumbs, .smap-crumbs, .nb-min-crumbs),
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.note-breadcrumbs, .nb-breadcrumb, .nb-preview-crumbs, .smap-crumbs, .nb-min-crumbs) :is(ol, li, a, span) {
  font-family: var(--nb-sans, "IBM Plex Sans", sans-serif);
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0;
  text-transform: none;
}

/* ── The rungs back and the dots: the soft ink ── */
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.note-breadcrumbs, .nb-breadcrumb, .nb-preview-crumbs, .smap-crumbs, .nb-min-crumbs),
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.note-breadcrumbs, .nb-breadcrumb, .nb-preview-crumbs, .smap-crumbs, .nb-min-crumbs) :is(li, a, span),
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) .note-breadcrumbs > :not(.breadcrumb-sep):not(:last-child)::after,
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) .nb-breadcrumb li:not(:last-child)::after,
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) .nb-min-crumbs li + li::before {
  color: var(--nb-soft);
}
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.note-breadcrumbs, .nb-breadcrumb, .nb-preview-crumbs, .smap-crumbs, .nb-min-crumbs) a {
  background: none;
  text-decoration: none;
}
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) .nb-min-crumbs li + li::before {
  content: "\00B7";
}

/* ── The page you are on: the ink ── */
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) .note-breadcrumbs > span:not(.breadcrumb-sep):last-child,
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.nb-breadcrumb, .nb-min-crumbs) [data-ui-current="page"],
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.nb-preview-crumbs, .smap-crumbs) > span:last-child {
  color: var(--nb-ink);
}
:is(:root, #nb-crumbs):is(:root, #nb-crumbs) .nb-min-crumbs [data-ui-current="page"] {
  color: var(--nb-m-ink, var(--nb-ink));
}

/* ── Under the pointer: the one blue ── */
@media (hover: hover) {
  :is(:root, #nb-crumbs):is(:root, #nb-crumbs) :is(.note-breadcrumbs, .nb-breadcrumb, .nb-preview-crumbs, .smap-crumbs, .nb-min-crumbs) a:hover {
    background: none;
    color: var(--nb-blue);
    text-decoration: none;
  }
}