.table-scroll {
  max-height: 500px;
  overflow-y: auto;
}

.table-scroll table {
  width: 100%;
  border-collapse: collapse;
}

.table-scroll th {
  position: sticky;
  top: 0;
  background: #f9f9f9;
  z-index: 1;
}

.custom-gutter > .column {
  margin-right: 2rem;
}
.custom-gutter > .column:last-child {
  margin-right: 0;
}

/* 
span.chapter-title, span.chapter-number {
  color: #F68B1F;
}
*/

/* Default (inactive) state */
span.chapter-title, span.chapter-number {
  color: #262626;
}

/* Active state: when parent link (.sidebar-link) has .active */
.sidebar-link.active span.chapter-title,
.sidebar-link.active span.chapter-number {
  color: #F68B1F;
}

/* Hover state: when hovering sidebar link */
.sidebar-link:hover span.chapter-title,
.sidebar-link:hover span.chapter-number {
  color: #F68B1F;
}


/* code blocks */
.quarto-code-cell .code, 
div.sourceCode, 
pre.sourceCode {
  max-height: 600px;    /* Set your desired height */
  overflow-y: auto;     /* Make it scroll vertically */
  display: block;
}

.epigraph {
  font-style: italic;
  margin-left: 2em;
  color: #555;
}

/*
.sourceCode.yaml {
  box-shadow: 0 0px 6px  #F68B1F ;
  border-radius: 0px;
  padding: 0px;
  margin-left: 6px;
  border: 61px;
  border-color: #F68B1F;
}

.sourceCode.yaml.code-with-copy {
  padding: 0px;
  border: 61px;
  border-color: #F68B1F;
  
}
*/