Restore card overflow default and introduce reusable overlay-host card variant

styleguide.css

@@ -2139,11 +2139,11 @@ section + section {
   color: var(--text-portal-header-tab);
 }
 
-.sg-vsf-drawer-controls-card {
+.sg-inline-controls-card {
   --surface-card-body: var(--surface-card-segment-neutral);
 }
 
-.sg-card-segment.sg-vsf-drawer-controls-row {
+.sg-card-segment.sg-inline-controls-row {
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
@@ -2156,21 +2156,17 @@ section + section {
   margin: 0;
 }
 
-.sg-vsf-fundamental-analysis-heading {
-  color: var(--text-vsf-drawer-object-card-body);
-}
-
-.sg-vsf-fundamental-analysis-intro {
+.sg-analysis-intro-block {
   display: flex;
   flex-direction: column;
   gap: var(--spacing-small);
 }
 
-.sg-vsf-fundamental-analysis-intro .sg-heading-h2 {
+.sg-analysis-intro-block .sg-heading-h2 {
   margin: 0;
 }
 
-.sg-vsf-fundamental-analysis-intro .sg-text-layout-pattern__sample {
+.sg-analysis-intro-block .sg-text-layout-pattern__sample {
   margin: 0;
   color: var(--text-vsf-drawer-object-card-body);
 }
@@ -2284,7 +2280,7 @@ section + section {
   --layout-card-body-text-margin: 0;
   display: flex;
   flex-direction: column;
-  overflow: visible;
+  overflow: hidden;
   width: 100%;
   box-sizing: border-box;
   border: var(--border-none);
@@ -2293,6 +2289,10 @@ section + section {
   background: var(--surface-card);
 }
 
+.sg-card.sg-card--overlay-host {
+  overflow: visible;
+}
+
 .sg-card > .sg-card-segment:first-child {
   border-top-left-radius: var(--radius-card);
   border-top-right-radius: var(--radius-card);