margin: 1em;
}
+h1 {
+ font-size: 2em;
+ max-width: 30em; /* 60rem */
+}
+
+h2 {
+ font-size: 1.5em;
+ max-width: 40em; /* 60rem */
+}
+
+a:link {
+ color: mediumblue;
+}
+
+a:active {
+ color: red;
+}
+
+a:visited {
+ color: purple;
+}
+
p {
text-align: justify;
padding: 0;
max-width: 50em;
}
+ul, ol, dl {
+ max-width: 50em;
+ padding: 0;
+ margin: 0;
+}
+
+dt, dd, li {
+ text-align: justify;
+ margin: 0 0 0 2em;
+ padding: 0;
+}
+
+dl.terms>dt {
+ display: list-item;
+ font-weight: bold;
+ text-align: left;
+
+ float: left;
+}
+
+dt::after {
+ content: " ";
+}
+
+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 {
+ text-align: left;
+ margin: 0.5em 0;
+ 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;
+}
+
@media (max-width: 512px) {
- p { text-align: left; }
+ li, dd, dt, p, #footer>p { text-align: left; }
}