Sync styleguide 2026.05.18.1

public/assets/styleguide.upstream.css

@@ -869,6 +869,7 @@ section + section {
       flex-direction: column;
       gap: var(--spacing-small);
       min-width: 0;
+      width: 100%;
       max-width: var(--layout-form-input-field-max-width);
     }
 
@@ -2431,7 +2432,7 @@ section + section {
 }
 
 .sg-form-sections-card__actions-segment {
-  margin-top: calc(var(--spacing-large) - var(--card-segment-padding-vertical));
+  margin-top: var(--spacing-large);
   padding: 0;
 }
 
@@ -3057,7 +3058,7 @@ section + section {
 
 .sg-left-navigation-pattern__layout {
   display: flex;
-  align-items: stretch;
+  align-items: flex-start;
   gap: 0;
   width: 100%;
   min-width: 0;
@@ -3091,10 +3092,15 @@ section + section {
   flex: 1 1 auto;
 }
 
+.sg-left-navigation-pattern__group-card--content .sg-group-card__heading {
+  flex: 0 1 auto;
+  width: auto;
+  margin-left: 0;
+}
+
 @media (min-width: 768px) {
   .sg-left-navigation-pattern__group-card--navigation .sg-tab-button-group[data-component-variant="linksmenu-items"] {
-    height: 100%;
-    justify-content: center;
+    justify-content: flex-start;
   }
 }
 
@@ -3137,21 +3143,6 @@ section + section {
   flex-direction: column;
 }
 
-.sg-card-list-page-drawer-backdrop {
-  position: fixed;
-  inset: 0;
-  background: rgba(0, 0, 0, 0.45);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 220ms ease;
-  z-index: 999;
-}
-
-.sg-card-list-page-drawer-backdrop[data-open="true"] {
-  opacity: 1;
-  pointer-events: auto;
-}
-
 .sg-card-list-page-drawer {
   position: fixed;
   top: 0;
@@ -4384,3 +4375,4 @@ section + section {
   color: var(--text-typography-preview);
   margin-top: 0;
 }
+