/* Page-local additions; colors and components come from the existing landing layout. */
.smart-project-landing [id] {
  scroll-margin-top: 6rem;
}

.smart-project-landing .smart-project-anchor {
  display: block;
  margin-top: 3rem;
}

.smart-project-landing a:focus-visible {
  outline: 3px solid #6366f1;
  outline-offset: 4px;
  border-radius: 0.25rem;
}

.dark .smart-project-landing a:focus-visible {
  outline-color: #a5b4fc;
}

@media (min-width: 640px) {
  .smart-project-landing .smart-project-anchor {
    margin-top: 4rem;
  }
}

/* A local CTA can be followed while the inherited mobile menu remains open. */
@media (max-width: 767px) {
  html:has(#mobile-menu:not(.hidden)) .smart-project-landing [id] {
    scroll-margin-top: 23rem;
  }
}