img.ic  {position:relative;float:right;top:-4px;padding-left:10px;width:64px}  /* cookie icon */
p.nm  {margin-bottom:0}
/* padding-left is the size of the hanging-indent - text-indent applies to the 1st line */
.i01 {padding-left: 1ch;text-indent: -1ch}  /* indent: 0 hanging: 1 */
.i02 {padding-left: 2ch;text-indent: -2ch}  /* indent: 0 hanging: 2 */
.i07 {padding-left: 7ch;text-indent: -7ch}  /* indent: 0 hanging: 7 */
.i08 {padding-left: 8ch;text-indent: -8ch}  /* indent: 0 hanging: 8 */
.i0C {padding-left:12ch;text-indent:-12ch}  /* indent: 0 hanging:12 */
.i11 {padding-left: 1ch}                    /* indent: 1 hanging: 1 */
.i23 {padding-left: 3ch;text-indent: -1ch}  /* indent: 2 hanging: 3 */
.i24 {padding-left: 4ch;text-indent: -2ch}  /* indent: 2 hanging: 4 */
.i28 {padding-left: 8ch;text-indent: -6ch}  /* indent: 2 hanging: 8 */
.i45 {padding-left: 5ch;text-indent: -1ch}  /* indent: 4 hanging: 5 */
.i46 {padding-left: 6ch;text-indent: -2ch}  /* indent: 4 hanging: 6 */
.i67 {padding-left: 7ch;text-indent: -1ch}  /* indent: 6 hanging: 7 */
.i68 {padding-left: 8ch;text-indent: -2ch}  /* indent: 6 hanging: 8 */
.i78 {padding-left: 8ch;text-indent: -1ch}  /* indent: 7 hanging: 8 */
.i89 {padding-left: 9ch;text-indent: -1ch}  /* indent: 8 hanging: 9 */
.iCD {padding-left:13ch;text-indent: -1ch}  /* indent:12 hanging:13 */

/* code */
.cd,
.no {font-family:monospace;font-size:.8rem}
.cd.fs {font-size:1em}
.cd span.dr {color:#800000}  /*   dark red */
.cd span.br {color:#FF0000}  /* bright red */
.cd span.db {color:#000080}  /*   dark blue */
.cd span.bb {color:#0000FF}  /* bright blue */
.cd span.lb {color:#0080FF}  /*  light blue */
.cd span.or {color:#FF8000}  /* orange */
.cd span.bn {color:#804000}  /* brown */
.no,  /* notes */
.cd span.gn {color:#20A020}  /* green */
.cd span.pu {color:#8000FF}  /* purple */
.cd span.gr {color:#808080}  /* grey */
.cd span.dg {color:#404040}  /* dark grey */
.cd span.b1 {outline:1px solid RGBA(255,0,0,.3);outline-offset:-1px}
.cd span.b2 {outline:1px solid RGBA(0,196,0,.5);outline-offset:-1px}
.cd span.b3 {outline:1px solid RGBA(0,0,255,.3)}
.no {padding-bottom:4px}
.no.nm {padding-bottom:0}
.no > span {font-family:Arial,Helvetica,sans-serif;font-size:.8rem}
.no > span::before {position:relative;top:-3px;left:1px;display:inline-block;margin-right:3px;width:7px;height:7px;content:"";background-image:url(imgs/arrow-up1g.png);background-size:7px 7px;opacity:.75}  /* arrow */
.no > span.di::before {top:2px;display:inline;margin-right:4px;content:'\2022';background-image:none;font-size:1.2rem;line-height:0;opacity:1}  /* disc */
.no i {opacity:.7}
a .cd,
a .cd:hover {color:#404040}
.hi3a .gr {font-weight:normal}




/* hide/show sections */
.hi1,.hi2,.hi3,.hi4,.hi5,.hi6,
.sh1,.sh2,.sh3,.sh4,.sh5,.sh6,.sh7,.sh8,
.co1,.co2,.co3,.co4,.co5,.co6 {display:none}  /* hide checkboxes */
.hi1a,.hi2a,.hi3a,.hi4a,.hi5a,.hi6a,
.sh1a,.sh2a,.sh3a,.sh4a,.sh5a,.sh6a,.sh7a,.sh8a,
.co1a,.co2a,.co3a,.co4a,.co5a,.co6a {cursor:pointer}  /* cursor for label */
.hi1a span.cv,.hi2a span.cv,.hi3a span.cv,.hi4a span.cv,.hi5a span.cv,.hi6a span.cv,
.sh1a span.cv,.sh2a span.cv,.sh3a span.cv,.sh4a span.cv,.sh5a span.cv,.sh6a span.cv,.sh7a span.cv,.sh8a span.cv {position:relative;top:-1px;font-size:.9em;fon_t-size:.9rem;font-weight:normal;font-style:italic;color:#A0A0A0}  /* hide/show span text in heading */
.hi1 ~ .hi1a div,.hi2 ~ .hi2a div,.hi3 ~ .hi3a div,.hi4 ~ .hi4a div,.hi5 ~ .hi5a div,.hi6 ~ .hi6a div,
.sh1 ~ .sh1a div,.sh2 ~ .sh2a div,.sh3 ~ .sh3a div,.sh4 ~ .sh4a div,.sh5 ~ .sh5a div,.sh6 ~ .sh6a div,.sh7 ~ .sh7a div,.sh8 ~ .sh8a div {display:inline}

/* show/hide text button */
.co1a div,.co2a div,.co3a div,.co4a div,.co5a div,.co6a div {float:right;position:relative;top:-26px;right:0;margin-left:4px;padding:4px;min-width:40px;font-size:.65em;fon_t-size:.65rem;text-align:center;color:#808080;background-image:url(imgs/overlay.png);background-repeat:repeat-x;background-position:0 -70px;z-index:1}
.co1a div,.co2a div,.co3a div,.co4a div,.co5a div,.co6a div {background-color:#FFC0C0}  /* button initially red */
.co1a div:last-child,.co2a div:last-child,.co3a div:last-child,.co4a div:last-child,.co5a div:last-child,.co6a div:last-child {background-color:#40FF40}  /* pressed button green */
.co1a div:last-child span,.co2a div:last-child span,.co3a div:last-child span,.co4a div:last-child span,.co5a div:last-child span,.co6a div:last-child span {position:relative;top:1px}  /* drop button text when pressed */
.co1:checked ~ .co1a div:first-child,
.co2:checked ~ .co2a div:first-child,
.co3:checked ~ .co3a div:first-child,
.co4:checked ~ .co4a div:first-child,
.co5:checked ~ .co5a div:first-child,
.co6:checked ~ .co6a div:first-child,
.co1:not(checked) ~ .co1a div:last-child,
.co2:not(checked) ~ .co2a div:last-child,
.co3:not(checked) ~ .co3a div:last-child,
.co4:not(checked) ~ .co4a div:last-child,
.co5:not(checked) ~ .co5a div:last-child,
.co6:not(checked) ~ .co6a div:last-child {display:none}
.co1:checked ~ .co1a div:last-child,
.co2:checked ~ .co2a div:last-child,
.co3:checked ~ .co3a div:last-child,
.co4:checked ~ .co4a div:last-child,
.co5:checked ~ .co5a div:last-child,
.co6:checked ~ .co6a div:last-child {display:block}
.hi1b,.hi2b,.hi3b,.hi4b,.hi5b,.hi6b,
.sh1b,.sh2b,.sh3b,.sh4b,.sh5b,.sh6b,.sh7b,.sh8b {position:relative}

/* hide visible sections */
.hi1:not(checked) ~ .hi1a span.cv,
.hi2:not(checked) ~ .hi2a span.cv,
.hi3:not(checked) ~ .hi3a span.cv,
.hi3:checked ~ .hi3a span.gr,  /* hide span when section is hidden */
.hi4:not(checked) ~ .hi4a span.cv,
.hi5:not(checked) ~ .hi5a span.cv,
.hi6:not(checked) ~ .hi6a span.cv,
.hi1:checked ~ .hi1b,
.hi2:checked ~ .hi2b,
.hi3:checked ~ .hi3b,
.hi4:checked ~ .hi4b,
.hi5:checked ~ .hi5b,
.hi6:checked ~ .hi6b {display:none}
.hi1:checked ~ .hi1a span.cv,
.hi2:checked ~ .hi2a span.cv,
.hi3:checked ~ .hi3a span.cv,
.hi4:checked ~ .hi4a span.cv,
.hi5:checked ~ .hi5a span.cv,
.hi6:checked ~ .hi6a span.cv {display:inline}

/* show hidden sections */
.sh1:checked ~ .sh1a span.cv,
.sh2:checked ~ .sh2a span.cv,
.sh3:checked ~ .sh3a span.cv,
.sh4:checked ~ .sh4a span.cv,
.sh5:checked ~ .sh5a span.cv,
.sh6:checked ~ .sh6a span.cv,
.sh7:checked ~ .sh7a span.cv,
.sh8:checked ~ .sh8a span.cv,
.sh1:not(checked) ~ .sh1b,
.sh2:not(checked) ~ .sh2b,
.sh3:not(checked) ~ .sh3b,
.sh4:not(checked) ~ .sh4b,
.sh5:not(checked) ~ .sh5b,
.sh6:not(checked) ~ .sh6b,
.sh7:not(checked) ~ .sh7b,
.sh8:not(checked) ~ .sh8b {display:none}
.sh1:checked ~ .sh1b,
.sh2:checked ~ .sh2b,
.sh3:checked ~ .sh3b,
.sh4:checked ~ .sh4b,
.sh5:checked ~ .sh5b,
.sh6:checked ~ .sh6b,
.sh7:checked ~ .sh7b,
.sh8:checked ~ .sh8b {display:inline}

/* show notes */
.co1:not(checked) ~ .co1b div.lc,
.co2:not(checked) ~ .co2b div.lc,
.co3:not(checked) ~ .co3b div.lc,
.co4:not(checked) ~ .co4b div.lc,
.co5:not(checked) ~ .co5b div.lc,
.co6:not(checked) ~ .co6b div.lc,
.co1:not(checked) ~ .co1b .no,
.co2:not(checked) ~ .co2b .no,
.co3:not(checked) ~ .co3b .no,
.co4:not(checked) ~ .co4b .no,
.co5:not(checked) ~ .co5b .no,
.co6:not(checked) ~ .co6b .no {display:none}
.co1:checked ~ .co1b div.lc,
.co2:checked ~ .co2b div.lc,
.co3:checked ~ .co3b div.lc,
.co4:checked ~ .co4b div.lc,
.co5:checked ~ .co5b div.lc,
.co6:checked ~ .co6b div.lc,
.co1:checked ~ .co1b .no,
.co2:checked ~ .co2b .no,
.co3:checked ~ .co3b .no,
.co4:checked ~ .co4b .no,
.co5:checked ~ .co5b .no,
.co6:checked ~ .co6b .no {display:block}



div.co {overflow-wrap:break-word}
div.co,
div.co1b,
div.co2b,
div.co3b,
div.co4b,
div.co5b {margin-bottom:8px;padding:8px;background-color:#F6F6F6;border-radius:4px;box-shadow:1px 1px 3px RGBA(0,0,0,0.3)}

/* page links */
.pl {margin-bottom:8px}
.pl ul {list-style-type:none}
.pl ul li {position:relative;padding:0 0 6px 14px}
.pl ul li::before {position:absolute;top:-4px;left:3px;content:'\2022';font-size:1.4em}
.pl ul ul li::before {content:'\25E6'}

/* screens <= 561px */
@media only screen AND (max-width:561px){
  .cd,
  .no,
  .no span {font-size:.75rem}
  .no > span::before {top:-2px;font-size:.5rem}
}

/* screens <= 430px */
@media only screen AND (max-width:430px){
  
}

/* screens <= 401px */
@media only screen AND (max-width:401px){
  
}