/*
 * <InstallCtaLink> — quiet right-aligned link below the nav-footer
 * row on long-form surfaces. Sits in the same horizontal band as
 * the nav so the page rhythm stays: content → nav → install nudge.
 */

.install-cta-line {
  display: flex;
  justify-content: flex-end;
  /* When nested inside a `.nav-footer-row` (grid container), span
     the full row width and sit on row 2 — the prev/parent/next
     buttons occupy row 1 of the grid. Outside a nav-footer-row this
     rule is a no-op. */
  grid-column: 1 / -1;
  margin: 10px 0 0;
}

.install-cta-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--accent);
  font-family: var(--font-sans);
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  padding: 4px 0;
  transition: color var(--duration-fast) var(--ease-out);
}
.install-cta-link:hover {
  color: var(--accent-deep);
}

.install-cta-arrow {
  width: 14px;
  height: 14px;
  display: inline-block;
  transition: transform var(--duration-fast) var(--ease-out);
}
.install-cta-link:hover .install-cta-arrow {
  transform: translateX(2px);
}