/* HP-3 Phase 2: shared base CSS rules — extracted because their text is
   byte-identical across every page (unlike tokens.css, these are rules,
   not custom-property values). Loaded after tokens.css since .skip-link's
   outline references var(--teal), which each page's local :root may
   override. */

/* MP-2: skip-to-content link */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--navy);
  color: #fff;
  padding: 0.6rem 1.25rem;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none;
  border-radius: 0 0 8px 0;
  z-index: 10000;
  transition: top 0.15s ease;
}
.skip-link:focus {
  top: 0;
  outline: 3px solid var(--teal);
  outline-offset: 2px;
}

/* HP-3 Phase 2: bare button reset (15/19 pages had this verbatim; the
   other 4 either have no <button> elements, or a higher-specificity .btn
   class that already sets all four of these properties, so this rule has
   no effect there). */
button { font-family: inherit; cursor: pointer; border: none; background: none; }