make links more noticable in admonitions and wording

Author: NoahMaizels

docs/develop/introduction.md

@@ -32,7 +32,7 @@ pagination_next: null
         <a class="hub-card__link" target="_blank" href="https://bee-js.ethswarm.org/docs/getting-started/#installation">
           <h3 class="hub-card__title">Connect Your App</h3>
           <p class="hub-card__desc">
-            Use the official <code>bee-js</code> SDK to integrate storage, feeds, and more into your app.
+            Use the official <code>bee-js</code> SDK to connect your app to your Bee node and integrate Swarm based storage, feeds, and more.
           </p>
           <span class="hub-card__cta">Connect dApp</span>
         </a>

src/css/custom.css

@@ -286,6 +286,21 @@ pre, code, .codeBlockLines_node_modules-\@docusaurus-theme-classic-lib-theme-Cod
   border-color: #F30000;
 }
 
+/* Style links inside admonitions */
+.theme-admonition a {
+  font-weight: 600; /* slightly bold, not as heavy as 700 */
+  text-decoration: none; /* remove default underline */
+  border-bottom: 2px solid currentColor; /* underline effect using border */
+  padding-bottom: 1px; /* spacing so border doesn’t touch text */
+}
+
+/* Hover/focus state for better interactivity */
+.theme-admonition a:hover,
+.theme-admonition a:focus {
+  color: var(--ifm-color-primary); /* matches your orange accent */
+  border-bottom-color: var(--ifm-color-primary);
+}
+
 
 /**
 * Prevent redocusaurus from displaying html before its styles are fully