Draft: Specificity of CSS layout for teaser cards

The full node content is too wide, affecting readability and does not match designs. This change adds specificity to the work from https://www.drupal.org/project/drupal_cms/issues/3491807 and https://www.drupal.org/project/drupal_cms/issues/3491817 that was intended to set the layout of teaser cards, so full nodes (and other places) revert layouts to their previous states.

drupal_cms_olivero/css/layout/layout.css

 .main-content {
   @media (min-width: 62.5rem) {
-    .layout--content-medium, .layout--pass--content-medium > * {
+    .layout--pass--content-medium > .block-system-main-block {
+      grid-column: 1 / 15;
+    }
+
+    .layout--pass--content-medium .layout__region--content {
+      display: grid;
+      grid-template-rows: 1fr;
+      grid-template-columns: repeat(var(--grid-col-count), minmax(0, 1fr));
+      grid-column-gap: var(--grid-gap);
+    }
+
+    .layout--pass--content-medium .layout__region--content > * {
       grid-column: 2 / 14;
     }
+
+    .layout--pass--content-medium .layout__region--content > .block-field-blocknodepagefield-content {
+      grid-column: 4 / 12;
+    }
   }
 }