+ul, ol, dl {
+ max-width: 50em;
+ padding: 0;
+ margin: 0;
+}
+
+dt, dd, li {
+ text-align: justify;
+ padding: 0;
+}
+li { margin: 0 0 0 2em; }
+dd { margin: 0 0 0 1em; }
+
+ul.ordered>li {
+ list-style: none;
+}
+
+ul.ordered>li>span:first-child, ul.ordered>li>*:first-child>span:first-child {
+ display: inline-block;
+ text-align: right;
+
+ margin-left: -1.8em;
+ min-width: 1.8em;
+}
+
+hr {
+ clear: both;
+ text-align: left;
+ margin: 0.5em 0;
+ max-width: 50em;
+ border: 0;
+ border-top: 1px solid lightgray;
+}
+
+small.permalink {
+ font-size: small;
+ color: slategray;
+}
+.permalink a:link, .permalink a:visited {
+ color: slategray;
+}
+
+@media not screen {
+ small.permalink {
+ visibility: hidden;
+ }
+}
+
+#footer {
+ max-width: 44em;
+ margin: 0;
+ padding: 0 3em;
+ text-align: center;
+}
+
+#footer>p {
+ display: inline-block;
+ color: slategray;
+ font-size: 0.8em;
+ max-width: 100%;
+ margin: 0.2em 0;
+}
+
+kbd {
+ font-family: monospace;
+ font-size: small;
+}
+
+kbd::before {
+ content: "% ";
+}
+
+#breadcrumbs, #sitetitle { text-align: left; }
+#breadcrumbs>*, #sitetitle>* { font-size: 0.8em; }
+
+#sitetitle>* {
+ float: right;
+ display: inline-block;
+}
+
+#breadcrumbs>strong {
+ vertical-align: top;
+ margin: 0;
+ padding: 0;
+}
+
+#breadcrumbs>ul {
+ list-style-type: none;
+ vertical-align: top;
+ display: inline;
+ margin: 0;
+ padding: 0;
+}
+
+#breadcrumbs>ul>li {
+ display: inline;
+ padding: 0;
+ margin: 0;
+}
+
+#breadcrumbs>ul>li::before { content: "/ " }
+#breadcrumbs>ul>li:first-child::before { content: none; }
+