/* ============================================================================
   THE GOLDEN RECORD : base accessibility layer, linked on every page.
   Universal keyboard focus, skip link, and a reduced-motion floor. Kept
   separate from tokens.css (values) and register.css (notation).
   ============================================================================ */

/* Skip link: off-screen until focused. Colours are fixed chrome, not themed. */
.skip-link{
  position:absolute; left:8px; top:-60px; z-index:300;
  background:#F0C14B; color:#071330; font-weight:600; font-size:14px;
  padding:10px 18px; border-radius:8px; text-decoration:none;
  transition:top .15s;
}
.skip-link:focus{ top:8px }

/* Consistent, high-contrast keyboard focus on the dark theme. Falls back to a
   literal gold where a page does not define --green. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible{
  outline:2px solid var(--green, #F0C14B);
  outline-offset:3px;
  border-radius:3px;
}
main:focus{ outline:none }

/* Sticky nav is 60px, so a fragment jump parks the heading underneath it. Scoped
   to :target so it costs nothing until an anchor is actually followed. */
:target{ scroll-margin-top:76px }

/* Reduced-motion floor for every page. */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}