Typographic adjustments

Author: NicolaSaunders

assets-src/styles/sass/30-base/_lists.scss

@@ -7,6 +7,11 @@ ol {
 	margin-block: 1rem;
 	padding-inline-start: 2.4em;
 
+	li {
+		max-inline-size: 60ch;
+		text-wrap: pretty;
+	}
+
 	// > * + *,
 	// li ul,
 	// li ol {
@@ -48,6 +53,8 @@ Description lists / Definition lists
  */
 dl {
 	margin-block: 1rem;
+	max-inline-size: 60ch;
+	text-wrap: pretty;
 
 	dt {
 		font-weight: bold;

assets-src/styles/sass/30-base/_typography.scss

@@ -12,19 +12,23 @@ body {
 
 p {
 	margin-block: 1rem;
+	max-inline-size: 60ch;
+	text-wrap: pretty;
 }
 
 
 h1, h2, h3, h4, h5, h6 {
 	font-weight: $emphasis;
-	line-height: 1.2;
-	// margin: 0 0 1rem;
 }
 
  h1 {
  	margin-block-start: 0;
  }
 
+ :where(h1, h2, h3, h4) {
+	 text-wrap: balance;
+ }
+
  :where(h2, h3, h4, h5, h6) {
 	 margin-block-end: 1rem;
 	 margin-block-start: 2em;
@@ -36,22 +40,30 @@ h1, h2, h3, h4, h5, h6 {
 
 :where(h1, .h1 .venus) {
 	font-size: var(--w3c-text-5);
+	line-height: 1.2;
+	max-inline-size: 20ch;
 }
 
 :where(h2, .h2, .txt-earth) {
 	font-size: var(--w3c-text-4);
+	line-height: 1.2;
+	max-inline-size: 35ch;
 }
 
 :where(h3, .h3, .txt-mars) {
 	font-size: var(--w3c-text-3);
+	line-height: 1.2;
+	max-inline-size: 35ch;
 }
 
 :where(h4, .h4, .txt-jupiter) {
 	font-size: var(--w3c-text-2);
+	line-height: 1.2;
 }
 
 :where(h5, .h5, .txt-saturn) {
 	font-size: var(--w3c-text-1);
+	line-height: 1.2;
 }
 
 :where(h6, .h6) {
@@ -61,6 +73,7 @@ h1, h2, h3, h4, h5, h6 {
 .lead {
 	font-size: var(--w3c-text-2);
 	line-height: 1.4;
+	text-wrap: balance;
 }
 
 :where(.txt-pluto, .txt-eris, .text-sm) {