/*--------------------------------*/
/* Navbar always visible          */
/*--------------------------------*/
body {
  padding-top: 70px; /* match navbar height */
}

.cr-navbar.navbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background-color: var(--bs-body-bg) !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/*--------------------------------*/
/* Sticky sidebar adjustments     */
/*--------------------------------*/
.cr-section {
  position: relative;
}

.cr-section .sticky-col {
  position: sticky !important;
  top: 90px !important; /* leave space under navbar */
}

/*--------------------------------*/
/* Video adjustments              */
/*--------------------------------*/
/* Height of your navbar (adjust if it wraps on your theme) */
:root { --nav-offset: 64px; }

/* Keep the top navbar always visible */
header.quarto-header {
  position: sticky;
  top: 0;
  z-index: 1100; /* above page content and sticky panels */
}

/* Disable Quarto's headroom hide-on-scroll so it stays put */
header.quarto-header.headroom { will-change: auto; }
.headroom--unpinned { transform: translateY(0) !important; }

/* Ensure closeread sticky panels sit below the navbar */
.cr-section .sticky { top: var(--nav-offset); }

/* Headings won't jump under the navbar when linked */
main :is(h1[id],h2[id],h3[id],h4[id],h5[id],h6[id]) { scroll-margin-top: var(--nav-offset); }

/* If your collapsed mobile navbar is shorter/taller, tweak this */
@media (max-width: 991.98px) {
  :root { --nav-offset: 56px; }
}

/* Make video responsive in smaller screens */
@media (max-width: 992px) {
  .cr-video video {
    max-width: 100%;
    margin: 20px auto;
  }
}

/*--------------------------------*/
/* Other custom styles            */
/*--------------------------------*/
/* Remove external link indicators */
a.external::after {
  content: none !important;
}

/* Icons */
/*.icon-bluesky, .icon-orcid {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -.125em;
  background: no-repeat center/contain;
}
*/

/* Remove top padding for the first narrative section */
.page-columns .cr-section .narrative-col:first-child {
    padding-top: 0 !important;
  margin-top: -300px !important; /* adjust value as needed */
}

#cr-profile.sticky img {
  margin-top: -400px; /* moves the image up */
  transform: translateX(40px);  /* moves the image 20px to the right */
}