diff --git a/docs/css/extra.css b/docs/css/extra.css
index 77d59e4b..540f8aad 100644
--- a/docs/css/extra.css
+++ b/docs/css/extra.css
@@ -175,6 +175,79 @@ body {
   padding: 0;
 }
 
+/* Google Custom Search Engine styling */
+.md-search {
+  position: relative;
+  display: block !important;
+  opacity: 1 !important;
+  transform: none !important;
+  width: auto !important;
+  max-width: 400px;
+}
+
+.md-search__inner {
+  display: block !important;
+}
+
+.gcse-search {
+  width: 100%;
+}
+
+/* Hide the default search toggle icon since CSE is always visible */
+.md-header__button[for="__search"] {
+  display: none;
+}
+
+/* Search input styling */
+.gsc-input-box {
+  border-radius: 4px !important;
+  border-color: var(--colorLightGrey) !important;
+  background-color: var(--colorWhite) !important;
+}
+
+.gsc-input {
+  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
+}
+
+/* Search button styling */
+.gsc-search-button-v2 {
+  background-color: var(--colorPrimary) !important;
+  border-color: var(--colorPrimary) !important;
+  border-radius: 4px !important;
+  padding: 8px 16px !important;
+}
+
+.gsc-search-button-v2:hover {
+  background-color: var(--colorLightPrimary) !important;
+  border-color: var(--colorLightPrimary) !important;
+}
+
+/* Results styling */
+.gsc-result .gs-title,
+.gsc-result .gs-title a {
+  color: var(--colorLink) !important;
+  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
+  text-decoration: underline !important;
+}
+
+.gsc-result .gs-title a:hover {
+  color: var(--colorLinkHover) !important;
+}
+
+.gsc-result .gs-snippet {
+  font-family: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
+    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
+  color: var(--colorOffBlack) !important;
+}
+
+/* Hide Google branding if desired */
+.gsc-above-wrapper-area,
+.gcsc-more-maybe-branding-root {
+  display: none !important;
+}
+
 .footer-nav-buttons {
   border-top: 1px solid var(--colorLightGrey);
 
diff --git a/overrides/main.html b/overrides/main.html
index ba332b47..e4afaaf4 100644
--- a/overrides/main.html
+++ b/overrides/main.html
@@ -1,5 +1,10 @@
 {% extends "base.html" %}
 
+{% block libs %}
+  {{ super() }}
+  <script async src="https://cse.google.com/cse.js?cx=1582fc3f4c0fd41c4"></script>
+{% endblock %}
+
 {% block fonts %}
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 
diff --git a/overrides/partials/search.html b/overrides/partials/search.html
new file mode 100644
index 00000000..baddf105
--- /dev/null
+++ b/overrides/partials/search.html
@@ -0,0 +1,5 @@
+<div class="md-search" data-md-component="search" role="search">
+  <div class="md-search__inner">
+    <div class="gcse-search"></div>
+  </div>
+</div>