More style updates

v3.css

@@ -247,6 +247,9 @@ body {
 }
 
 /* headings */
+section {
+  clear: both;
+}
 h1, h2, h3, h4, h5, h6 {
   font-family: var(--font-title);
   font-weight: 680;
@@ -372,8 +375,8 @@ ul.empty, .ulEmpty {
   margin: 0 0 0 2em;
   & li {
     margin: 0;
-    p:first-child { margin-top: 0; }
-    p:last-child { margin-bottom: 0; }
+    & :first-child { margin-top: 0; }
+    & :last-child { margin-bottom: 0; }
   }
 }
 
@@ -684,29 +687,28 @@ sub, sup {
     font-weight: 360;
   }
 }
-/* references */
-.references dt {
-  text-align: right;
-  font-weight: bold;
-  min-width: 10ch;
-  margin-right: 1.5ch;
-}
-.references dt:target::before {
-  content: "⇒";
-  width: 15px;
-  margin: 0 10px 0 -25px;
-}
-.references dd {
-  margin-left: 12ch !important;
-  overflow: auto;
-}
-
-.refInstance {
-  margin-bottom: 1.25em;
-}
 
-.references .ascii {
-  margin-bottom: 0.25em;
+.references {
+  & > dt {
+    text-align: right;
+    font-weight: bold;
+    min-width: 10ch;
+    margin-right: 1.5ch;
+    &:target::before {
+      content: "⇒";
+      margin: 0 10px 0 -25px;
+    }
+  }
+  & > dd {
+    margin-left: 12ch !important;
+    overflow: visible;
+    & .refInstance {
+      margin-bottom: 0.8em;
+    }
+    & .ascii {
+      margin-bottom: 0.25em;
+    }
+  }
 }
 
 /* index */
@@ -717,7 +719,9 @@ sub, sup {
 /* authors */
 address.vcard {
   font-style: normal;
-  margin: 1em 0;
+  max-width: 20em;
+  margin: 1em auto 1em 0;
+
   & .nameRole {
     font-weight: 700;
     margin-left: 0;
@@ -728,10 +732,20 @@ address.vcard {
   & .type {
     display: none;
   }
+  & .alternative-contact {
+    margin: 0.5em 0 0.25em 0;
+  }
+  & .non-ascii {
+    margin: 0 0 0 2em;
+  }
+  & div.left {
+    text-align: left;
+  }
+  & div.right {
+    text-align: right;
+  }
 }
-.alternative-contact {
-  margin: 1.5em 0 1em;
-}
+
 hr.addr {
   border-top: 1px dashed;
   margin: 0;
@@ -941,12 +955,6 @@ hr.addr {
   padding-top: 20px;
 }
 
-/* Changes introduced to fix issues found during implementation */
-
-/* Separate body from document info even without intervening H1 */
-section {
-  clear: both;
-}
 
 /* Top align author divs, to avoid names without organization dropping level with org names */
 .author {
@@ -977,25 +985,13 @@ table .text-right {
 
 /* Make the alternative author contact information look less like just another
    author, and group it closer with the primary author contact information */
-.alternative-contact {
-  margin: 0.5em 0 0.25em 0;
-}
-address .non-ascii {
-  margin: 0 0 0 2em;
-}
 
 /* With it being possible to set tables with alignment
   left, center, and right, { width: 100%; } does not make sense */
 table {
   width: auto;
 }
 
-/* Avoid reference text that sits in a block with very wide left margin,
-   because of a long floating dt label.*/
-.references dd {
-  overflow: visible;
-}
-
 /* Control caption placement */
 caption {
   caption-side: bottom;
@@ -1004,18 +1000,8 @@ caption {
 /* Limit the width of the author address vcard, so names in right-to-left
    script don't end up on the other side of the page. */
 
-address.vcard {
-  max-width: 20em;
-  margin-right: auto;
-}
 
 /* For address alignment dependent on LTR or RTL scripts */
-address div.left {
-  text-align: left;
-}
-address div.right {
-  text-align: right;
-}
 
 /* Dark mode. */
 @media (prefers-color-scheme: dark) {