Fix pattern content inset drift with shared token and guardrail

styleguide.css

@@ -139,6 +139,7 @@
   --font-size-portal-header-brand: calc(var(--font-size-brand) * 1.1);
   --text-portal-header-tab: var(--color-font-light);
   --text-portal-header-tab-active: var(--color-font-dark);
+  --layout-page-content-inset-inline: var(--card-segment-padding-horizontal);
   --surface-options-row: var(--color-light-grey);
   --surface-options-row-control: var(--surface-control-default);
   --surface-options-row-control-selected: var(--surface-control-active);
@@ -1530,7 +1531,7 @@ section + section {
   gap: var(--spacing-large);
   padding:
     var(--card-segment-padding-vertical)
-    var(--card-segment-padding-horizontal);
+    var(--layout-page-content-inset-inline);
   border: var(--border-none);
   border-radius: var(--radius-card);
   box-shadow: var(--shadow-none);
@@ -1608,7 +1609,7 @@ section + section {
   gap: var(--layout-options-row-main-gap);
   padding:
     var(--card-segment-padding-vertical)
-    var(--card-segment-padding-horizontal);
+    var(--layout-page-content-inset-inline);
   border: var(--border-none);
   border-radius: var(--radius-card);
   box-shadow: var(--shadow-none);
@@ -2040,7 +2041,7 @@ section + section {
   gap: var(--spacing-small);
   padding:
     var(--card-segment-padding-vertical)
-    var(--card-segment-padding-horizontal);
+    var(--layout-page-content-inset-inline);
 }
 
 .sg-card-list-page-drawer__title {
@@ -2054,9 +2055,9 @@ section + section {
   gap: var(--spacing-large);
   padding:
     var(--card-segment-padding-vertical)
-    var(--spacing-small)
+    var(--layout-page-content-inset-inline)
     var(--card-segment-padding-vertical)
-    var(--spacing-small);
+    var(--layout-page-content-inset-inline);
 }
 
 .sg-card-list-page > * + * {