/* Larger page shortcuts with a vivid selected and pressed state. */
.site-header nav{gap:8px;min-width:0}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:#d7dbd1;font-size:16px;font-weight:600;line-height:1.35;text-align:center;transition:none}
@media(hover:hover){.site-header nav a:hover{background:#29361f;border-color:#5f8c36;color:#c5f58c}}
.site-header nav a[aria-current="page"],.site-header nav a:active{background:#76d41e;border-color:#76d41e;color:#142007}
.site-header nav a:focus-visible{outline:2px solid #76d41e;outline-offset:3px}
@media(max-width:600px){.site-header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.site-header nav a{min-height:46px;padding:11px 12px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.site-header nav a{transition:none}}

/* Hold the previous document until the next page is ready, then swap without a fade. */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-old(root){z-index:1}
::view-transition-new(root){z-index:2}

/* The persistent-looking header never waits for downloaded web fonts. */
.site-header{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header nav a[aria-current="page"],.site-header nav a:active{transition:none}