/* Accessibility layer: WCAG AA contrast on the dark theme and a keyboard skip link.
 * The greys are the nearest values to Tailwind's gray-500 / gray-600 that reach
 * >= 4.5:1 on #000, #080808 and #111111 (the site's three surfaces).
 */
html .text-gray-500 { color: #8a919e; }
html .text-gray-600 { color: #7a8290; }
html .text-white\/45 { color: rgba(255, 255, 255, 0.58); }

.cm-skip-link {
  position: absolute;
  top: -100px;
  left: 1rem;
  z-index: 1100;
  padding: 0.75rem 1rem;
  background: #fff;
  color: #000;
  font: 600 14px/1 Inter, system-ui, sans-serif;
  border-radius: 4px;
  text-decoration: none;
}
.cm-skip-link:focus {
  top: 1rem;
  outline: 2px solid #fff;
  outline-offset: 2px;
}