/* jbr.me.uk standard stylage */
/* DEBUG: * { outline: 1px dashed #f0f; } */
 a {
  background: transparent; /* vs an MSIE10-ism */
  text-decoration: none;
 }
 a:active {
  text-shadow: 0 0 2px #691; /* MSIE10+ */
 }
 a:focus, a:hover { /* but only hover changes colour */
  outline: 0;
  text-decoration: underline;
 }
 a:link {
  color: #191;
 }
 a:visited {
  color: #065;
 }
 a:hover { /* ordered */
  color: #691;
 }
 a[rel=external] {
  background: no-repeat right
   url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAABnRSTlMAAAAAAABupgeRAAAAPElEQVR4AWOAA+OZaciIYSYMADkz/5+BIKjEfzAAchCiQIAmASdRJCAIIQFk/YcBCBehA2I6qh0YAOJ6ANlib8QEFtGhAAAAAElFTkSuQmCC);
  background-size: 8px 8px; /* still not safely shorthandable */
  padding-right: 12px;
 }
 abbr[title] {
  border-bottom: dotted 2px #999;
  cursor: help;
  text-decoration: none;
 }
 article, aside, footer, header, main, section {
  display: block; /* support legacy browsers like, sheesh, MSIE11 */
 }
 b, strong { /* cross-UA n11n */
  font-weight: 800;
 }
 blockquote { /* cross-UA n11n */
  margin: 2px 5%;
  quotes: none;
 }
 blockquote, dl, li, pre, td {
  text-align: left; /* unjustified */
 }
 body {
  background: #ddd;
  color: #000;
  font: 1em/1.3 "dejavu serif", georgia, serif; /* MSIEfix+XUA n11n */
  margin: 0;
  text-align: justify;
 }
 caption { /* cross-UA n11n */
  caption-side: top;
  padding: .3em;
  text-align: center;
  text-decoration: underline;
 }
 code, pre {
  font: 1em "lucida console", lucidatypewriter, monaco, monospace;
 }
 dt, footer, header {
  font-weight: 800;
 }
 em, i { /* cross-UA n11n */
  font-style: italic;
 }
 footer, h1, h2, h3, header, nav {
  font-family: verdana, geneva, tahoma, sans-serif;
  text-align: center;
 }
 footer, header {
  width: 100%; /* jumbotron mode */
 }
 h1 {
  font-size: 150%;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2); /* MSIE10+ */
  margin: .3em auto 0;
  max-width: 96%;
 }
 h2 {
  font-size: 120%;
  margin: 0 5%;
 }
 h3 {
  font-size: 110%;
  margin: 0 5%;
 }
 hr {
  background: #fff; /* fallback */
  background: linear-gradient(90deg,#ddd,#fff,#ddd); /* MSIE10+ */
  border: 0;
  color: #efe; /* MSIE; same color = sad validator */
  height: 2px;
 }
 img { /* cross-UA n11n */
  border: 0;
 }
 main, section {
  margin: .6em .9em;
 }
 nav {
  display: table;
  line-height: 1;
  table-layout: fixed;
  width: 100%;
 }
 nav a {
  background: #fff;
  border: solid 1px #ddd;
  display: table-cell;
  font-weight: 800;
  overflow: hidden;
  transition: all .3s ease-out; /* MSIE10+ */
  white-space: nowrap;
  width: 33%;
 }
 nav a:hover {
  border: solid 1px;
 }
 q { /* cross-UA n11n */
  quotes: "\201c" "\201d"; /* 66, 99 */
 }
 small { /* cross-UA n11n */
  font-size: 80%;
 }
 table {
  border-collapse: collapse;
 }
 tr {
  vertical-align: top;
 }
 .banner {
  background: #080; /* fallback */
  background: linear-gradient(#070, #090); /* MSIE10+ */
 }
 .banner img {
  height: 70px;
  margin-top: 10px;
  width: 200px;
 }
 .banner p {
  background: #fff;
  border-radius: 10px 10px 0 0; /* MSIE9+ */
  height: 20px;
  margin: 0 auto;
  width: 66%;
 }
 .box {
  background: #fff; /* fallback */
  background: radial-gradient(#fff, #eee); /* MSIE10+ */
  border: solid 1px #efe; /* same color = sad validator */
  border-radius: .6em; /* MSIE9+ */
  font: 1em/1.3 verdana, geneva, tahoma, sans-serif;
  margin: .3em auto;
  max-width: 50em; /* jumbotron mode */
  padding: .6em;
  width: 90%;
 }
 .by {
  margin-top: 0;
  overflow: hidden;
 }
 .by a {
  white-space: nowrap;
 }
 .ic-l {
  float: left;
 }
 .ic-l, .ic-r {
  height: 100px;
  width: 100px;
 }
 .ic-r {
  float: right;
 }
 .new { /* new-content IMG */
  height: 30px;
  vertical-align: middle;
  width: 30px;
 }
 .nobr { /* quasi-NOBR */
  white-space: nowrap;
 }
 .nocss {
  display: none;
 }
 .rim { /* green-edged page */
  background: #080;
  padding: 4%; /* fallback */
  padding: calc(5% - 1em); /* MSIE9+ (W3C validator bug #18913) */
 }
 .rim p {
  text-align: center;
 }
 .rim .box {
  display: table; /* shrinkwrap */
  width: auto; /* not 90% */
 }
 .toc {
  display: table;
  list-style: none;
  margin: 0 auto;
  text-indent: -1em;
 }
 @font-face { /* ?#ie kludge needed up to MSIE9+ */
  font-family: ipa;
  src: url("ipa.eot");
  src: local("CharisIPA"),
   url("ipa.eot?#ie") format("embedded-opentype"),
   url("ipa.woff2") format("woff2"),
   url("ipa.woff") format("woff"),
   url("ipa.ttf") format("truetype"),
   url("ipa.svg#ipa") format("svg");
 }
 @media (max-width: 420px) { /* MSIE9+; peephole mode */
  .ic-l, .ic-r { /* 420px includes 20px for scrollbar... bah */
   display: none; /* drop icons */
  }
  body {
   text-align: left; /* abandon justification */
  }
 }
 @media (min-width: 700px) { /* MSIE9+; wide mode */
  .ic-l, .ic-r {
   margin: 0 1%;
  }
 }
/* I consider this too trivial to copyright, but if not, it's under *
 * the same CC-BY-SA 4.0 International license as the rest of this. */