/* Shared Mission FinOps interaction and accessibility layer. */
:root {
  color-scheme: dark;
  --site-focus: #e0c3ff;
  --site-focus-ring: rgba(192, 132, 252, 0.3);
}

html { scroll-behavior: smooth; }

.skip-link {
  position: fixed;
  z-index: 9999;
  top: .75rem;
  left: .75rem;
  padding: .75rem 1rem;
  border-radius: .35rem;
  background: #ece9e1;
  color: #0f1219;
  font: 600 .9rem/1 system-ui, sans-serif;
  transform: translateY(-160%);
  transition: transform .15s ease;
}
.skip-link:focus { transform: translateY(0); }

:where(a, button, summary, iframe):focus-visible {
  outline: 3px solid var(--site-focus);
  outline-offset: 4px;
  box-shadow: 0 0 0 6px var(--site-focus-ring);
}

.eyebrow {
  font-family: var(--f-mono, ui-monospace, monospace);
  font-size: .72rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.proof-note {
  border-left: 2px solid var(--accent, var(--purple, #b794f6));
  padding-left: 1rem;
  color: var(--text-dim, #a39ab4);
}

@media (max-width: 760px) {
  .nav-mobile a, .nav-links a { min-height: 44px; display: inline-flex; align-items: center; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}