:root {
    --content-max-width: 800px;
    --content-padding: 20px;
    --dk-green: #014c3d;
    --md-green: #01735C;
    --bl-bkg: #F5FAFF;
    --bl-bkg: #e6f3ff; 
    /*
DEFAULT BACKGROUND: #fcfcfc
   */
    --AliceBlue: #F3F7FB;
    --bl-bkg: #F8fbff;
    --bl-bkg: #c3f5ff;
    --bl-bkg: #e6f1ff;
    --bkg-pbl: #CDCDFE;
    --gr-bkg: #f5f5f5;
    --bkg-opt:  #d9d9d9;
    --bl-fgd:  #2980B9;
    --Cornsilk:#FFF8DC; 
    --bkg-yellow: #fdfdce;
    --bkg-yellow: #fffff0;
}

.bkg-opt {
    background-color: #d9d9d9;
}


html, p, li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px !important;
    line-height: 1.6 !important;
}

body {
    hyphens: auto;
    position: relative;
    max-width: var(--content-max-width);
    margin-left: 20px !important;
    margin-right: auto !important;
    top: 1rem !important;
    margin-top: 2rem;
}


.hlt {
    background-color: var(--Cornsilk);
    font-size: .8rem;
    font-weight: bold;
    margin: -.5rem 0 0 3rem !important;
    top: .5rem;
    position: fixed;
    padding: .25rem .5rem;
    border-bottom: 3px solid gray;
}

.h {
    font-weight: bold;
}

a {
    text-decoration: none;
}

/*
a:link{color:#2980B9}
a:active{color:#2980B9}
a:visited{color:#2980B9 !important}
a:hover{color:#2980B9}

nav#table-of-contents[role="doc-toc"] a:link {
    color: #404040 !important;
    background-color: inherited;
    font-weight: normal !important;
}

nav#table-of-contents[role="doc-toc"] a:visited {
    color: inherited !important;
    background-color: inherited;
    font-weight: normal !important;
}

nav#table-of-contents[role="doc-toc"] a:hover {
    color:#ffffff !important;
    font-weight: normal !important;
}
*/

a:not(nav[role="doc-toc"] a),
a:not(nav[role="doc-toc"] a):visited {
    color: #2980B9;
}



div#text-toc-chap, div.toc-local  {
a:link{color:#2980B9}
a:active{color:#2980B9}
a:visited{color:#2980B9 !important;}
a:hover{color:#2980B9}
}


nav[role="doc-toc"] h2  {
    display: none;
}

#macros-title,
#outline-container-macros-title {
    display: none !important;
}

h1, h2, h3, h4, h5 {
    text-wrap: balance !important;
}

h5 {
    margin: 3rem 0 1rem 0 !important;
}
/*
[role="doc-toc"] {
    text-wrap: balance !important;
}
*/

[role="doc-toc"] ul {
    margin-left: -.5rem !important;
    margin-bottom: 3rem !important;
}

[role="doc-toc"] ul li  {
    list-style-type: none;
    margin-bottom: 1.25rem !important;
}

[role="doc-toc"] ul li ul  {
    margin-left: 1rem;
}



h1, h2, h3, h4, h5, h6 {
    color: black !important;
}

h1 {
    font-size: 130% !important;
    line-height: 150%;
}


dt {
    line-height: 150%;
    margin-bottom: .5rem;
    margin-top: 2rem;
    font-weight: normal !important;
}

li {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important;
    line-height: inherited;
}

.subtitle {
    text-wrap: balance;
    font-size: 105% !important;
    hyphens: auto !important;
    margin-bottom: 1rem;
}

sup {
    padding-left: 2px;
}



h2 {
    padding-top: .75rem;
    margin-top: 4rem;
    text-wrap: balance !important;
    text-align: center;
    hyphens: none;
}


h3 {
    padding-top: .75rem;
/*
    border-top: 4px solid var(--bl-fgd);
    margin: 2rem 0 .75rem 3rem !important;
    text-indent: -1.5rem !important;
    background-color: #fcfcfc !important;
*/
    text-wrap: balance !important;
}

span.section-number-3 {
    display: inline-block;
    min-width: 2.8rem !important;
}




div.alt, .bordered {
    padding: .5rem 2.5rem !important;
    border: 3px solid #d5d5d5;
    margin-bottom: 1rem;
}

div.bord-full {
    padding: 1rem !important;
    border: 3px solid #d5d5d5;
    margin: 0 -2rem 1rem 0;
}

div.bord-full ol {
    margin-right: 2rem;
}

div.alt p {
    padding: 0 !important;
}

blockquote {
    font-family: Georgia;
    font-style: normal !important;
    background-color: #fcfcfc !important;
    margin-bottom: 0 !important;
}

blockquote p, blockquote li {
    font-size: 95% !important;
}

.bboxn, .bboxy {
    font-size: 150% !important;
}


div.dek {
    z-index: 1000;
    text-wrap: balance !important;
}

.lhc {
    font-size: 70%;
}


.lk {
    font-size: 70%;
    padding: 0 .2rem 0 .2rem;
/*
    background-color: #fcfcfc;
*/
}

.footref {
    background-color: var(--AliceBlue) !important;
}



.cl5 p, .cl5 li,
.optn-txt p, .optn-txt li {
    line-height: 180% !important;
}


.cl5 h4,
div.optn-txt h4,
div.optn-txt h5  {
    font-size: 1.1rem;
    font-weight: bold;
    font-family: "Century Schoolbook", "Times New Roman", serif !important;
    margin: 1rem 0 1.5rem 0;
/*
    margin: 0rem -1rem 1rem -1rem;
    background-color: #e6f1ff;
*/
}


.optn-txt h4,
.optn-txt h5  {
    font-size: 110%;
    margin: 1rem -1rem -1rem -1rem;
    padding: 1rem 1rem 1rem 1rem;
    background-color: #f3f3f3 !important;
}

div.cl5 div.outline-4 ul,
div.cl5 div.outline-4 ol li ul li,
div.cl5 div.outline-5 ul,
div.optn-txt div.outline-4 ul,
div.optn-txt.outline-4 ol li ul li,
div.optn-txt div.outline-5 ul,
div.optn-txt div.outline-5 ol li ul li  {
    list-style-type: "- " !important;
    margin-left: 1rem;
    margin-top: -.5rem;
}




.cl5 span.section-number-3,
div.optn-txt span.section-number-5 {
    font-size: 80%;
}

red {
    color: red;
}


.cl5 span.section-number-3:after {
    content: "    " !important;
    white-space: pre !important;
}

.cl5 div.outline-3 {
    margin-top: 1rem !important;
}

div.addl.outline-3 {
    background-color: #fcfcfc !important;
    margin-top: 3rem !important;
}


div.olnum ol,
 div.olnum-l ol, {
    margin-top: -.5rem !important;
    margin-bottom: .5rem !important;
}

div.olnum-l ol {
    margin-left: .5rem;
}

div#search-container {
    background-color: #f5f5f5;
    padding: 1rem;
}

div.incl h5 {
    display: none;
}

div.incl .h {
    display: inline;
    font-weight: bold;
}

div.incl cite {
    display: none;
}



div.optn-txt.outline-4 {
    margin: 1rem -1rem;
    padding: 1rem !important;
}



div.optn-txt h4 {
    margin-top: 0rem !important;
}

span.section-number-3,
span.section-number-4,
span.section-number-5 {
    font-size: 80% !important;
/*
    font-family: "Andale Mono", Courier;
    color: #e6f1ff !important;
*/
}

.bl-bkg {
    background-color: #e6f1ff;
}

div.cl6 {
    padding: 1rem !important;
    margin: 1rem -1rem 3rem -1rem !important;
    background-color: #e6f1ff;
/*
    border: 2px solid var(--bl-fgd);
*/
}

div.cl5 h3,
div.cl5 h4   {
    padding: 1rem !important;
    margin: 3rem -1rem 1rem -1rem !important;
    background-color: #e6f1ff;
}

div.cl5 h4 {
    font-size: 1.1rem;
}

div.cl5 h4:not(div.addl h4)   {
    padding: 1rem !important;
    margin: 0rem -1rem 1rem -1rem !important;
    background-color: #e6f1ff;
}

.cl5 span.section-number-3:before {
    content: "RPM Rule " !important;
    white-space: pre !important;
}

.cl5 span.section-number-3:after {
    content: "   " !important;
    white-space: pre !important;
}

.cl5 div.outline-3 {
    margin-top: 1rem !important;
}

/*


div.cl5 div.outline-4  {
    margin: 1rem -1rem;
    padding: 1rem !important;
    background-color: #e6f1ff;
}
*/


div.cl5 div.outline-text-4,
div.optn-txt div.outline-text-4  {
    margin: 1rem 0rem 2rem -1rem;
/*
    border-left: 4px solid  #2980B9 !important;
*/
    padding: 0 1rem 0 1rem;
}

[role="doc-toc"] {
    font-weight: normal;
}

div.cmtry.outline-5 {
    margin: 2rem 0 !important;
    padding-right: 5em;
    border-right: solid 6px #fcfcfc  !important;
    display: contents;
}

div.cl5 div.outline-text-4 p,
div.cl5 div.outline-text-4 li,
div.optn-txt.outline-text-4 p,
div.optn-txt.outline-text-4 li,
div.optn-txt .outline-text-5 p,
div.optn-txt .outline-text-5 li {
    font-family: "Century Schoolbook", "Times New Roman", serif !important;
    font-size: 1.2rem !important;
}


div.cl5 div.outline-text-3 [role="doc-toc"] ul li a  {
    list-style-type: none;
}

/*
div.cl5 div.outline-text-4 ol li ol li  {
    font-size: 1em !important;
    font-weight: bold;
}
*/

div.addl {
    margin-top: -2rem !important;
    border: none !important;
    font-family: Arial !important;
}


div.addl p,
div.addl li,
div.addl [role="doc-toc"]
  {
    font-family: Arial !important;
    font-size: 1rem !important;
    font-weight: normal;
}

div.stgs.outline-4 [role="doc-toc"] ul  {
    font-family: Arial, Helvetica, sans-serif !important;
    margin-bottom: 1rem !important;
    padding-bottom: 2rem;
}

div.stgs div.outline-text-4 [role="doc-toc"] ul li  {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1rem !important;
}

div.addl div.outline-text-4 [role="doc-toc"] ul {
    margin: 1rem 0 !important;
}

div.addl div.outline-text-4 [role="doc-toc"] li {
    font-family: Arial !important;
    font-size: 1rem !important;
    font-weight: normal;
}

span.n {
    display: inline-block;
    min-width: 2rem !important;
}


span.section-number-2:before {
    content: "Chapter ";
    font-size: 90%;
}

span.section-number-2:after {
    content: "\A" !important;
    white-space: pre !important;
    color: red;
}


span.section-number-4,
span.section-number-5 {
    display: inline-block;
    min-width: 2.8rem !important;
}




div.cmtry {
    background-color: #fcfcfc !important;
}

div.cmtry h5 {
    display: block;
    font-weight: bold !important;
    font-size: 90%;
    margin: 1.5rem 0 1rem 0 !important;
}


div.cmtry p,
div.cmtry li {
    color: #444;
    line-height: 150% !important;
    margin: 0 0 1rem 0rem;
    font-size: .85rem !important;
}

div.fg .outline-text-4 {
    background-color: rgba(0,0,0,0)!important;
    font-weight: normal !important;
    border: none !important;
}

div.fg h3 {
    border: none;
}

div.fg h5 {
    margin-top: 1rem;
}
[role="doc-toc"] ul {
}

div.opt-text div.outline-5 {
    border: 1px solid var(--bl-fgd) !important;
    padding: 1rem !important;
    margin: 1rem -1rem 3rem -1rem !important;
    background-color: var(--gr-bkg) !important;
}


div.r5 p {
    margin-bottom: .5rem;
}

div.cl5 div.outline-text-4 ol li,
div.optn-txt div.outline-text-5 ol li {
    list-style-type: upper-alpha !important;
}

div.cl5 div.outline-text-4 ol li ol li,
div.optn-txt div.outline-text-5 ol li ol li,
div.t ol li ol li {
    list-style-type: decimal !important;
}

div.cl5 div.outline-text-4 ol li ol li ol li,
div.optn-txt div.outline-text-5 ol li ol li ol li {
    list-style-type: lower-alpha !important;
}

div.optn-txt ol li  {
    list-style-type: upper-alpha !important;
}

div.addl div.outline-text-4 p {
    font-size: 1rem !important;
}

div.addl p, div.addl li {
        line-height: 140% !important;
}


div.addn ol li ol li,
div.olnum ol li,
div.cl5 div.olnum-l ol li,
div.cl5 div.outline-4.olnum ol li,
div.cmtry.outline-5.olnum ol li {
    list-style-type: decimal !important;
}

div.cl5 div.outline-4.olnum ol li ol li,
div.outline-4.olnum-l ol li ol li,
div.cmtry.outline-5.olnum ol li ol li {
    margin-top: .5rem !important;
    list-style-type: lower-alpha !important;
}

div.outline-4.olnum-l ol li ul {
    margin-left: 0rem;
}

div.outline-4.olnum-l ol li ul li {
    margin-top: 1rem;
}

div.addl.outline-4 h4 {
    padding: 1rem !important;
    margin: 2rem -1rem 2rem -1rem !important;
    background-color: #fcfcfc !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: normal !important;
    font-size: 1.2rem !important;
    margin-top: 6rem !important;
}


div.addl h5 {
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 1rem;
    margin-top: 3rem !important;
}



.centered p {
    text-align: center;
    margin: 1rem !important;
}

aside {
    font-family: Arial;
    margin: 0 0 .5rem 0rem !important;
    padding: .25rem;
    font-size: .9rem;
    font-weight: normal;
    line-height: 1.5 !important;
}

li aside {
    margin-top: .5rem !important;
    display: inline-block;
}


div.asis {
    margin: 2rem -1rem 1rem -1rem;
    padding: 1rem 1rem 0 1rem;
    border: solid 5px DarkGray;
}


cite {
    font-style: normal;
    font-size: 85%;
    color: gray;
    line-height: 125%;
}

cite:before {
    content: "  ";
}

aside cite {
    font-style: normal;
    font-size: 100% !important;
}

aside.in {
}

.photo-logo {
     position: relative;
     top: -100px !important;
     left: calc(90%); /* Use + Xpx for a slight gap to the right of the title */
     width:9% !important;
     margin-bottom: -5rem !important;
}

.photo-logo-gears-embed {
     position: relative;
     top: -200px !important;
     left: calc(90%); /* Use + Xpx for a slight gap to the right of the title */
     width:80px !important;
     margin-bottom: -10rem;
}

/* FOR NO-LEGALESE LOGO */
.photo-logo-no-sign { 
    position: relative;
    float: right;
    top: -20px !important;
    right: -30px !important;
    width: 13% !important; 
    margin: 0 0 -40rem 0;
}





.photocenter10, 
.photocenter20, 
.photocenter25, 
.photocenter30, 
.photocenter50, 
.photocenter60, 
.photocenter80, 
.photocenter90C, 
.photocenter100 {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.photocenter10 {
    width: 10%;
}

.photocenter15 {
    width: 15%;
    text-align: centered;
}

.photocenter20 {
    width: 20%;
}

.photocenter25 {
    width: 25%;
}


.photocenter30 {
  width: 30%;
}

.photocenter50 {
  width: 50%;
}

.photocenter60 {
  width: 60% !important;
    text-align: centered;
}

.photocenter90 {
    width: 90%;
    padding: .5em;
}

.photocenter80 {
    width: 80%;
    padding: .5em;
}


.photocenter100 {
    width: 100%;
    padding: .5em;
}


.photo-no-legalese {
    float: right;
    width: 12%;
}

.photo-at-right {
    display: block;
    float: right;
    margin-right: -30px;
    padding: 0 0 .5rem 1rem !important;
}

.cc {
    width: 150px !important; 
    margin-top: .5rem;
    display: block;
    float: right;
    padding: 0 0 .5rem 1rem !important;
}



.photowidth10,
.photowidth12,
.photowidth15,
.photowidth20,
.photowidth25,
.photowidth30,
.photowidth35,
.photowidth40 {
  display: block;
  float: right;
}

.photo-left {
  margin: .5rem 3rem 1rem 0 !important;
    float: left !important
}

.photowidth05 {
  width: 05%;
}

.photowidth08 {
  width: 08%;
}

.photowidth09 {
  width: 09%;
}

.photowidth10 {
  width: 10%;
}

.photowidth11 {
  width: 11%;
}

.photowidth12 {
    width: 12%;
}

.photowidth15 {
    width: 15%;
}

.photowidth18 {
    width: 18%;
}

.photowidth20 {
    width: 20%;
}

.photowidth22 {
  width: 22%;
}

.photowidth25 {
  width: 25%;
}

.photowidth30 {
  width: 30%;
}

.photowidth35 {
  width: 35%;
}

.photowidth40 {
    width: 40% !important;
}

.photowidth45 {
    width: 45% !important;
}

.photowidth60 {
    width: 60% !important;
}

.photowidth90L {
  display: block;
  margin-left: auto;
  padding-bottom: 2rem !important;
}

.photowidth90C {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 5rem !important;
}

.photowidth80C {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  padding: .5em;
}

.photowidth60C {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 60%;
  padding: .5em;
}

.photo-logo {
    display: block;
    float: right;
    margin-right: -10px !important;
    width:12% !important;
    padding-left: 10px;
    position: relative;
}

.photo-dct {
    display: block;
    float: right;
    width: 15% !important;
    padding-left: 10px;
    margin-right: -26px !important;
    position: relative;
}


.section-number-2,
.section-number-3,
.section-number-4,
.section-number-5,
.section-number-6 {
    font-weight: normal;
}


.defn {
    font-weight: bold;
}


span.k,
span.wn {
    color: brown;
    font-size: 110%;
}

span.yh {
     background-color: var(--bkg-yellow);
     padding: 1px;
}

span.i {
    color: blue; 
    font-weight: bold;
    font-size: 110%;
}

.sn p, .sn li {
    font-size: 13pt !important;
    margin-bottom: 1rem !important;
    font-weight: normal !important;
}

[role="doc-toc"] ul {
    margin-bottom: 2rem;
}
[role="doc-toc"] ul li {
    margin-bottom: 0rem;
}


.v {
}



div.footpara p,
div.footpara li {
     color: black;
 
}


div.footpara, 
div.footpara p:first-of-type {
     display: inline;
}

div.footpara p {
     margin: 0rem .5rem 0rem -1rem !important;
}

div.footpara div.alt p,
div.footpara div.bordered p {
     margin: 0rem  !important;
}

div.footpara blockquote p {
     margin: .5rem .5rem 0 0 !important;
}

div.footdef {
     margin: 1.5rem 0 0 0;
}



/*
.footnum:before, .footref:before{
    content: " [" !important;
}

.footnum:after, .footref:after{
    content: "]" !important;
}
*/
/* From https://kennethfriedman.org/thoughts/2019/marginal-notes/:  */

.footref {
    margin-left: 0px !important;
    padding: 1px;
    font-size: 14px;
}


.footnum:before, .footref:before{
    content: "" !important;
}

.footnum:after, .footref:after{
    content: "" !important;
}

.footnum:after, .footref:after{
    content: " " !important;
}

.footnum {
    padding-right: 1.5rem;
}