html {
  font-size: 100%;
  line-height: 1.5em;
  font-family: Verdana, Tahoma, "DejaVu Sans", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  min-height: 100%;
  color: #000;
  background-color: #ffffff;
}
a:visited, a:link { text-decoration:none; }
a:hover { text-decoration:underline; }
div.hd {float:left;width:9em;margin:0 .5em .5em}
div.hd h3, div.hd h5 {margin:.5em 0};
.a, .ac {background-color:#f5f5f5;color:#000}
.s, .sc {background-color:#f0fff0;color:#000}
.ac, .sc, .nc {  columns: auto 25em;
  column-fill: balance;
  column-gap: 3em;
  padding: .5em;
}
.a, .ac, .s, .sc {
  color:#000;
  margin-bottom:.5em;
  -moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;-ms-border-top-right-radius: 10px;-o-border-top-right-radius: 10px;border-top-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-ms-border-bottom-left-radius: 10px;-o-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;
  border:1px solid #79a571;
}
div.s p span, div.sc p span, div.nc p span {padding-right:1em}

.nc p, .n p,
.nc ol li, .n ol li,
.nc ul li, .n ul li,
.sc p, .s p,
.sc ol li, .s ol li,
.sc ul li, .s ul li,
.ac p, .a p,
.ac ol li, .a ol li,
.ac ul li, .a ul li {
  text-align: justify;
  text-justify: distribute;
}

div.a p:first-child,
div.s p:first-child,
div.sc p:first-child,
div.nc p:first-child,
blockquote p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 80%;
}

.r {
  color: #800 !important;
}

body {
  font-size: calc(18px + 6*((100vw - 300px)/(4608 - 300)));
  line-height: calc(1.5em + .4*((100vw - 300px)/(4608 - 300)));
  hyphens:auto;
}