Fixes from merge with main

src/components/CCIP/Hero/Hero.css

@@ -5,6 +5,8 @@
 
 .ccip-hero__heading {
   color: var(--gray-900);
+  font-size: 2.5rem;
+  margin-bottom: var(--space-6x);
 }
 
 .ccip-hero__content {
@@ -15,3 +17,10 @@
   align-items: center;
   gap: var(--space-4x);
 }
+
+@media screen and (max-width: 768px) {
+  .ccip-hero__heading {
+    font-size: 2rem;
+    margin-bottom: var(--space-4x);
+  }
+}

src/components/CCIP/Hero/Hero.tsx

@@ -2,6 +2,7 @@ import { Environment, LaneConfig } from "~/config/data/ccip/index.ts"
 import Search from "../Search/Search.tsx"
 import "./Hero.css"
 import { ChainType, ExplorerInfo } from "~/config/types.ts"
+import { Typography } from "@chainlink/blocks"
 
 interface HeroProps {
   chains: {
@@ -39,7 +40,9 @@ function Hero({ chains, tokens, environment, lanes }: HeroProps) {
   return (
     <section className="ccip-hero">
       <div className="ccip-hero__content">
-        <h1 className="ccip-hero__heading">CCIP Directory</h1>
+        <Typography variant="h1" className="ccip-hero__heading">
+          CCIP Directory
+        </Typography>
         <Search chains={chains} tokens={tokens} environment={environment} lanes={lanes} />
       </div>
     </section>

src/components/ChainSelector/ChainTypeSelector.module.css

@@ -1,8 +1,7 @@
 .selector {
   display: flex;
   align-items: center;
-  padding: var(--space-3x) var(--space-3x);
-  border-bottom: 1px solid var(--border-color, #e5e7eb);
+  padding: var(--space-4x) 0;
   background: var(--color-background-primary, #ffffff);
   position: sticky;
   top: 0;

src/components/LeftSidebar/LeftSidebar.astro

@@ -6,8 +6,6 @@ import RecursiveSidebar from "./RecursiveSidebar.astro"
 import { LanguageSwitcherDropdown } from "~/components/LanguageSwitcherDropdown"
 import { ChainTypeSelector } from "~/components/ChainSelector"
 import { isChainAwareSection } from "~/config/chainTypes"
-import { filterContentByChainType } from "~/utils/chainType"
-import type { ChainType } from "~/config/types"
 import styles from "./leftSidebar.module.css"
 import DocsHeaderTitle from "../DocsHeaderTitle/DocsHeaderTitle.astro"
 import * as CONFIG from "../../config"

src/components/LeftSidebar/leftSidebar.module.css

@@ -168,7 +168,7 @@ details[open] > .navGroupTitle {
 
 /* Language Switcher for tablet screens (800px-1200px) */
 .languageSwitcherTablet {
-  padding: var(--space-6x) var(--space-6x) 0 var(--space-6x);
+  padding: var(--space-6x) 0;
   display: none;
 }