diff --git a/tufte.css b/tufte.css
index bca0ce9..976bbd9 100644
--- a/tufte.css
+++ b/tufte.css
@@ -41,7 +41,7 @@
 
 /* Tufte CSS styles */
 html {
-    font-size: 15px; 
+    font-size: 15px;
 }
 
 body {
@@ -53,7 +53,7 @@ body {
     background-color: #fffff8;
     color: #111;
     max-width: 1400px;
-    counter-reset: sidenote-counter; 
+    counter-reset: sidenote-counter;
 }
 
 h1 {
@@ -61,7 +61,7 @@ h1 {
     margin-top: 4rem;
     margin-bottom: 1.5rem;
     font-size: 3.2rem;
-    line-height: 1; 
+    line-height: 1;
 }
 
 h2 {
@@ -70,7 +70,7 @@ h2 {
     margin-top: 2.1rem;
     margin-bottom: 1.4rem;
     font-size: 2.2rem;
-    line-height: 1; 
+    line-height: 1;
 }
 
 h3 {
@@ -79,7 +79,7 @@ h3 {
     font-size: 1.7rem;
     margin-top: 2rem;
     margin-bottom: 1.4rem;
-    line-height: 1; 
+    line-height: 1;
 }
 
 hr {
@@ -89,7 +89,7 @@ hr {
     border: 0;
     border-top: 1px solid #ccc;
     margin: 1em 0;
-    padding: 0; 
+    padding: 0;
 }
 
 p.subtitle {
@@ -98,94 +98,97 @@ p.subtitle {
     margin-bottom: 1rem;
     font-size: 1.8rem;
     display: block;
-    line-height: 1; 
+    line-height: 1;
 }
 
 .numeral {
-    font-family: et-book-roman-old-style; 
+    font-family: et-book-roman-old-style;
 }
 
 .danger {
-    color: red; 
+    color: red;
 }
 
 article {
-    padding: 5rem 0rem; 
+    padding: 5rem 0rem;
 }
 
 section {
     padding-top: 1rem;
-    padding-bottom: 1rem; 
+    padding-bottom: 1rem;
 }
 
 p,
+dl,
 ol,
 ul {
     font-size: 1.4rem;
-    line-height: 2rem; 
+    line-height: 2rem;
 }
 
 p {
     margin-top: 1.4rem;
     margin-bottom: 1.4rem;
     padding-right: 0;
-    vertical-align: baseline; 
+    vertical-align: baseline;
 }
 
 /* Chapter Epigraphs */
 div.epigraph {
-    margin: 5em 0; 
+    margin: 5em 0;
 }
 
 div.epigraph > blockquote {
     margin-top: 3em;
-    margin-bottom: 3em; 
+    margin-bottom: 3em;
 }
 
 div.epigraph > blockquote,
 div.epigraph > blockquote > p {
-    font-style: italic; 
+    font-style: italic;
 }
 
 div.epigraph > blockquote > footer {
-    font-style: normal; 
+    font-style: normal;
 }
 
 div.epigraph > blockquote > footer > cite {
-    font-style: italic; 
+    font-style: italic;
 }
 /* end chapter epigraphs styles */
 
 blockquote {
-    font-size: 1.4rem; 
+    font-size: 1.4rem;
 }
 
 blockquote p {
     width: 55%;
-    margin-right: 40px; 
+    margin-right: 40px;
 }
 
 blockquote footer {
     width: 55%;
     font-size: 1.1rem;
-    text-align: right; 
+    text-align: right;
 }
 
 section > p,
 section > footer,
 section > table {
-    width: 55%; 
+    width: 55%;
 }
 
 /* 50 + 5 == 55, to be the same width as paragraph */
+section > dl,
 section > ol,
 section > ul {
     width: 50%;
-    -webkit-padding-start: 5%; 
+    -webkit-padding-start: 5%;
 }
 
+dt:not(:first-child),
 li:not(:first-child) {
-    margin-top: 0.25rem; 
+    margin-top: 0.25rem;
 }
 
 figure {
@@ -197,7 +200,7 @@ figure {
     max-width: 55%;
     -webkit-margin-start: 0;
     -webkit-margin-end: 0;
-    margin: 0 0 3em 0; 
+    margin: 0 0 3em 0;
 }
 
 figcaption {
@@ -209,17 +212,17 @@ figcaption {
     line-height: 1.6;
     vertical-align: baseline;
     position: relative;
-    max-width: 40%; 
+    max-width: 40%;
 }
 
 figure.fullwidth figcaption {
-    margin-right: 24%; 
+    margin-right: 24%;
 }
 
 /* Links: replicate underline that clears descenders */
 a:link,
 a:visited {
-    color: inherit; 
+    color: inherit;
 }
 
 .no-tufte-underline:link {
@@ -236,7 +239,7 @@ a:link, .tufte-underline, .hover-tufte-underline:hover {
     background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
     background-repeat: no-repeat, no-repeat, repeat-x;
     text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
-    background-position: 0% 93%, 100% 93%, 0% 93%; 
+    background-position: 0% 93%, 100% 93%, 0% 93%;
 }
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -253,7 +256,7 @@ a:link::-moz-selection {
 
 /* Sidenotes, margin notes, figures, captions */
 img {
-    max-width: 100%; 
+    max-width: 100%;
 }
 
 .sidenote,
@@ -267,53 +270,53 @@ img {
     font-size: 1.1rem;
     line-height: 1.3;
     vertical-align: baseline;
-    position: relative; 
+    position: relative;
 }
 
 .sidenote-number {
-    counter-increment: sidenote-counter; 
+    counter-increment: sidenote-counter;
 }
 
 .sidenote-number:after,
 .sidenote:before {
     font-family: et-book-roman-old-style;
     position: relative;
-    vertical-align: baseline; 
+    vertical-align: baseline;
 }
 
 .sidenote-number:after {
     content: counter(sidenote-counter);
     font-size: 1rem;
     top: -0.5rem;
-    left: 0.1rem; 
+    left: 0.1rem;
 }
 
 .sidenote:before {
     content: counter(sidenote-counter) " ";
     font-size: 1rem;
-    top: -0.5rem; 
+    top: -0.5rem;
 }
 
 blockquote .sidenote,
 blockquote .marginnote {
     margin-right: -82%;
     min-width: 59%;
-    text-align: left; 
+    text-align: left;
 }
 
 div.fullwidth,
 table.fullwidth {
-    width: 100%; 
+    width: 100%;
 }
 
 div.table-wrapper {
     overflow-x: auto;
-    font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; 
+    font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif;
 }
 
 .sans {
     font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
-    letter-spacing: .03em; 
+    letter-spacing: .03em;
 }
 
 code, pre > code {
@@ -324,18 +327,18 @@ code, pre > code {
 }
 
 .sans > code {
-    font-size: 1.2rem; 
+    font-size: 1.2rem;
 }
 
 h1 > code,
 h2 > code,
 h3 > code {
-    font-size: 0.80em; 
+    font-size: 0.80em;
 }
 
 .marginnote > code,
 .sidenote > code {
-    font-size: 1rem; 
+    font-size: 1rem;
 }
 
 pre > code {
@@ -347,36 +350,36 @@ pre > code {
 }
 
 pre.fullwidth > code {
-    width: 90%; 
+    width: 90%;
 }
 
 .fullwidth {
     max-width: 90%;
-    clear:both; 
+    clear:both;
 }
 
 span.newthought {
     font-variant: small-caps;
-    font-size: 1.2em; 
+    font-size: 1.2em;
 }
 
 input.margin-toggle {
-    display: none; 
+    display: none;
 }
 
 label.sidenote-number {
-    display: inline; 
+    display: inline;
 }
 
 label.margin-toggle:not(.sidenote-number) {
-    display: none; 
+    display: none;
 }
 
 .iframe-wrapper {
     position: relative;
     padding-bottom: 56.25%; /* 16:9 */
     padding-top: 25px;
-    height: 0; 
+    height: 0;
 }
 
 .iframe-wrapper iframe {
@@ -384,64 +387,62 @@ label.margin-toggle:not(.sidenote-number) {
     top: 0;
     left: 0;
     width: 100%;
-    height: 100%; 
+    height: 100%;
 }
 
 @media (max-width: 760px) {
     body {
         width: 84%;
         padding-left: 8%;
-        padding-right: 8%; 
+        padding-right: 8%;
     }
-    
+
     hr,
     section > p,
     section > footer,
     section > table {
-        width: 100%; 
-    }
-    
-    pre > code {
-        width: 97%; 
+        width: 100%;
     }
 
-    section > ol {
-        width: 90%; 
+    pre > code {
+        width: 97%;
     }
 
+    section > dl,
+    section > ol,
     section > ul {
-        width: 90%; 
+        width: 90%;
     }
 
     figure {
-        max-width: 90%; 
+        max-width: 90%;
     }
-    
+
     figcaption,
     figure.fullwidth figcaption {
         margin-right: 0%;
-        max-width: none; 
+        max-width: none;
     }
-    
+
     blockquote {
         margin-left: 1.5em;
-        margin-right: 0em; 
+        margin-right: 0em;
     }
 
     blockquote p,
     blockquote footer {
-        width: 100%; 
+        width: 100%;
     }
-    
+
     label.margin-toggle:not(.sidenote-number) {
-        display: inline; 
+        display: inline;
     }
 
     .sidenote,
     .marginnote {
-        display: none; 
+        display: none;
     }
-    
+
     .margin-toggle:checked + .sidenote,
     .margin-toggle:checked + .marginnote {
         display: block;
@@ -451,19 +452,19 @@ label.margin-toggle:not(.sidenote-number) {
         width: 95%;
         margin: 1rem 2.5%;
         vertical-align: baseline;
-        position: relative; 
+        position: relative;
     }
 
     label {
-        cursor: pointer; 
+        cursor: pointer;
     }
 
     div.table-wrapper,
     table {
-        width: 85%; 
+        width: 85%;
     }
-    
+
     img {
         width: 100%;
-    } 
+    }
 }