/* ======================================================
   KinetiX Bio – Supplemental Styles
   Aeonik Fono display elements + pipeline stage bars fix
   ====================================================== */

/* Pipeline stage bar columns need overflow visible */
.pipeline__stage-bar { overflow: visible; }

/* Hero canvas keeps below content on mobile */
@media (max-width: 768px) {
  .hero__canvas { opacity: 0.2; }
}

/* Smooth scroll offset for fixed nav */
:target { scroll-margin-top: calc(var(--nav-h) + 1rem); }

/* Focus styles */
:focus-visible {
  outline: 2px solid var(--lime);
  outline-offset: 3px;
}

/* Selection */
::selection {
  background: var(--lime);
  color: var(--black);
}