/* Hide Congo's "skip to main content" link but keep it as a scroll target */
#the-top, #the-top * {
  opacity: 0 !important;
  pointer-events: none !important;
}

.inline-flex {
  display: inline-flex;
}

.align-middle {
  vertical-align: middle;
}

.me-1 {
  margin-inline-end: 0.25rem;
}

/* Non-nav, non-prose links: dotted underline in Congo's primary color (violet) */
a:not(header nav a):not(.prose a) {
  text-decoration: underline dotted !important;
  text-decoration-color: rgb(139, 92, 246) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 2px !important;
  transition-property: text-decoration-color, text-decoration-style;
  transition-duration: 150ms;
}

a:not(header nav a):not(.prose a):hover {
  text-decoration-style: solid !important;
  text-decoration-color: rgb(139, 92, 246) !important;
}

.homepage-profile {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
  gap: 3rem;
}

.homepage-profile-content {
  min-width: 0;
}

.homepage-profile-sidebar {
  position: sticky;
  top: calc(4.5rem + 2rem);
  z-index: 51;
}

/* Sticky navbar wrapper */
header {
  position: sticky;
  top: 0;
  z-index: 50;
}

body {
  overscroll-behavior: contain;
}

main#main-content section .max-w-prose {
  max-width: none !important;
}

/* Stack homepage profile on small screens */
@media (max-width: 767px) {
  .homepage-profile {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .homepage-profile-sidebar {
    position: static;
  }
  header {
    position: static;
    z-index: auto;
  }
}