/* Global app chrome, product CSS linked on every page from the base template head.
   Decimal-free (px, percent): the components-only class test reads every dot-token in a
   scanned stylesheet as a class name, so comments avoid dotted names too. Colours use the
   registered Ratio theme tokens. Nav classes are recorded in the package ledger. */

/* Top-bar app nav: Zoeken is live; the unbuilt sections are shown but disabled. */
.app-nav .nav-item { padding: 4px 12px; border-radius: var(--radius-selector); color: var(--color-base-content); text-decoration: none; }
.app-nav a.nav-item:hover { background: var(--color-base-200); }
.app-nav a.nav-item[aria-current="page"] { font-weight: 600; box-shadow: inset 0 -2px 0 var(--color-accent); }
.app-nav .nav-item--disabled { opacity: 40%; pointer-events: none; user-select: none; }

/* Reader: the passages a search result matched (the reader's hl query parameter), marked so the eye lands on them.
   Brass, the match accent: warning is Ratio's red, reserved for overturned judgments. */
.rs-passage--hl {
  background: color-mix(in oklab, var(--color-accent) 12%, transparent);
  box-shadow: inset 3px 0 0 var(--color-accent);
  border-radius: 0 4px 4px 0;
  scroll-margin-top: 24px;
}