/* =============================================================================
   COCKPITS SECTION — root sheet
   Two views of the same live sales signal: violet for individual coaching,
   mint for team direction. This file only @imports the styles/ partials
   (cascade order matters), following the section CSS convention. Loaded via
   page-registry deferredStyles.
   ============================================================================= */

@import url('./styles/layout.css');
@import url('./styles/window.css');
@import url('./styles/user.css');
@import url('./styles/director.css');
@import url('./styles/story.css');
@import url('./styles/responsive.css');

.home-cockpits__solution-link {
  display: flex;
  width: fit-content;
  align-items: center;
  gap: 0.65rem;
  margin: 1.25rem auto 0;
  padding-bottom: 0.22rem;
  border-bottom: 1px solid rgba(169, 144, 255, 0.48);
  color: #d8cff8;
  font-size: 0.92rem;
  font-weight: 650;
  text-decoration: none;
  transition:
    border-color 180ms ease,
    color 180ms ease;
}

.home-cockpits__solution-link:hover,
.home-cockpits__solution-link:focus-visible {
  border-color: var(--home-mint);
  color: var(--home-text);
}

.home-cockpits__solution-link > [aria-hidden] {
  color: var(--home-mint);
  transition: transform 180ms ease;
}

.home-cockpits__solution-link:hover > [aria-hidden],
.home-cockpits__solution-link:focus-visible > [aria-hidden] {
  transform: translateX(0.2rem);
}