img {
    padding-top: 20px;
}

table {
    padding-bottom: 20px;
}

tabwid {
  padding-bottom: 20px;!important
}

p.caption {
  color: #40626a;
  font-size:0.8em;
  margin-top: 25px;
  line-height: 1.1em;
  padding-bottom: 20px;
}

#abstract-cap {
    color: #40626a;
  font-size:0.8em;
  margin-top: 25px;
  line-height: 1.1em;
  padding-bottom: 10px;
  padding-top: 20px;
}

.customcap {
    color: #40626a;
  font-size:0.8em;
  margin-top: 25px;
  line-height: 1.1em;
  padding-bottom: 10px;
  padding-top: 20px;
}

.footnotes {
  color: #40626a;
  font-size: 0.8em;  
  margin-top: -10px;
  
}

p code {
  white-space: inherit;
}

.author {
  color: #40626a;
  font-size:0.8em;
  font-weight: 600;
  line-height: 0.9em !important;
  
}

pre {
  word-break: normal;
  word-wrap: normal;
}
pre code {
  white-space: inherit;
}

h1 {
  color: ##183e55;
  font-size: 3em;
}

h2 {
  color: #5da594;
  font-size: 1em;
  font-weight: 400;
}

 h3 {
   color: ##183e55;
   font-size: 1em;
 }
 
 
 /* Customize the appearance of the references section */
#refs {
  font-size: 0.9em;        /* Adjusts the font size to 90% of the default */
  line-height: 1;        /* Sets the line height for better readability */
  color: #666666;          /* Sets the text color to a medium gray */
}

.csl-entry {
  font-size: 0.9em;        /* Adjusts the font size to 90% of the default */
  line-height: 1;        /* Sets the line height for better readability */
  color: #666666;          /* Sets the text color to a medium gray */
  padding-bottom: 10px;
}


.book .book-summary ul.summary li a:hover, 
.book .book-summary ul.summary li.active > a {
  color: #40626a;
  font-weight: 600;
  background:0 0;
  text-decoration:none;
}

.chapter .chapter-active {
  color: #40626a;
  font-weight: 500;
  background-color: yellow;
}
.book .book-summary ul.summary li {
  list-style: none;
  color: #666666;
}



/* Style collapsible sections */

/* Remove default marker */
summary::marker {
  content: "";
}


/* Light styling for presentation */
details {
  border-block-end: 1px solid #000;
  margin-block: .5rem;
  padding-block: .5rem;
}

summary {
  font-weight: 800;
  color: #40626a;
  /* Pin the custom marker to the container */
  position: relative;
  /* Register summary as an anchor element */
  anchor-name: --summary;
  
  &::marker {
    content: "";
  }
  
  &::before,
  &::after {
    /* Custom marker dimensions */
    content: "";
    border-block-start: 3px solid #5da594;
    height: 0;
    width: 1rem;
    
    /* Positions the lines */
    inset-block-start: 50%;
    inset-inline-end: 0;
    
    /* Anchor the shape to the summary */
    position: absolute;
    position-anchor: --summary;
    position-area: top end;
  }
  
  /* Rotate just the ::after line to create a "+"" shape */
  &::after {
    transform: rotate(90deg);
    transform-origin: 50%;
  }
}

/* Rotate the line when open */
details[open] summary::after {
  transform: rotate(0deg);
  font-weight: 800;
  color: #5da594;
}