/* shared/day-jump.css (dj1, Oct 16 2026). owner idea 1 (UX/Core/Growth confirmed): the EXISTING "On this page" menu
   (nav.jump-wrap > details.toc) becomes a compact sticky chip row at <=768px once the reader reaches the route.
   Desktop unchanged. Colours = the guide's own tokens only (fallbacks neutral). Moves only via transform (no CLS);
   its in-flow space is held by a same-height placeholder (.dj-ph) while it is pinned. */
.jump .dj-chip{display:none}
.dj-ph{display:none}
@media (max-width:768px){
  .dj-ph.dj-ph-on{display:block}
  .jump-wrap.dj-on{position:fixed;top:var(--dj-top,56px);left:0;right:0;z-index:25;box-sizing:border-box;height:44px;max-height:44px;margin:0;padding:0;
    background:var(--paper,#f6f2ea);border:0;border-bottom:1px solid var(--line,#d8d0c0);box-shadow:0 2px 8px var(--shadow,rgba(0,0,0,.14));border-radius:0;
    transform:translateY(0);transition:transform .2s ease,visibility 0s linear 0s;visibility:visible;overflow:hidden}
  .jump-wrap.dj-on.dj-hide{transform:translateY(calc(-100% - var(--dj-top,56px)));visibility:hidden;transition:transform .2s ease,visibility 0s linear .2s}
  .jump-wrap.dj-on details.toc{margin:0;padding:0;border:0;background:none;box-shadow:none;height:44px;max-width:none}
  .jump-wrap.dj-on details.toc>summary{display:none}
  .jump-wrap.dj-on .jump{display:flex!important;flex-wrap:nowrap;align-items:center;gap:6px;height:44px;margin:0;padding:0 12px;overflow-x:auto;overflow-y:hidden;
    overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding-inline:12px;grid-template-columns:none;columns:auto;border:0;background:none}
  .jump-wrap.dj-on .jump::-webkit-scrollbar{display:none}
  .jump-wrap.dj-on .jump>a:not(.dj-chip){display:none!important}
  .jump-wrap.dj-on .jump>a.dj-chip{display:inline-flex;align-items:center;flex:0 0 auto;box-sizing:border-box;min-height:32px;height:32px;margin:0;padding:0 12px;
    border:1px solid var(--line,#d8d0c0);border-radius:999px;background:var(--paper-2,var(--paper,#fbf8f1));color:var(--ink,#262a28);
    font:600 14px/1 "Libre Franklin",system-ui,-apple-system,sans-serif;letter-spacing:normal;text-transform:none;text-decoration:none;white-space:nowrap;width:auto}
  .jump-wrap.dj-on .jump>a.dj-chip[aria-current]{background:var(--ink,#262a28);color:var(--paper,#f6f2ea);border-color:var(--ink,#262a28)}
  .jump-wrap.dj-on .jump>a.dj-chip:focus-visible{outline:2px solid var(--ink,#262a28);outline-offset:2px}
  .jump-wrap.dj-on .jump>a.dj-chip::before,.jump-wrap.dj-on .jump>a.dj-chip::after{content:none}
}
@media (prefers-reduced-motion:reduce){.jump-wrap.dj-on,.jump-wrap.dj-on.dj-hide{transition:none}}
@media print{.jump .dj-chip{display:none}}