/* nav.css - the faint breadcrumb at the top of content pages, inserted by
   tools/breadcrumb.py (owner's choice 2026-10-01, Access to Insight style):
   «☸ › Типитака ▾ › Мадджхима Никая › ⓘ». Fully visible on hover; the
   dropdowns open on hover/keyboard focus. On touch screens the links simply
   lead to the pages that list the same sections and collections. */
.crumbs { font-size: .8rem; color: var(--muted); opacity: .5; transition: opacity .4s;
  margin: .3rem 0 1.4rem; text-align: left; text-indent: 0; line-height: 1.6; }
.crumbs:hover, .crumbs:focus-within { opacity: 1; }
.crumbs a, .crumbs a:link, .crumbs a:visited { color: inherit; text-decoration: none; }
.crumbs a:hover, .crumbs a:focus-visible { color: var(--link); text-decoration: underline; }
.crumbs .sep { margin: 0 .45em; opacity: .7; }
.crumbs .menu { position: relative; display: inline-block; }
.crumbs .menu > img, .crumbs .menu > a > img { vertical-align: -3px; transition: transform 1.6s ease-in-out; }
.crumbs .menu:hover > a > img { transform: rotate(120deg); }
.crumbs .drop { display: none; position: absolute; top: 100%; left: -.6em; z-index: 20;
  padding: .4em 0; min-width: 11em; background: var(--bg); border: 1px solid var(--rule);
  border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.crumbs .menu:hover .drop, .crumbs .menu:focus-within .drop { display: block; }
.crumbs .drop a { display: block; padding: .2em 1em; white-space: nowrap; }
.crumbs .info { font-size: 1.05em; }
@media (prefers-reduced-motion: reduce) { .crumbs .menu > a > img { transition: none; } }
@media print { .crumbs { display: none; } }