html{
    font-size: 100.0%;    
/*    height:100%;*/
} 

@media only screen and (min-width: 100px) and (max-width: 660px){
      body{/*margin-top: 1em;
      margin-bottom: 1em; */
      width: auto; 
      padding: 0.9em;
      max-width: 90%; 
      margin-left: auto; 
      margin-right: auto; 
      color: #444; 
      font-family: Tahoma, Verdana, Segoe, sans-serif;      
      font-style: normal; 
      font-size: 1em; /*0.9em;*/
      background: #FFFFFF;}

      /*p {text-align:justify; }*/
}


@media only screen and (min-width: 660px){

      body{
      /*text-align:justify;*/
      /*hyphens: auto;*/

      /*font-weight: 550;*/
      /*hyphens: auto; */
      /*text-wrap: balance;*/ /*bad*/
      /*hyphenate-limit-chars: 10; */

      /*text-align: justify;*/

      /*-ms-hyphens: auto;*/ /* For older Internet Explorer/Edge */
      /*-webkit-hyphens: auto;*/ /* For older Safari */

      max-width: 75ch; /*600px;*/ /*65ch;*/
      margin-left: 10%;  /* left */

      /*margin: 0 auto;*/ /* center */
      padding-bottom: 50px;
      padding-top: 20px;

/*      vertical-align: baseline; */
/*      height: 95%; */

      float: none !important;

      /*margin-top:20px; /* !important; */
      /*margin-buttom:20px;
      /*margin-left:20vw !important; */
      /*margin-top: 20vw !important; */
      /*margin-bottom: 5px; */

      /*left:30%;*/
      /*border: 1px solid #D3D3D3;*/
      /*outline: 1px solid #D3D3D3;*/

      /*border-left: 1px solid #D3D3D3;*/
      /*border-width: 100%;*/
      /*padding-top: 8px;*/
      /*padding-right: 1em;*/
      /*padding-left: 1em;*/
      /*padding-bottom: 1em;*/

      /*max-width:720px;*/
      color:#444;
      /*font-family: 'proxima-nova', sans-serif;*/
      /*font-family: nyt-franklin, helvetica, arial, sans-serif;*/
      /*font-family: Calibri, sans-serif;*/

      /* OK */
      /*font-family: 'Roboto' , sans-serif;*/

      /* nice Tahoma*/
      /*<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>*/
      /*font-family: Lato, Tahoma, Verdana,   Segoe, sans-serif;*/



      /*Alike; */

      /*font-family: Georgia, sans-serif;*/
      /*Chaparral Pro - 300*/

     /* this is what I am using now */
      /*font-family:   Tahoma, Verdana,   Segoe, sans-serif; */

      font-family:    Tahoma, Verdana, Segoe, sans-serif;


      /*font-family: Georgia, sans-serif;*/
      /*font-family: 'Arial' , sans-serif;*/


      /*font-family:'Ambit',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;*/

      /*font-family: Abandon Bold, sans-serif;*/

      /*font-family: 'Noto Sans',Tahoma, Verdana,   Segoe, sans-serif;*/

      /*font-family: Baskerville Old Face,Hoefler Text,Times New Roman,sans-serif; */



      /*font-family: 'Open Sans', sans-serif;*/

      /* too small*/
      /*font-family: 'Cambria Math', sans-serif;*/



      /*OK*/
      /*font-family: 'proxima-nova', sans-serif;*/

      /* more spread. less words on line vs. Tahmoa. */
      /*font-family: Verdana, Geneva, sans-serif; */

      /*font-family: 'Roman', sans-serif;*/
      /*font-family: 'Georgia', sans-serif;*/
      /*font-family: 'Palatino', sans-serif;*/
      /*font-family: 'Century Schoolbook L',sans-serif;*/


     /* font-family: 'Palatino', sans-serif;*/

      /*no */
      /*font-family: Times New Roman, sans-serif;*/
      /*font-family: nyt-imperial, georgia, "times new roman", times, serif;*/
      /*font-family: arial, sans-serif; */
      /*line-height: 26px; *//*1.618*16px;*/


      line-height: 1.5;
      font-style: normal;
      font-size: 16px; /*1em;         */
      /*width: 80%;  */


      /* removed oct 15, 2025. It adds lots of vertical space
       * between items. Can't figure how to fix.
      */

      /*height:100vh;*/ /* DO NOT USE!!! cuts off the navigation links*/


      /* these 2 lines are commented for now*/
      /* width: 85%;*/
      /* margin-left: 8%; */

      /* border: 1px solid #D3D3D3; /*light gray*/
      /* border-left: 1px solid #D3D3D3; /*light gray*/
      /* padding-left: 5px;*/
      /* border-radius: 10px;  */
      /*max-width: 20em; /*700px;   */
      /*outline: 1px solid #D3D3D3; /*light gray*/

      background: #FFFFFF;
   }

/*
.MYcontent {
  max-width: 660px;
  margin: 0 auto;
  display:flex;
  flex-direction: column;
}

.MYcontent > * {
  margin-top: 5px;
  margin-bottom: 5px;
}
*/


/*.marginnote {
    float: right;
    width: 20%;
    margin-left: 1em;
}*/


/*added dec 12, 2025. used by make4ht only*/
.nowrap {
  width: 110ch;
  white-space: nowrap;
}

/*img { max-width:100% !important;}*/

img { border:0 !important; }

/*p {text-align:justify; }*/

/*does not work very well*/
/*.figure {padding-top:30px; margin:auto; text-align: center; display: flex; justify-content: center;}*/

.figure {padding-top:5px; } 

/*take full width*/

/*see https://tex.stackexchange.com/questions/638659/how-to-increase-space-between-table-of-content-entries-for-tex4ht*/
/* comment all of this due to problem with the bew 2 cols toc*/
/*see https://tex.stackexchange.com/questions/742485/how-to-make-two-columns-local-table-of-content-with-tex4ht*/


/*

.tableofcontents span{display:inline-block;margin-top:.1rem;}
% prevent vertical spacing before first TOC entry
.tableofcontents span:first-child{margin-top:0}

.chapterToc span{display:inline-block;margin-top:.1rem;}
% prevent vertical spacing before first TOC entry
.chapterToc span:first-child{margin-top:0}


%this
.chapterTOCS span{display:inline-block;margin-top:0.5rem;}
% prevent vertical spacing before first TOC entry
.chapterTOCS span:first-child{margin-top:0}


.sectionTOCS span{display:inline-block;margin-top:0.2rem;}
% prevent vertical spacing before first TOC entry
.sectionTOCS span:first-child{margin-top:0}

.subsectionTOCS span{display:inline-block;margin-top:0.2rem;}
% prevent vertical spacing before first TOC entry
.subsectionTOCS span:first-child{margin-top:0}

*/


/*
div.tableofcontents  { text-align:justify; padding: 2px 2px; width:100vw;}
div.chapterTOCS { width:100vw;}
chapterTOCS.sectionToc { width:100vw;}
.sectionTOCS {width:100vw;}
.subsectionTOCS{ width:100vw;}
.subsectionToc { width:100vw;}
.subsubsectionToc { width:100vw;} 
*/

/* this chages p of class noindent but only inside long table! */
/* must be after the above */


/* added sept 27, 2025 so that wide table is always centered*/
div.longtable  {align-self: center};

/* this affects <DIV class='table'> */
/*added sept 27, 2025*/
div.table {align-self: center;}
.table {align-self: center;}
div.caption{text-align:center; }


.table p.noindent {text-align:left;}


.BVerbatimInput {white-space: pre;}

/*pre.verbatim {border:1px solid black; padding: 10px 10px; background-color: #FFFFE2}*/

/*add space between enumeration lists*/
/*.lstinputlisting{padding: 5px 5px;}*/ /* position: relative; width: 80vw; margin-left: -20vw;  left: 20%;}*/


/*increase space between entries for table of content*/

/*
.tableofcontents span{display:inline-block; margin-top:3px; margin-left:10px; }
.tableofcontents span{display:inline-block; margin-top:0px; margin-left:3px;  }
.tableofcontents span:first-child{margin-top:0; }

.tableofcontents { position: relative; width: 100vw; margin-left: -5vw;  left: 10%;} 

 .sectionToc{ position: relative; width: 100vw; margin-left: -5vw;  left: 10%;} 
 .subsectionToc{ position: relative; width: 100vw; margin-left: -20vw;  left: 50%;} 
*/
          
li.img{vertical-align:middle;}
/*li.enumerate {text-align:justify; margin-bottom:3px; width: 100vw;}*/


/* these break things */
/*li {text-align:justify; margin-bottom:3px; width: 100vw;}*/

/*li {text-align:justify; margin-bottom:3px; max-width: 100vw;}*/
/*li {margin-bottom:3px; max-width: 100vw;}*/
li {margin-bottom:3px;}

/*ol.enumerate1 span{padding: 20px 5px; }*/ /* BUG */
/*ol.enumerate2 {text-align:justify; padding: 2px 2px; width: 100vw;}*/
/*ol.enumerate2 {text-align:justify; padding: 2px 2px; max-width: 100vw;}*/





/*this is so text in long table do not wrap around*/
/*div.longtable{position: relative; max-width: 80vw; margin-left: -20vw;  left: 20%;}*/

/*div.longtable{width: 125%;}*/
/*table.longtable{width: 125%;}*/
/*div.hline {max-width: 125%;}*/


/*this is so 2 columns is spread*/
/*div.columns-2{width: 140%;}*/


/*table.longtable{margin-left: auto;margin-right:auto; }*/

div.fbox {display:table;margin-left:auto; margin-right: auto;}

div.caption{text-align:center;}


/*div.figure img{text-align:center;display:block;margin-left:auto; margin-right: auto;}*/
/*div.float img{text-align:center;display:block;margin-left:auto; margin-right: auto;}*/
/*div.fbox img{text-align:center;display:block;margin-left:auto; margin-right: auto;}*/
div.caption table{margin: auto;}

/*added april 7, 2019 to make underline works with mathjax for math. Thanks
to Michal Hoftich and Bill Hammond*/


span.underline {border-bottom: 0.15ex solid black;text-decoration:none;}
tr {vertical-align:top;}


div.titlepage{text-align:center;}

tr.hline{border-top:1px solid black;} /*%bug in texh4t see https://tex.stackexchange.com/questions/616722/why-after-latest-update-to-tl-tex4ht-no-longer-shows-hline-in-tables/616822#616822*/


/*see https://tex.stackexchange.com/questions/670174/why-adding-fbox-around-includegraphics-makes-it-lose-the-centering-when-using
to make \fbox remain centered*/
figure > * {margin-left:auto;margin-right:auto; text-align:center;}

/*see https://tex.stackexchange.com/questions/670328/inconsistent-font-sizes-used-for-subsubsection-paragraph-titles-in-tex4ht-how-t*/
/*.partHead { font-size: 2em; }*/
/*.chapterHead { font-size: 1.7411em; }*/
/*.sectionHead { font-size: 1.5157em; }*/
/*.subsectionHead { font-size: 1.3195em; }*/
/*.subsubsectionHead { font-size: 1.1487em; }*/

/* these prevent TOC from wrapping in small page width*/

.tableofcontents {white-space: nowrap; }
.partTOCS {white-space: nowrap; }
.div.chapterTOCS{align-self: center}
.div.sectionToc{align-self: center}
.div.sectionTOCS{align-self: center}
figure {align-self: center}
div.center {align-self: center}

.chapterTOCS {white-space: nowrap; }

.sectionToc {white-space: nowrap;}

.subsectionTOCS {white-space: nowrap;}
.subsectionToc {white-space: nowrap;}


/*added march 21, 2025 so that secsection heads do not wrap*/
.sectionHead{white-space: nowrap;}
.subsectionHead{white-space: nowrap;}
.subsubsectionHead {white-space: nowrap;}

/*added dec 2, 2025*/
.url{white-space: nowrap;}

/*h2.titleHead{font-size:2em;}*/

/*see https://tex.stackexchange.com/questions/634005/how-to-make-lstlisting-work-with-tex4ht-in-table-with-fixed-column-width
to support listlisting in table so it wraps. added Feb 16, 2022*/

table .lstlisting{word-break: break-all;}

/*see https://tex.stackexchange.com/questions/370308/why-tex4ht-adds-an-extra-newline-when-using-begindescription-after-item*/


dl:after {content:"";display:table;clear:both;}
dt{float:left;min-width:1em;clear:left;}
dd{float:left;}


/*added june 12, 2021. TL 2021 adds lots of vertical space between enumeration lists.
%see tex4ht mailing archive
%\Css{li p:first-child{margin-bottom:10em}}
%above has no effect anymore. 

%added 8/29/2023 to increase space of enumeration list
%as the above no longer works.
%this adds 
%
%  .enumerate {margin-bottom:10px;}
%
% entry in the index.css file, which was missing
*/
/*.enumerate {margin-bottom:3px;}*/


div.author {margin-top: -.4em;}
div.date {margin-top: -1.2em;}



.click-zoom-2 input[type=checkbox] {
  display: none
}

.click-zoom-2 img {  
  transition: transform 0.25s ease;
  cursor: zoom-in
}

/* used by \addImage */
.click-zoom-2 input[type=checkbox]:checked~img {
  transform:  scale(1.5);
  cursor: zoom-out
}

/*to use do */
/*<div class="click-zoom">*/
/*<label> <input type="checkbox">*/
/*\includegraphics[width=#1]{#2} */
/*</label> */
/*</div>*/


.click-zoom-6 input[type=checkbox] {
  display: none
}

.click-zoom-6 img {  
  transition: transform 0.25s ease;
  cursor: zoom-in
}

.click-zoom-6 input[type=checkbox]:checked~img {
  transform:  scale(6);
  cursor: zoom-out
}


/*added OCT 14, 2205. break things*/
/* put back in OCT 30, 2025. */

h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5em !important; /* Adjust this value as needed */
    margin-top: .5em !important;
    padding:0 !important;
}


.title{font-size:1.4em;}
.titleHead{font-size:1.4em;}


/*p {
    margin-bottom: -.5em !important; /* Adjust this value as needed */
    margin-top: -.5em !important;
}*/


pre.listings {white-space: pre; padding: 5px 5px;}
/*pre.listings { padding: 0; max-width: 1070px; background: red;}*/
pre.lstinputlisting {white-space: pre; padding: 5px 5px;}
pre.verbatim {white-space: pre; padding: 5px 5px;}


/*added dec 20, 2025. so not to wrap title*/
/*.titleHead{
  white-space: nowrap;
}
*/
/*removed. not good idea*/