html {background:hsl(30,100%,80%)}
  body {
   background:hsl(30,100%,95%);
   color:black;
   font-family: Ubuntu,sans-serif;
   padding:1em;
   border:thin solid hsl(30,100%,30%);
   }
  h1 {color:hsl(30,100%,50%)}
  ol li ul {padding-bottom:1em}
  ol li ul li {padding-top:1ex} 
  ol li ol li {list-style-type:lower-alpha;padding-bottom:1em} 
 .out-of-flow {float:right;margin-left:1em}
  table {border:thin solid darkgreen;border-spacing:0}
  table.out-of-flow caption {background:mintcream;font-size:smaller;font-style:italic;margin-left:1em}
  th {background:lightgreen}
  td {border:thin solid seagreen;background:white}
 @media print { 
  html {background:white}
  body {background:white;color:black;padding:0ex;border:none;padding:0}
  div {padding:0}
  h1, h2, h3, h4, h5, h6 {color:black;font-size:smaller;page-break-after:avoid}
  *[id|=page] {page-break-before:always}
  }
 @media screen {
 .noscreen {display:none}
 }