Move release highlights styling to boostlook

Add the boostlook class to the description, drop the component bold rule, and re-vendor boostlook-v3.css.

Author: julioest

static/css/v3/boostlook-v3.css

@@ -5838,3 +5838,14 @@ html.v3 .boostlook {
   color: var(--color-text-primary);
   font-weight: var(--font-weight-medium);
 }
+
+/* Release highlights card (what's-new descriptions via inline_markdown) — #2491.
+   The description's layout and base type (secondary color, size, spacing) stay in
+   release-highlights-card.css; the only rich-text spans inline_markdown can emit
+   are <strong> and <code>. Bold uses the site's medium weight (the non-doc rule
+   above already drops boostlook's condensed axis). Inline code has no override, so
+   it inherits boostlook's code treatment — matching the release notes markdown card
+   on the same page. */
+.boostlook.release-highlight__description strong {
+  font-weight: var(--font-weight-medium);
+}

static/css/v3/release-highlights-card.css

@@ -51,9 +51,9 @@
   color: var(--color-text-secondary);
 }
 
-.release-highlight__description strong {
-  font-weight: var(--font-weight-medium);
-}
+/* Rich-text rendering (bold/inline-code from inline_markdown) is handled by
+   Boostlook via `.boostlook.release-highlight__description` in
+   17-site-components.css; the description carries the `boostlook` class. */
 
 .release-highlight__placeholder {
   padding: 0 var(--space-card);

templates/v3/includes/_release_highlights_card.html

@@ -40,7 +40,7 @@
         <article class="release-highlight">
           <h3 class="release-highlight__title">{{ item.title }}</h3>
           {% if item.description %}
-            <p class="release-highlight__description">{{ item.description|inline_markdown }}</p>
+            <p class="release-highlight__description boostlook">{{ item.description|inline_markdown }}</p>
           {% endif %}
         </article>
       </li>