type changes

css/base/variables.css

@@ -27,10 +27,12 @@
   --line-height-s: 1.125rem;
 
   /* Layout helpers. */
-  --max-width: 84.375rem;
+  /*--max-width: 84.375rem;*/
+  --max-width: 89rem;
   --max-bg-color: 98.125rem; /* Width to which the background color extends to. */
   --sp: 1.125rem;
   /*--content-left: 5.625rem;*/
+  /*--content-left: 5.625rem;*/
   --content-left: 5.625rem;
   --site-header-height-wide: var(--sp10);
   --container-padding: var(--sp);

css/components/block.css

@@ -17,8 +17,16 @@
   /*font-size: var(--font-size-l);*/
   font-size: 24px;
   line-height: var(--sp);
+  border-bottom: 4px double;
+  padding-bottom: 4px;
 }
 
 .site-footer .block__title {
   color: var(--color--gray-65);
 }
+.region--sidebar .block {
+
+  background: #f6f8f8;
+  padding: 1rem;
+
+}

css/components/form-textarea.css

@@ -17,5 +17,5 @@ textarea {
   padding: var(--sp);
 }
 .region--sidebar input.form-text {
-    width: 15em;
+    width: 14em;
 }

css/layout/layout-sidebar.css

@@ -25,7 +25,7 @@
   .sidebar-grid > .site-main {
     display: grid;
     grid-template-columns: repeat(8, minmax(0, 1fr));
-    grid-column: 1 / 11;
+    grid-column: 2 / 11;
   }
 
   .sidebar-grid > .site-main > .region--content-above,