.book .book-summary .summary .chapter a {
  white-space: normal; /* Allows the text to wrap normally */
  word-wrap: break-word; /* Breaks long words to ensure wrapping */
  display: block;
  padding-left: 1.5em; /* Adjust padding to align the second line */
  text-indent: -1em; /* Aligns the first line with the list number */
}


th, td {
        font-size: 12px;
        border-collapse: collapse;
        border-width:3px;
    }

/* ordered and unordered list styles */
.reveal ul,
.reveal ol {
    font-size: 12px;
    color: #000000;
}

/*
.book.font-size-2 .book-body .page-inner section {
  font-size: 12px;
}
*/


/* This targets the Code element inside an r element, which is inside
   an element with both the .pre and .sourceCode classes */
.pre.sourceCode r Code {
  background: white!important; /* Sets the background color to white */
  color: black!important;      /* Ensures the text color is black */
  border: 3px solid black;      /* Adds a black border around the element */
}

/* This targets r elements inside any element with the .sourceCode class */
.sourceCode r {
  background: #D7DDFD!important; /* Sets a lighter blue background for r elements */
  color: black!important;        /* Ensures the text color is black */
  border: 3px solid black;        /* Adds a black border around the r element */
  margin-bottom: 12px!important;  /* Adds some space below the element */
}

.fold .s .o pre code {
    white-space: pre-wrap !important;  /* Ensure line breaks are respected */
    word-wrap: break-word !important; /* Allow long words to break */
    max-width: 100% !important;       /* Prevent overflow */
    overflow-x: auto !important;      /* Allow horizontal scrolling only if necessary */
}


/* General styles for all code blocks */
pre code {
    white-space: pre-wrap;           /* Ensure the text wraps within code blocks */
    word-wrap: break-word;           /* Allow long words to break */
    max-width: 100%;                 /* Prevent code blocks from exceeding container width */
    overflow-x: visible !important;  /* Disable horizontal scrolling entirely */
    font-size: 12px;                 /* Set consistent font size */
    color: black;                    /* Default text color */
    background-color: #D7DDFD !important; /* Light blue background for code blocks */
}

/* Specific styles for comments within code blocks */
pre code .cm-comment {
    display: block;                  /* Treat comments as separate blocks */
    white-space: pre-wrap;           /* Ensure comments wrap properly */
    max-width: 80ch;                 /* Limit comments to 80 characters for readability */
    word-wrap: break-word;           /* Break long words in comments */
    color: #555;                     /* Optional: Muted gray color for comments */
    font-style: italic;              /* Optional: Italicize comments for emphasis */
}

/* Specific styles for collapsible "Show Source" sections */
details pre code {
    white-space: pre-wrap !important; /* Ensure wrapping in collapsible code blocks */
    overflow-x: visible !important;   /* Disable horizontal scrolling for Show Source sections */
    max-width: 100%;                  /* Prevent content from overflowing */
}

/* Style for collapsible sections */
details {
    border: 3px solid #aaa;          /* Border around collapsible sections */
    width: 672px;                    /* Set width for consistency */
    border-color: #000000;           /* Black border color */
    color: #FFFFFF;                  /* White text for header */
    background-color: #000080;       /* Dark blue background for collapsed sections */
    border-radius: 4px;              /* Rounded corners */
    padding: 0.5em 0.5em 0;          /* Add padding */
}

details[open] {
    padding: 0.5em;                  /* Add padding for expanded sections */
    border: 3px solid #000000;       /* Consistent black border when expanded */
    width: 672px;                    /* Maintain width when expanded */
    background-color: #D7DDFD;       /* Light blue background for expanded sections */
    color: #000080;                  /* Dark blue text for expanded sections */
    border-radius: 4px;              /* Rounded corners */
}

/* Style for summary (toggle element) */
details summary {
    background-color: #000080;       /* Dark blue header for collapsed sections */
    font-size: 12px !important;      /* Set consistent font size */
    color: #FFFFFF;                  /* White text for readability */
    border-bottom: 1px solid #000000; /* Black line under header */
    margin-bottom: 0.5em;            /* Add space below the header */
    padding: 0.5em;                  /* Add padding for better clickability */
}

/* Style for expanded summary */
details[open] summary {
    font-size: 12px !important;      /* Maintain font size when expanded */
    background-color: #D7DDFD;       /* Light blue background for expanded header */
    color: #000080;                  /* Dark blue text for expanded header */
    border-bottom: 1px solid #000000; /* Black line under header */
    margin-bottom: 0.5em;            /* Add space below the expanded header */
}



.showopt {
  background-color: #000080;
  color: #FFFFFF;
  width: 100px;
  height: 20px;
  text-align: center;
  vertical-align: middle !important;
  float: right;
  font-family: sans-serif;
  border-radius: 8px;
}


summary {
background-color: Orange;
font-weight: bold;
  color: #000080;
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}



.book .book-body .page-wrapper .page-inner section.normal *{
  font-size: 12px!important;
}

code span.do {
    color: #000000!important;
    font-style: italic;
}

p code {
  white-space: inherit;
  color: darkred!important;
  background: #FFFFFF!important;
}

.book .book-body .page-wrapper .page-inner section.normal pre {
  word-break: normal;
  /* word-wrap: normal;*/
  font-size: 12px!important;
  border: 2px solid #000000!important;
  white-space: pre-wrap;
  background: #D7DDFD!important;
}

.main-container {
  max-width: 800px!important;
  margin-left: auto;
  margin-right: auto;
}

.book .book-body .page-wrapper .page-inner {
  max-width: 95%;
}

h1, h2, h3, h4 {
  font-family: Arial, Helvetica, sans-serif;
  color: #000080;
}

.title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.3em !important;

  color: #000080;
 }

.subtitle {
  font-family: Arial, Helvetica, sans-serif;
  color: #000080;
  font-size: 12px !important;
}

dt {
  color:  #000080;
}

.book.font-family-0 {
  font-family: Georgia, serif;
}
.book.font-family-1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* this is paragraph text */
.book .book-body .page-wrapper .page-inner section.normal p {

    font-size: 12px;
}

.book .book-body .page-wrapper .page-inner section.normal h1{
    font-size: 12px;
    margin-top: 12px }

.book .book-body .page-wrapper .page-inner section.normal h2 {
    font-size: 12px!important;
}

.book .book-body .page-wrapper .page-inner section.normal h3 {
    font-size: 12px!important;
}
.book .book-body .page-wrapper .page-inner section.normal h4 {
    font-size: 12px!important
}

.book .book-body .page-wrapper .page-inner section.normal h5 {
    font-size: 12px!important;
}

/* this is the sidebar hover */
.book .book-summary ul.summary li a:hover {
  color: #000080!important;
  background: #FFFFFF!important;
}

body {

    font-family: Arial, Helvetica, sans-serif!important;
    top: 0!important;
    color: #FFFFFF!important;
    /*background: #000080!important;*/
    font-size: 12px!important;
}

/* this is the sidebar width and TEXT COLOR */
.book .book-summary ul.summary li a, .book .book-summary ul.summary li span{
    font-size: 12px!important;
     color: #FFFFFF!important;
  background-color: #000080!important;
    display: block;
    padding: 10px 15px;
    font-size: 12px!important;
    border-bottom: none;

    text-overflow: ellipsis;
    white-space: wrap;
    position: relative;
    font-weight: bold!important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/* this is the sidebar width and font family */
.book .book-summary {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px:!important;
  height: 100%;
  width: 250px!important;
  position:absolute;
  font-weight: bold!important;
  top:0px!important;
  color: #FFFFFF!important;
  background-color: #000080!important;
}