div.articleindex h2 { font-weight: normal }
div.articleindex h2+p { margin-top: 0 }

P.lead { 
   font-family: georgia, 'times new roman', times, sans-serif;
   font-size-adjust: 0.48; /* Georgia */
   font-size: 110%;
   font-weight: bold;
   line-height: 1.8; 
}
P.lead code { font-family: inherit; font-size-adjust: inherit; color: inherit }

div.seealso { 
   border: 1px solid gray; 
   padding: 0.5em 1em; 
   font-weight: bold; 
   background: rgba(192,192,192,0.2);
   margin: 1em 0;
}
div.seealso ol { display: inline; margin-left: 0; padding-left: 0; }
div.seealso li { display: inline-block; }
div.seealso li+li { margin-left: 1em; border-left: 1px solid gray; padding-left: 1em }


aside.relatedarticles {
   border: 1px solid gray; 
   padding: 1em; 
   margin-top: 1em; 
   margin-bottom: 1em;
   font-size: 90%;
}
aside.relatedarticles H2 { margin: 0 }

DIV.shortcuts + P.indent { margin-top: 3em; }
DIV.shortcuts a code { font-family: inherit; font-size-adjust: inherit; }

/* stringopt3, charsets-codepages-windows */
TABLE.codepage { width: 100%; margin-bottom: 2em; border-collapse: collapse; }
TABLE.codepage TH { border-top: 1px solid gray; border-bottom: 1px solid gray; font-weight: normal; text-align: center; background-color: rgba(128,128,128,0.25); /*#eee*/ }
TABLE.codepage TD { text-align:right; }
TABLE.codepage TD.char { /*background-color: #ddd;*/ background-color: rgba(128,128,128,0.25); text-align: center; }
TABLE.codepage TD.char+TD { /*background-color: #eee;*/ background-color: rgba(128,128,128,0.125); }
TABLE.codepage TR > * { padding: 1px 1px 1px 0 }
TABLE.codepage TR > *:nth-child(3n+1) { border-left: 1px solid gray }

/* flowchart-symbols */
img.flowchart-symbols { float:left; margin: 0.5em 2em 1em 0; }
div.flowchart-symbols-descr { float:left; }
dl.flowchart-symbols-descr1, dl.flowchart-symbols-descr2 { max-width:39em; }
dl.flowchart-symbols-descr1 { margin-top: 0; }
dl.flowchart-symbols-descr2 { clear:both; }

/* errorhandling.html */
span.panic { background: rgba(255,0,0,0.8); color: rgba(255,255,0,0.9); font-weight: bold; font-size: 120%; padding: 0 0.4em; border-radius:0.2em }

@media only screen and (max-width: 480px) {
    TABLE.codepage TR > *:nth-child(3n+1) { border-left: none }
}



/* banner-makeyourcodeshine.gif, fontitin-banner.png */
P.banner { text-align:center; max-width:100% }
P.banner img { border: 1px solid black; max-width: 100%; height: auto;}

P.URN { font-size: 90%; text-align: right; margin: 1em 0 1em 1em; color: gray; }

/* Project Analyzer sign */
span.PA { 
    display: inline-block; 
    border-radius: 100%; 
    padding: 0 0.35em; 
    /*background: #447AFF; /* Title bar blue */ 
    background-color: hsla(223, 100%, 47%, 0.75);
    color: white; 
}
span.PA A {
    color: inherit; text-decoration: none;
}

@media only screen and (max-width: 960px) {
    TABLE.codepage { 
        font-family: Arial, sans-serif; 
        font-size-adjust: 0.519; /* Arial */
    }
}

/* Light mode */
@media only screen and (not (prefers-color-scheme: dark)) {
   P.lead:first-letter { 
      color: white; 
      background-color: #447AFF; /* Title bar blue border */
      padding: 3px 4px; 
      font-size: 130%; 
      margin-right: 0.1em;  
      line-height: 0.8; 
   }
}

/* Dark mode */
@media only screen and (prefers-color-scheme: dark) {
   P.banner img { border: none }
   img[src*="banner-makeyourcodeshine.gif"] { filter: brightness(0.8) contrast(1.2) }
}


@media print {
    /* Source links visible on paper */
    ul.source li a:after { content: " <" attr(href) ">"; color: black; font-style: italic; } 
}