Tufte tweaks to get around justified text, but will I just need to change how the widths are done more fundamentally?

tufte/tufte-main.css

@@ -15,7 +15,8 @@
 }
 
 #workskin #chapters .userstuff > blockquote,
-#workskin #chapters .userstuff .ng-binding > blockquote {
+#workskin #chapters .userstuff .ng-binding > blockquote,
+#workskin #chapters .userstuff > div[align=justify] > blockquote {
   font-family: "EB Garamond", Garamond, serif;
 }
 
@@ -28,16 +29,23 @@
 #workskin #chapters .userstuff .ng-binding > dl,
 #workskin #chapters .userstuff .ng-binding > ol,
 #workskin #chapters .userstuff .ng-binding > ul,
-#workskin #chapters .userstuff .ng-binding > blockquote {
+#workskin #chapters .userstuff .ng-binding > blockquote,
+#workskin #chapters .userstuff > div[align=justify] > p,
+#workskin #chapters .userstuff > div[align=justify] > dl,
+#workskin #chapters .userstuff > div[align=justify] > ol,
+#workskin #chapters .userstuff > div[align=justify] > ul,
+#workskin #chapters .userstuff > div[align=justify] > blockquote {
   font-size: 1.4rem;
   line-height: 2rem;
   margin-left: 0;
 }
 
 #workskin #chapters .userstuff > p,
-#workskin #chapters .userstuff .ng-binding > p,
 #workskin #chapters .userstuff > blockquote,
-#workskin #chapters .userstuff .ng-binding > blockquote {
+#workskin #chapters .userstuff .ng-binding > p,
+#workskin #chapters .userstuff .ng-binding > blockquote,
+#workskin #chapters .userstuff > div[align=justify] > p,
+#workskin #chapters .userstuff > div[align=justify] > blockquote {
   margin-top: 1.4rem;
   margin-bottom: 1.4rem;
   padding-right: 0;
@@ -46,17 +54,20 @@
 }
 
 #workskin #chapters .userstuff > h1,
-#workskin #chapters .userstuff .ng-binding > h1 {
+#workskin #chapters .userstuff .ng-binding > h1,
+#workskin #chapters .userstuff > div[align=justify] > h1 {
   font-weight: 400;
   margin-top: 4rem;
   margin-bottom: 1.5rem;
   font-size: 3.2rem;
   line-height: 1;
   font-family: inherit;
+  border-bottom: none;
 }
 
 #workskin #chapters .userstuff > h2,
-#workskin #chapters .userstuff .ng-binding > h2 {
+#workskin #chapters .userstuff .ng-binding > h2,
+#workskin #chapters .userstuff > div[align=justify] > h2 {
   font-style: italic;
   font-weight: 400;
   margin-top: 2.1rem;
@@ -64,10 +75,12 @@
   font-size: 2.2rem;
   line-height: 1;
   font-family: inherit;
+  border-bottom: none;
 }
 
 #workskin #chapters .userstuff > h3,
-#workskin #chapters .userstuff .ng-binding > h3 {
+#workskin #chapters .userstuff .ng-binding > h3,
+#workskin #chapters .userstuff > div[align=justify] > h3 {
   font-style: italic;
   font-weight: 400;
   font-size: 1.7rem;
@@ -75,10 +88,12 @@
   margin-bottom: 1.4rem;
   line-height: 1;
   font-family: inherit;
+  border-bottom: none;
 }
 
 #workskin #chapters .userstuff > hr,
-#workskin #chapters .userstuff .ng-binding > hr {
+#workskin #chapters .userstuff .ng-binding > hr,
+#workskin #chapters .userstuff > div[align=justify] > hr {
   display: none;
 }
 
@@ -87,13 +102,16 @@
 #workskin #chapters .userstuff > ul,
 #workskin #chapters .userstuff .ng-binding > dl,
 #workskin #chapters .userstuff .ng-binding > ol,
-#workskin #chapters .userstuff .ng-binding > ul {
+#workskin #chapters .userstuff .ng-binding > ul,
+#workskin #chapters .userstuff > div[align=justify] > dl,
+#workskin #chapters .userstuff > div[align=justify] > ol,
+#workskin #chapters .userstuff > div[align=justify] > ul {
   width: 50%;
   -webkit-padding-start: 5%;
 }
 
-#workskin #chapters .userstuff a:link,
+#workskin a:link,
-#workskin #chapters .userstuff a:visited {
+#workskin a:visited {
   border-bottom: none;
   color: inherit;
   text-decoration: none;
@@ -107,13 +125,15 @@
 }
 
 #workskin #chapters .userstuff > pre,
-#workskin #chapters .userstuff .ng-binding > pre {
+#workskin #chapters .userstuff .ng-binding > pre,
+#workskin #chapters .userstuff > div[align=justify] > pre {
   margin-left: 0;
 }
 
 #workskin #chapters .userstuff code,
 #workskin #chapters .userstuff > pre > code,
-#workskin #chapters .userstuff .ng-binding > pre > code {
+#workskin #chapters .userstuff .ng-binding > pre > code,
+#workskin #chapters .userstuff > div[align=justify] > pre {
   font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
   font-size: 1.0rem;
   line-height: 1.42;
@@ -178,3 +198,8 @@
 #workskin #chapters .chapter .preface + .module h3.landmark {
   display: none;
 }
+
+div[align=justify],
+p[align=justify] {
+  text-align: left;
+}

tufte/tufte-smallscreen.css

@@ -13,15 +13,27 @@
 #workskin #chapters .userstuff p,
 #workskin #chapters .userstuff footer,
 #workskin #chapters .userstuff table {
-  width: 100%;
+  width: 100% !important;
 }
 
 #workskin #chapters .userstuff pre > code {
   width: 97%;
 }
 
-#workskin #chapters .userstuff dl,
+#workskin #chapters .userstuff > p,
-#workskin #chapters .userstuff ol,
+#workskin #chapters .userstuff > blockquote,
-#workskin #chapters .userstuff ul {
+#workskin #chapters .userstuff .ng-binding > p,
-  width: 90%;
+#workskin #chapters .userstuff .ng-binding > blockquote,
+#workskin #chapters .userstuff > div[align=justify] > p,
+#workskin #chapters .userstuff > div[align=justify] > blockquote,
+#workskin #chapters .userstuff > dl,
+#workskin #chapters .userstuff > ol,
+#workskin #chapters .userstuff > ul,
+#workskin #chapters .userstuff .ng-binding > dl,
+#workskin #chapters .userstuff .ng-binding > ol,
+#workskin #chapters .userstuff .ng-binding > ul,
+#workskin #chapters .userstuff > div[align=justify] > dl,
+#workskin #chapters .userstuff > div[align=justify] > ol,
+#workskin #chapters .userstuff > div[align=justify] > ul {
+  width: 100%;
 }