/* Accessibility helpers, in ONE place.
 *
 * The skip link is the first thing in the <body> of every page so a keyboard
 * or screen-reader user can jump past the header straight to the content. It
 * is supposed to sit off-screen until it is focused.
 *
 * It was styled inline in five pages and in none of the other nine, so on the
 * login screens, the registration form and all five legal pages it rendered
 * as a plain line of text reading "Skip to the form" above the school's logo
 * — which is what a visitor to ghs.com.ng actually saw.
 *
 * Linked by every page; do not paste these rules back into one.
 */
.skip-link{
  position:absolute; left:-9999px; top:0; z-index:9999;
  background:var(--green-900, #0a5c33); color:#fff;
  padding:12px 20px; border-radius:0 0 12px 0;
  font-weight:700; font-size:14px; text-decoration:none;
}
/* Only ever visible to someone who tabbed to it. */
.skip-link:focus{ left:0; }

/* Readable by a screen reader, invisible on screen. */
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}