:root {
  --clr-link-dark: #0a258a;
  --clr-link-light: #9eadd2;
  --clr-tooltip: #1a3ab0;
  --clr-texttip: rgba(45, 100, 230, 0.1)
}


/* LINKS */
  a {
    text-decoration: none;
    color: var(--clr-link-dark);
  }
  
  .tippy-content a {
    color: var(--clr-link-light);
  }
  
  a:hover {
    text-decoration: none;
    color: var(--clr-link-light);
  }
  
    
/* custom h5 header, just bolded body text (but text sits nicer below it) */
h5 {
  font-weight: 600;         /* Set the font weight (e.g., normal, bold, or a number from 100-900) */
  margin-top: 10px;         /* Add space above the header */
  margin-bottom: 0px;      /* Add space below the header */
}
    
/* for About page, bump the image down to align with body text instead of header */
/* Only apply on desktops / large screens so mobile stays intact */
@media (min-width: 992px) {
  /* trestles about page left column */
  div.quarto-about-trestles .about-entity {
    padding-top: 5.6rem;
  }
}


/* format output/messages from code blocks (e.g. printed data.frames) */
@media (prefers-color-scheme: light) {
  .cell-output pre {
    background-color: #f5f5f5;
    color: #000000;
    border: 1px solid #e0e0e0;
  }
}

@media (prefers-color-scheme: dark) {
  .cell-output pre {
    background-color: #1e1e1e;
    color: #e6e6e6;
    border: 1px solid #333333;
  }
}

/* fenced code blocks with no language (e.g., an ascii file tree) */
/* make these by using a markdown fence as just: ```text */
.quarto-light pre.text {
  background-color: #f5f5f5;
  color: #000;  
  padding: 0.75em 1em;
  border-radius: 4px;
  border: 1px solid #e0e0e0;
}

.quarto-dark pre.text {
  background-color: #1e1e1e;
  color: #e6e6e6;
  border: 1px solid #333;
}



/* NAVBAR */
  /* gradient on buzzdetect navbar item */
  .navbar-nav .nav-link[href*="buzzdetect"] {
    background: linear-gradient(90deg, #ff8a00, #e52e71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: filter 0.3s ease; /* Smooth transition for desaturation */
  }
  
  
  /* desaturate on mousover and when active */
  .navbar-nav .nav-link[href*="buzzdetect"]:hover{
    filter: saturate(0.5);
  }
  
  
  .navbar-nav .nav-link[href*="buzzdetect"].active {
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: initial;
    color: none; 
  }
  
  
  /* gradient on SeeNote navbar item */
  .navbar-nav .nav-link[href*="SeeNote"] {
    background: linear-gradient(90deg, #e52e71, #f9c387);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: filter 0.3s ease; /* Smooth transition for desaturation */
  }
  
  /* desaturate on mousover and when active */
  .navbar-nav .nav-link[href*="SeeNote"]:hover {
    filter: saturate(0.5);
  }