/* Accessibility — on every page, after the old site's own styles (docs/accessibility-audit.md).
   IS 5568 at level AA. Each rule names the finding it answers. Copied from go-galilee's a11y.css. */

/* A2 — where the keyboard is, always seen: dark ring with a white edge, on light and dark */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible,
select:focus-visible, [tabindex]:focus-visible, [role="button"]:focus-visible {
  outline: 3px solid #1a1a1a !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 5px #fff !important;
}

/* A1 — the skip link, seen when the keyboard reaches it */
.sk-skip:not(:focus) {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.sk-skip:focus {
  position: fixed; top: 8px; left: 8px; z-index: 100000; padding: 10px 16px;
  background: #fff; color: #1a1a1a; font-size: 18px; text-decoration: underline;
}
#sk-main:focus { outline: none; }

/* A7 — the link inside the home page's "about me" text: lighter, and underlined, not told apart
   by colour alone (was #CC3366 on black, 4.23:1 → #E0628A, 6.3:1) */
.aboutme a { color: #E0628A; text-decoration: underline; }

/* A9 — the statement's link, one line at the foot of every page. Some pages are black, some
   white (the home page, the not-found page): this grey reads on both — 4.61:1 on white, 4.56:1
   on black (the pink first chosen gave 3.34:1 on white, read with axe 25/10/26). */
.sk-footer { margin: 0; padding: 18px 16px; text-align: center; font-size: 14px; }
.sk-footer a { color: #757575; text-decoration: underline; }