/* DIY JUMP BAR 2026-11-02: each build page's section links, as a slim sticky bar directly under the navy site menu (kerr-nav.js, --kerr-nav-h).
   The bar is static HTML right after <body>, so its 48 px is in the layout from the first paint (no shift). Navy pills, gold active and hover,
   44 px tap targets, scrolls sideways on phones. Targets get scroll-margin so a jump lands the heading just under the bar. */
:root{--diy-jump-h:48px}
html body.diy-jump-on{overflow-x:clip!important}
html:has(body.diy-jump-on){overflow-x:clip!important}
.diy-jump{position:-webkit-sticky;position:sticky;top:var(--kerr-nav-h,calc(52px + env(safe-area-inset-top,0px)));z-index:9000;height:var(--diy-jump-h);margin:0;padding:0;box-sizing:border-box;background:rgba(10,20,38,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(227,175,37,.28);box-shadow:0 4px 14px rgba(0,0,0,.35)}
.diy-jump-track{display:flex;align-items:center;gap:6px;height:100%;margin:0 auto;max-width:1200px;padding:0 12px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.diy-jump-track::-webkit-scrollbar{display:none}
.diy-jump a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:44px;padding:0 14px;box-sizing:border-box;border-top:6px solid transparent;border-bottom:6px solid transparent;background:#14284a;background-clip:padding-box;border-radius:22px;color:#e8edf5;font:600 13px/1 Inter,system-ui,-apple-system,sans-serif;letter-spacing:.02em;text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px rgba(227,175,37,.22);transition:background-color .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.diy-jump a:hover,.diy-jump a:focus-visible{color:#E3AF25;box-shadow:inset 0 0 0 1px #E3AF25;outline:none}
.diy-jump a.is-active,.diy-jump a.is-active:hover,.diy-jump a.is-active:focus-visible,.diy-jump a[aria-current="true"]{background-color:#E3AF25;color:#0a1426;box-shadow:inset 0 0 0 1px #E3AF25}
.diy-jump a.diy-jump-all{margin-left:auto;background-color:transparent;color:#E3AF25}
.diy-jump a.diy-jump-all:hover,.diy-jump a.diy-jump-all:focus-visible{background-color:#14284a}
body.diy-jump-on [id]{scroll-margin-top:calc(var(--kerr-nav-h,52px) + var(--diy-jump-h) + 12px)}
@media (min-width:769px){.diy-jump-track{justify-content:center;padding:0 24px}.diy-jump a.diy-jump-all{margin-left:12px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
@media print{.diy-jump{display:none}}