/* Accessibility layer shared by every page: skip link, focus rings, readable accents, reduced motion. */
.skip-link{position:fixed;left:16px;top:-80px;z-index:100000;padding:12px 18px;border-radius:99px;background:#1d1b19;color:#fff;font:600 14px/1 "General Sans",system-ui,sans-serif;text-decoration:none;transition:top .2s}
.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
/* one clear focus ring everywhere, even where a component removed its outline */
:focus-visible{outline:3px solid #1d1b19!important;outline-offset:3px!important;box-shadow:0 0 0 6px #FFD60A!important;border-radius:6px}
.object:focus-visible,.meadow-stage:focus-visible{border-radius:14px}
/* yellow words in headings: dark text on a yellow marker, so they pass contrast and keep the accent */
.play-hero h1 em,.x-hero h1 em,.pr-hero h1 em,.study-copy h2 em,#crafted-title em,#work-folders-title em{color:#1d1b19!important}
.play-hero h1 em,.x-hero h1 em,.pr-hero h1 em,.study-copy h2 em{background:linear-gradient(transparent 62%,#FFD60A 62%,#FFD60A 90%,transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.play-hero h1 em *,.x-hero h1 em *,.pr-hero h1 em *,.study-copy h2 em *,#crafted-title em .split-w>span,#work-folders-title em .split-w>span{color:inherit!important}
/* links inside running text are underlined, not just coloured */
footer p a,.quiet-footer a,.work-foot a,.prose p a{text-decoration:underline;text-underline-offset:3px}
/* reduced motion: everything settles in its final state, nothing loops */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
}
/* accessibility note in the footer */
.a11y-note{display:block;margin-top:6px;font-size:12px;color:#5f5a53}
.a11y-note a{color:inherit}