update integration section summary to be more clarifying

Author: eiman-eltigani-ttd

web-integrations/google-secure-signals/client-server/public/stylesheets/app.css

@@ -164,7 +164,7 @@ a:hover {
 #secure_signals_state {
   width: 100%;
   border-collapse: collapse;
-  margin: 2rem 0;
+  margin: 1rem 0 2rem 0;
   font-size: 0.875rem;
   border: 1px solid var(--border-color);
   border-radius: 8px;

web-integrations/google-secure-signals/client-server/views/index.html

@@ -230,7 +230,7 @@ <h2><%- identityName %> Integration Status</h2>
 
         <!-- Google Secure Signals Section -->
         <h2 class="section-teal">Google Secure Signals Status</h2>
-        <p class="section-summary">The Secure Signals SDK reads the <%- identityName %> token from localStorage and encrypts it for Google Ad Manager.</p>
+        <p class="section-summary">Secure Signals automatically reads the token from storage and shares it with Google Ad Manager.</p>
 
         <table id="secure_signals_state">
           <tr>

web-integrations/google-secure-signals/client-side/html/index.html

@@ -111,7 +111,7 @@ <h2>${IDENTITY_NAME} Integration Status</h2>
 
         <!-- Google Secure Signals Section -->
         <h2 class="section-teal">Google Secure Signals Status</h2>
-        <p class="section-summary">The Secure Signals SDK reads the ${IDENTITY_NAME} token from localStorage and encrypts it for Google Ad Manager.</p>
+        <p class="section-summary">Secure Signals automatically reads the token from storage and shares it with Google Ad Manager.</p>
 
         <table id="secure_signals_state">
           <tr>

web-integrations/google-secure-signals/client-side/html/styles/app.css

@@ -180,7 +180,7 @@ a:hover {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
-  margin: 2rem 0;
+  margin: 1rem 0 2rem 0;
   border: 2px solid var(--border-color);
   border-radius: 8px;
   overflow: visible;

web-integrations/google-secure-signals/react-client-side/src/SecureSignalsApp.tsx

@@ -508,6 +508,7 @@ const SecureSignalsApp = () => {
 
         {/* Google Secure Signals Section */}
         <h2 className="section-teal">Google Secure Signals Status</h2>
+        <p className="section-summary">Secure Signals automatically reads the token from storage and shares it with Google Ad Manager.</p>
 
         <table id="secure_signals_state">
           <tbody>

web-integrations/google-secure-signals/react-client-side/src/styles/app.css

@@ -155,6 +155,14 @@ p {
   line-height: 1.8;
 }
 
+/* Section summary - same styling as intro but gray */
+p.section-summary {
+  font-size: 0.95rem;
+  color: var(--text-gray);
+  margin-bottom: 1rem;
+  line-height: 1.8;
+}
+
 a {
   color: var(--link-color);
   text-decoration: underline;
@@ -172,7 +180,7 @@ a:hover {
   width: 100%;
   border-collapse: separate;
   border-spacing: 0;
-  margin: 2rem 0;
+  margin: 1rem 0 2rem 0;
   border: 2px solid var(--border-color);
   border-radius: 8px;
   overflow: visible;

web-integrations/google-secure-signals/server-side/public/stylesheets/app.css

@@ -163,7 +163,7 @@ a:hover {
 #secure_signals_state {
   width: 100%;
   border-collapse: collapse;
-  margin: 2rem 0;
+  margin: 1rem 0 2rem 0;
   font-size: 0.875rem;
   border: 1px solid var(--border-color);
   border-radius: 8px;

web-integrations/google-secure-signals/server-side/views/index.html

@@ -183,7 +183,7 @@ <h2><%- identityName %> Integration Status</h2>
 
         <!-- Google Secure Signals Section -->
         <h2 class="section-teal">Google Secure Signals Status</h2>
-        <p class="section-summary">The page exposes window.getUid2AdvertisingToken for the Secure Signals SDK to retrieve and encrypt tokens for Google Ad Manager.</p>
+        <p class="section-summary">Secure Signals automatically reads the server-generated token and shares it with Google Ad Manager.</p>
 
         <table id="secure_signals_state">
           <tr>

web-integrations/prebid-integrations/client-server/public/index.html

@@ -260,7 +260,7 @@ <h2><%- identityName %> Integration Status</h2>
 
         <!-- Prebid Integration Status Section -->
         <h2 class="section-teal">Prebid Integration Status</h2>
-        <p class="section-summary">Prebid.js manages token storage in localStorage and shares it with bidders during header bidding auctions.</p>
+        <p class="section-summary">Prebid.js is configured to store and refresh tokens generated by the server.</p>
 
         <table id="prebid_state">
           <tr>

web-integrations/prebid-integrations/client-side/index.html

@@ -296,7 +296,7 @@ <h2>${IDENTITY_NAME} Integration Status</h2>
 
         <!-- Prebid Integration Status Section -->
         <h2 class="section-teal">Prebid Integration Status</h2>
-        <p class="section-summary">Prebid.js manages token storage in localStorage and shares it with bidders during header bidding auctions.</p>
+        <p class="section-summary">Prebid.js is configured to handle the entire token lifecycle—generation, storage, and automatic refresh.</p>
 
         <table id="prebid_state">
           <tr>